是否有Javascript小书签将CSS样式表更改为

时间:2019-03-29 14:08:18

标签: css html-table bookmarklet

我需要将数据显示复制到wordprocesor中,该数据显示使用css创建类似表格的视图。但是,文字处理器无法识别相邻的“单元”并弄乱了布局。也许有一个bookmarklet可以当场将div更改为tr / td组合,从而可以进行复制粘贴。

我一直在寻找一种将CSS样式的文本粘贴到文字处理器中的方法,但它们不能合并。

示例源html:

<div class="row review-row">
    <div class="col-6 review-label">old or new?</div>
    <div class="col-4">new</div>
</div>
<div class="row review-row">
    <div class="col-6 review-label">id?</div>
    <div class="col-s4">16</div>
</div>
<div class="row review-row">
    <div class="col-6 review-label">why do you cancel?</div>
    <div class="col-4">because</div>
</div>
<div class="row review-row">
    <div class="col-6 review-label">why bother</div>
    <div class="col-4">i have to :(</div>
</div>

预期结果html:

<table>
<tr>
    <th>old or new?</th>
    <td>new</td>
</tr>
<tr>
    <th>id?</yh>
    <td>16</td>
</tr>
<tr>
    <th>why do you cancel?</th>
    <td>because</div>
</tr>
<tr>
    <th>why bother</th>
    <td>i have to :(</td>
</tr>
</table>

1 个答案:

答案 0 :(得分:-1)

我改用Greasemonkey脚本。这将遍历每个后续div。

由于我已经为特定的“表”布局做好了准备,因此不是通用的,我认为共享脚本无用。