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