Чтобы понимать, как устроено письмо в Markeaze, разберём его ключевые элементы: секции, строки, колонки и блоки.
Основные классы в структуре письма:
- main — основной класс, сразу после тега <body>.
- mrkz-indentation — главный контейнер письма.
- mrkz-container — секция, объединяющая элементы письма. (Секции — это основные конструктивные единицы письма. Каждая из них содержит одну или несколько строк.)
- mrkz-row — строка, содержащая колонки.
- mrkz-column — колонка, в которую помещаются блоки. (Каждая колонка содержит блоки с контентом.)
Пример 1: Секция с одной колонкой
<table class="mrkz-container">
<tr class="mrkz-row">
<td class="mrkz-column">Blocks or any content here</td>
</tr>
</table>Пример 2: Секция с несколькими колонками
<table class="mrkz-container">
<tr>
<td data-drag-content="true">
<table>
<tr class="mrkz-row">
<td class="mrkz-column">Blocks or any content here</td>
<td class="mrkz-column">Blocks or any content here</td>
</tr>
</table>
</td>
</tr>
</table>Дополнительные примечания:
- Адаптация блоков в процессе доработки. Вы можете копировать блоки из других секций, если они добавлены через интерфейс редактора.
- Атрибуты data-drag-main="true" и data-drag-content="true" — устаревшие и скоро будут удалены.
Пример полной структуры письма
<table class="main">
<tr>
<td align="center" class="mrkz-indentation" data-drag-main="true">
<table class="mrkz-container">
<tr class="mrkz-row">
<td class="mrkz-column">Blocks or any content here</td>
</tr>
</table>
<table class="mrkz-container">
<tr>
<td data-drag-content="true">
<table>
<tr class="mrkz-row">
<td class="mrkz-column">Blocks or any content here</td>
<td class="mrkz-column">Blocks or any content here</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>Эта структура обеспечивает гибкость и правильную организацию письма при создании шаблонов в Markeaze.