WYSIWYG editor#


../../_images/wysiwyg-editor.png

Основные сведения#

WYSIWYG editor - это UI компонент, предназначенный для ввода и редактирования rich текста в формате WYSIWYG. Он обеспечивает функционал, аналогичный редакторам типа Wordpad, позволяя пользователям легко форматировать текст и вставлять различные медиа-элементы.

Параметры#

Свойства Компонента:

Группа настроек

Поле настройки

Варианты значений

Назначение

(Общие)

Name

-

Наименование UI Компонента в системе

Common

Disabled

true, false

Отключение элемента

Required

true, false

Обязательность поля для заполнения

Plugins

-

Подключение плагинов

Label

-

Описание поля

Binding

Множественный выбор Catalog

Привязка данных

Events

On value changed

-

Событие изменения значения

On key down

-

Событие при нажатии клавиши

On key up

-

Событие при отпускании клавиши

On focus

-

Событие при фокусировке на элементе

Tab index

-

Целое число

Порядок переключения полей

CSS Свойства:

Группа настроек

Поле настройки

Варианты значений

Назначение

Layout

Width

-

Ширина компонента

Height

-

Высота компонента

Grow

true, false

Растягивание компонента

Margin

-

Внешний отступ

Padding

-

Внутренний отступ

Appearance

CornerRadius

-

Закругление углов

BorderThickness

-

Толщина рамки

Brush

Background

-

Цвет фона

BorderBrush

-

Цвет рамки


Кейсы#

  • Форматирование Текста: Использование для создания богато оформленных документов и контента.

  • Редактирование Контента: Применение в системах управления контентом для облегчения редактирования статей, блогов и другого текстового контента.

Исключения#

  • Сложность Интерфейса: Может быть сложно использовать для пользователей без опыта работы с подобными редакторами.

  • Технические Ограничения: В зависимости от реализации, может не поддерживать все функции продвинутых текстовых редакторов.