Редактор WYSIWYG
Редактор "Что видишь, то и получаешь" (WYSIWYG) позволяет редактировать содержимое компонента Сниппет HTML не как HTML-код, а как визуализированный HTML-контент (с текстом, изображениями, таблицами, стилями и т. д.). Редактор WYSIWYG отображает HTML-содержимое в том виде, в котором оно предстанет перед конечным пользователем, что значительно упрощает процесс редактирования.
Формат символов
Опции форматирования символов применяются к выбранному символу или символам.
Значок | Имя | Подробности |
|---|---|---|
 | Стиль абзаца | Выбор типа форматирования символов, например абзац, заголовок, блок кода, обычный (DIV), цитата и т. д. |
 | Размер шрифта | Размер шрифта в пикселях. |
 | Шрифт | Выбор шрифта из нескольких вариантов. |
 | Цвет шрифта | Выбор цвета шрифта из палитры цветов или указание точного значения цвета в формате HEX. |
 | Цвет фона | Выбор цвета фона из цветовой палитры или указание точного значения цвета в формате HEX. |
 | Тень текста | Переключение текстовой тени. |
 | Полужирный | Установка полужирного шрифта текста. |
 | Подчёркнутый | Подчеркивание текста. |
 | Курсив | Настройка текста на курсив. |
 | Зачеркнутый | Добавление эффекта зачеркивания к тексту. |
 | Нижний индекс | Установка текста в нижнего индекса. |
 | Верхний индекс | Установка текст в верхний индекс. |
 | Очистить форматирование | Удаление форматирования из выделенного текста. |
Параграф Формат
Инструменты для задания расположения блоков содержимого.
Значок | Название | Подробности |
|---|---|---|
 | Уменьшить отступ | Уменьшение отступа на одну табуляцию. |
 | Увеличить отступ | Увеличение отступа на одну табуляцию. |
 | Выравнивание | Настройка выравнивания абзацев. |
 | Высота линии | Настройка расстояния между строками. |
 | Цитата | Форматирование параграфа в виде цитаты. |
 | Горизонтальная линия | Добавление горизонтальной линии в месте расположения курсора. |
Вставка
Вставка ссылок, списков, таблиц, изображений, аудио и видео в содержимое компонента.
Значок | Название | Подробности |
|---|---|---|
 | Ссылка | Открывает диалоговое окно " Вставить ссылку ", позволяющее указать URL-адрес ссылки. |
 | Списки | Вставка нумерованного или ненумерованного списка в содержимое. |
 | Таблица | Вставка таблицы в содержимое. |
 | Изображение | Позволяет вставлять изображения в содержимое. Открывает диалог " Вставить изображение " с опциями:
|
 | Аудио | Позволяет вставить в содержимое аудиоплеер. Открывает диалоговое окно " Вставить аудио ", в котором можно указать URL-адрес аудиосодержимого. Поддерживает ссылки на Медиа библиотеку сервера. |
 | Видео | Позволяет вставить в контент видеоплеер. Открывает диалоговое окно " Вставка видео" с опциями:
|
Контекстные операции с изображениями и видео
При выборе контейнера изображения или видео открывается контекстное меню для редактирования способа отображения контейнера.
Значок | Название | Подробности |
|---|---|---|
 | Изменить размер | Масштабирование контейнера относительно исходного носителя в указанной пропорции. |
 | Авторазмер | Автоматическое масштабирование медиаконтейнера, чтобы он поместился в компонент HTML-сниппета. |
 | Повернуть против часовой стрекли | Поворот медиаконтейнера на 90 градусов влево. |
 | Повернуть по часовой стрекли | Поворот медиаконтейнера на 90 градусов вправо. |
 | Отразить по горизонтали | Отразить медиаконтейнер по горизонтальной оси. |
 | Отразить по вертикали | Отразить медиаконтейнер по вертикальной оси. |
 | Выравнивание | Выравнивание медиаконтейнера. |
 | Сбросить | Возврат всех настроек к значениям по умолчанию. |
 | Добавить Подпись | Позволяет добавить описание под изображением. |
 | Изменить | Открыть диалоговое окно " Вставить изображение " или "Вставить видео" для редактирования подробностей медиаконтейнера. |
 | Удалить | Удаление выбранного медиаконтейнера. |
Контекстные операции для таблиц
Выберите любую ячейку в таблице, чтобы открыть контекстное меню таблицы и ячеек.
Контекстное меню таблицы
Контекстные операции, влияющие на всю таблицу.
Значок | Название | Подробности |
|---|---|---|
 | Ширина по содержимому | Настройки ширины таблицы, чтобы она занимала минимально возможную ширину и при этом отображала содержимое каждой ячейки. |
 | Ширина по размеру страницы | Настройка ширины таблицы, чтобы она занимала весь экран. |
 | Фиксированная ширина столбца | Переключение между динамической шириной столбцов, основанной на содержании столбцов и фиксированной шириной столбцов, при которой для каждого столбца поддерживается одинаковая ширина. |
 | строка заголовоков | Включает дополнительную строку в верхней части таблицы, отличающуюся по стилю от остальной части таблицы. |
| Удалить | Удаление таблицы и её содержимого. |
Контекстное меню ячеек
Контекстные операции, влияющие на одну строку.
Значок | Название | Подробности |
|---|---|---|
 | Вставить строку выше | Вставка строки над выбранной ячейкой. |
 | Вставить строку ниже | Вставка строки под выбранной ячейкой. |
 | Удалить строку | Удаляет строку, содержащую выбранную ячейку. |
 | Вставить столбец слева | Вставляет столбец слева от выбранной ячейки. |
 | Вставить столбец справа | Вставляет столбец справа от выбранной ячейки. |
 | Удалить столбец | Удаляет столбец, содержащий выбранную ячейку. |
 | Разделить ячейку | Разделяет выбранную ячейку по горизонтали или вертикали. |
 | Объединить ячейки | Объединяет все выделенные ячейки в одну ячейку. Новая ячейка будет содержать только содержимое левой верхней ячейки из выбранных ячеек. |
Действия редактора
Управление отображением редактора.
Значок | Название | Подробности |
|---|---|---|
 | Отменить | Отменяет последнее действие. |
 | Вернуть | Возвращает последнее отмененное действие. |
 | Редактировать HTML | Открывает редактор для просмотра основного HTML-кода, созданного в процессе редактирования. |
 | Блочный вид | Добавляет в редактор накладку, указывающую тип HTML-тега, содержащего каждый блок контента. |
| Полный экран | Переключение редактора между полноэкранным и компактным режимами. |