Docs RU

Что такое редактор кода и как им пользоваться?

Редактор
Редактор кода полезен для тех, кто уже работает с HTML и CSS при создании писем, а также для пользователей, которые хотят расширить возможности оформления и управления своими емейлами.

Как открыть редактор кода

Чтобы открыть редактор кода:

  • Откройте нужное письмо.
  • Нажмите на иконку с символом кода в правом верхнем углу экрана.
  • Подтвердите переход в режим редактирования кода.
❗️Важно: при переходе в редактор кода часть функций визуального редактора станет недоступной. Вы не сможете редактировать эти элементы обратно через конструктор блоков.

Интерфейс редактора кода

При открытии редактора кода отображаются разные части письма, в зависимости от того, на чем был фокус:
  • Если фокус не был установлен ни на один элемент, откроется код всего письма.

  • Если был выделен конкретный элемент, редактор покажет код только этого элемента.
Вы можете перемещаться по письму, и код в редакторе будет обновляться в соответствии с выделенным элементом.

Разделы редактора кода

Редактор кода состоит из трёх вкладок: HTML, CSS, AMP.
  • HTML — основной код письма. Здесь можно редактировать существующие теги и классы, добавлять собственные элементы и структуру.
  • CSS — стили, применяемые к HTML-тегам. Стили сгруппированы по устройствам: десктоп и мобильные, что упрощает настройку адаптивности.

  • AMP — AMP-версия письма. Эта вкладка будет доступна, если вы ранее добавляли AMP-блок или хотите создать его вручную.

Настройки редактора кода

В редакторе можно выбрать цветовую тему — для этого нажмите на иконку шестерёнки в правом верхнем углу и выберите подходящее оформление.
В правом верхнем углу также отображаются:

  • количество ошибок в коде текущего письма,
  • размер письма,
  • иконки для изменения размера шрифта кода.