HTML-редактор используется для описаний товаров и любых текстовых полей с HTML (описания брендов, характеристик, разделов, промо-блоков). Текстовые поля с двумя кнопками в конце строки открывают редактор: первая — сразу визуальный режим, вторая — режим кода. Кнопка «Вкл/выкл режим ручного редактирования HTML-кода» переключает режимы, не закрывая редактор.
Ключевая идея — форматировать текст классами, а не ручным подбором шрифта, цвета и размера. Класс объединяет набор стилей в отдельном файле, поэтому магазин сохраняет единый фирменный стиль, а оформление можно поменять, не трогая тексты описаний. Классы готовит разработчик.
HTML-документ состоит из вложенных элементов (тегов). Строка элементов внизу показывает, какие теги обрамляют выделенный текст; у каждого элемента есть ID, Класс и Стиль, а также закладки «Стили», «События» и «Консоль».
Функции работы с элементами: «Добавить элемент и класс» (с подменю готовых классов), «Найти начало/конец элемента», копирование, вырезание и вставка элемента (перед/после), «Удалить элемент» и «Удалить элемент вместе с содержимым», «Вкл/выкл подсветку элементов».
«Вставить таблицу», «Показать таблицы» (видеть невидимые), вставка строк и колонок, объединение и разъединение ячеек.
Стандартные функции: отменить/вернуть, очистить, буфер обмена с двумя вариантами вставки — «Вставить с форматированием» и «Вставить без форматирования» (без замусоривания лишними тегами), жирный/курсив/подчёркнутый, выравнивание, отступы и списки. «Вставить изображение» и «Управление изображениями» открывают файлы объекта (см. «Управление файлами»); «Назначить ссылку» и «Назначить ссылку на файл» создают ссылки.
Панель «Шаблон» и кнопка «Вставить шаблон» добавляют готовые блоки оформления (например, таблица, видеоролик, заголовок страницы, панель).
Наборы классов, тегов, шаблонов и подключаемые файлы стилей CSS задаются разработчиком в разделе «Проектирование» → «Реестр настроек» → «Базовые настройки» → «Настройки редакторов» → «HTML-редактор» (см. «Реестр настроек»).