Существует ли букмарклет JavaScript для преобразования таблицы в стиле CSS в <table> - PullRequest
Новая
       17

Существует ли букмарклет JavaScript для преобразования таблицы в стиле CSS в <table>

0 голосов
/ 29 марта 2019

Мне нужно скопировать отображение данных, использующее CSS, чтобы создать табличное представление для использования в текстовом процессоре.Текстовый процессор, однако, не распознает соседние «ячейки» и портит макет.Я хочу, чтобы букмарклет конвертировал <div> s в семантические <tr> - <th> - <td> комбинации на лету.

Пример исходного 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 Iхотите создать букмарклет: 

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

1 Ответ

0 голосов
/ 05 июля 2019

Вместо этого я занялся скриптом Greasemonkey.Это проходит через все последующие элементы div.

Поскольку я подготовил его для конкретного макета «таблицы», поэтому, не будучи универсальным, я не думаю, что он полезен для совместного использования сценария.

...