ui.editor

Since 11.1

Удобный виджет для редактирования и форматирования текста.

Rich Text Editor - это простой в использовании WYSIWYG виджет, который обладает широкими возможностями редактирования и форматирования текста.

Инициализация

webix.ui({
    view: "editor",
    value: "<p>Some text</p>"
});

С чего начать

• Обзор виджета Rich Text Editor
• Примеры

adjust	подстраивает размеры компонента под размеры HTML-контейнера
app	задаёт виджету класс Jet App
attachEvent	задает обработчик внутреннего события компонента
bind	связывает данные компонентов
blockEvent	временно блокирует вызов ВСЕХ событий вызывающего объекта
callEvent	вызывает внутреннее событие компонента
define	переопределяет одну или несколько настроек компонента
destructor	разрушает компонент
detachEvent	удаляет обработчик события (который был задан ранее методом attachEvent)
disable	блокирует компонент (он становится серым, клики по нему не срабатывают)
enable	делает активным ранее заблокированный компонент
getChildViews	возвращает внутренние компоненты
getFormView	возвращает объект формы, которой принадлежит компонент
getNode	возвращает HTML-элемент компонента
getParentView	возвращает родительский компонент
getService	возвращает доступный для Rich Text Editor сервис
getState	возвращает объект реактивного состояния Rich Text Editor
getTopParentView	возвращает самого верхнего родителя
getValue	возвращает значение Rich Text Editor
hasEvent	проверяет, есть ли у компонента обработчики указанного события
hide	скрывает компонент
isEnabled	проверяет, активен или заблокирован компонент
isVisible	проверяет, виден ли компонент
mapEvent	направляет события от одного компонента к другому
queryView	возвращает внутренние компоненты, которые удовлетворяют указанному условию
resize	перерисовывает компонент после изменения размеров
setValue	задает значение для Rich Text Editor
show	делает компонент видимым
unbind	отменяет связывание компонентов
unblockEvent	отменяет блокировку событий, которая была вызвана командой 'blockEvent'

onChange	срабатывает при изменении значения в редакторе
onContextMenuItemClick	срабатывает при клике на контекстном меню
onDestruct	происходит, когда компонент был разрушен деструктором
onInit	срабатывает при инициализации
onMenuItemClick	срабатывает при клике по меню
onViewResize	срабатывает после того, как пользователь изменил размер компонента с помощью компонента resizer
onViewShow	срабатывает, когда компонент появляется (вызов метода show())

animate	определяет анимацию для показа компонента в Multiview
body	задает содержимое компонента proxy
borderless	скрывает или показывает границы компонента
compact	определяет, отображается ли редактор в компактном режиме
compactWidth	определяет ширину, при которой виджет переключается в компактный режим
container	HTML-контейнер (или его ID), внутри которого компонент должен быть инициализирован
contextMenu	определяет, отображается ли дефолтное контекстное меню, или задает конфигурацию контекстного меню
css	имя CSS-класса, который будет присвоен HTML-элементу компонента, или объект со стилями
datatype	дефолтный формат данных
disabled	блокирует или разблокирует компонент
fullscreen	определяет, отображается ли редактор в полноэкранном режиме
gravity	задает удельный (относительный) размер компонента
height	задает высоту компонента
hidden	скрывает компонент после его инициализации
id	ID компонента
keyPressTimeout	задержка между нажатием клавиши и обработчиком
layoutMode	режим отображения редактора
locale	задаёт объект со структурой локали
maxHeight	задает максимальную высоту компонента
maxWidth	задает максимальную ширину компонента
menubar	определяет, отображается ли дефолтное меню, или задает конфигурацию меню
minHeight	задает минимальную высоту компонента
minWidth	задает минимальную ширину компонента
on	позволяет присоединять обработчики к внутренним событиям компонента
override	используется при переопределении классов по умолчанию
toolbar	определяет, отображается ли дефолтный тулбар, или задает конфигурацию тулбара
upload	ссылка на URL сервиса Upload, используемая для загрузки и хранения картинок, вставленных в текст
value	задает контент, который отображается при инициализации редактора
width	задает ширину компонента

$app	возвращает экземпляр класса Jet App
$getSize	возвращает текущий размер компонентов
$height	текущая высота компонента
$scope	область имен для событий и методов
$setNode	определяет HTML-элемент компонента
$setSize	задает размеры компонента
$skin	вызывается после применения скина
$view	возвращает HTML-элемент компонента
$width	текущая ширина компонента
config	все настройки, заданные при инициализации компонента
name	возвращает имя компонента (свойство только для чтения)

Наверх