Хорошо, я нашел способы эффективной работы. В настоящее время я работаю над задачей ввода данных, которая требует большого редактирования текста и преобразования ячеек в HTML.
Я часто использую Tableizer, который реально спасает жизнь, но может быть довольно утомительно конвертировать каждую ячейку вручную.
Мне было интересно, можно ли создать базовый шаблон из HTML-кода Tableizer, чтобы я мог применить к нему некоторые данные.
Вот пример данных, которые мне нужно преобразовать в HTML:
-
6,5 мм X12,7 мм ALUM / стальная заклепка
ОПИСАНИЕ:
- Кол-во в коробке: 10
- Тип головки: Чистящая головка
- Отделка головки: алюминий класса 5052
- Тип упаковки: Торговая упаковка
- Отделка: 5052 Алюминий класса
- Минимальное кол-во: 1 +
-
А вот это в HTML:
<style type=""text/css"">
table.tableizer-table {
font-size: 12px;
border: 1px solid #CCC;
font-family: Arial, Helvetica, sans-serif;
}
.tableizer-table td {
padding: 4px;
margin: 3px;
border: 1px solid #CCC;
}
.tableizer-table th {
background-color: #104E8B;
color: #FFF;
font-weight: bold;
}
</style>
<table class=""tableizer-table"">
<thead><tr class=""tableizer-firstrow""><th>6.5MM X12.7MM ALUM/STEEL RIVET</th></tr></thead><tbody>
<tr><td> </td></tr>
<tr><td>DESCRIPTION :</td></tr>
<tr><td> </td></tr>
<tr><td>• Carton Qty: 8</td></tr>
<tr><td>• Diameter: 1/4</td></tr>
<tr><td>• Qty: 200</td></tr>
<tr><td>• Diameter (mm): 12.7</td></tr>
<tr><td>• Length (mm): 19.1</td></tr>
<tr><td>• Max Grip: 12.7</td></tr>
<tr><td>• Head Type: Dome Head</td></tr>
<tr><td>• Head Finish: 5050 Grade Aluminium</td></tr>
<tr><td>• Packaging Type: Trade Box Pack</td></tr>
<tr><td>• Finish: 5050 Grade Aluminium</td></tr>
</tbody></table>
Я пытался создать из него шаблон, используя простую формулу конкатенации. Я разбил данные на три части: а. Заголовок, б. Субтитры и с. Описание пули.
По сути, это должно быть так:
<style type=""text/css"">
table.tableizer-table {
font-size: 12px;
border: 1px solid #CCC;
font-family: Arial, Helvetica, sans-serif;
}
.tableizer-table td {
padding: 4px;
margin: 3px;
border: 1px solid #CCC;
}
.tableizer-table th {
background-color: #104E8B;
color: #FFF;
font-weight: bold;
}
</style>
<table class=""tableizer-table"">
<thead><tr class=""tableizer-firstrow""><th>(HEADER)</th></tr></thead><tbody>
<tr><td> </td></tr>
<tr><td>(SUBTITLE)</td></tr>
<tr><td> </td></tr>
<tr><td>(BULLET DESCRIPTION)</td></tr>
</tbody></table>
Этот формат работает, но я не могу понять, как добавить теги TR и TD () для каждого описания маркера, точно так же, как код Tableizer выше. Как вы думаете, какую формулу я должен использовать?
Надеюсь, кто-нибудь может мне помочь. Спасибо!