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