Структура email-писем в Markeaze

2025-07-30 08:39 Редактор

Чтобы понимать, как устроено письмо в 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.