WYSIWYG-редактор

WYSIWYG-редактор (произносится как «ви-зи-виг») — инструмент для создания и редактирования контента (текста, изображений, таблиц) в режиме реального времени, где результат отображается так, как он будет выглядеть после публикации.

Визуальный редактор в Citeck основан на современном гибком и высокопроизводительном фреймворке Lexical.

Над областью редактирования расположена панель инструментов WYSIWYG-редактора, при помощи которого можно оформлять текст, вставлять таблицы, изображения, математические формулы

../../_images/comment_edit.png

Рассмотрим ее функционал подробнее:
Выбрать уровень заголовков, вида списка и т.д.

Изменить размера шрифта, применить стиль текста - жирный, курсив, подчеркнутый, добавить блок кода, ссылку

Изменить цвет текста, цвет фона

Изменить выравнивание и отступ

Вставить объект.
Изображение можно вставить как из файла, так и из ссылки.


Загрузить файл
Файл будет отображаться в виде ссылки:
По клику доступен его просмотр:
Упомянуть пользователя

Пример работы с редактором:

../../_images/wysiwyg_01.png

Быстрое редактирование выделенного текста

../../_images/highlighted_area.png

  • 1 - перемещение строки или выделенной области

  • 2 - форматирование выделенного текста

Добавление и редактирование таблицы

Выберите в меню Вставка - Таблица, выберите количество строк и столбцов:

../../_images/table_01.png

Для таблицы доступно изменение ширины и высоты ячеек, как в обычных редакторах, добавление столбцов и строк (1), действия с таблицей доступны по нажатию на (2):