Перейти к основному содержимому

АПИ редактора

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

interface EditorConfig {
// Configuration for the editor items
items: Array<Record<string, any>>;
// Automatically apply changes to the data object
autoSave?: boolean;
// Define the current active batch for the editor
activeBatch?: string;
// Configuration for the top toolbar
topBar?: {
// Array of items for the toolbar
items: Array<Record<string, any>>;
};
// Configuration for the bottom toolbar
bottomBar?: {
// Array of items for the toolbar
items: Array<Record<string, any>>;
};
// Additional CSS class for the editor's box
css?: string;
// Initial values for the editor fields
values?: Record<string, any>;
// Placement of the editor (inline, modal, sidebar)
placement?: "inline" | "modal" | "sidebar";
// Set the editor to readonly mode
readonly?: boolean;
// Define layout for the editor
layout?: "columns" | "default";
// Function to handle action events
onaction?: (ev: OnActionResult) => void;
// Function to handle change events
onchange?: (ev: OnChangeResult) => void;
// Function to handle save events
onsave?: (ev: OnSaveResult) => void;
// Function to handle validation events
onvalidation?: (ev: OnValidationResult) => void;
}

Свойства

activeBatchНеобязательный. Управляет тем, какой пакет полей ввода в данный момент активен в редакторе
autoSaveНеобязательный. Управляет автоматическим сохранением данных в редакторе
bottomBarНеобязательный. Управляет конфигурацией нижней панели инструментов в редакторе
cssНеобязательный. Определяет CSS-класс для контейнера редактора
focusОпционально. Управляет тем, должен ли виджет редактора автоматически получать фокус при рендеринге
hotkeysОпционально. Позволяет задавать пользовательские горячие клавиши для действий Editor
itemsОпционально. Определяет компоненты, которые будут отрисованы в Editor
layoutОпционально. Управляет расположением компонентов редактора
placementНеобязательный. Управляет размещением компонентов редактора
readonlyОпционально. Управляет режимом только для чтения в редакторе
topBarНеобязательный. Управляет конфигурацией верхней панели инструментов в редакторе
valuesНеобязательный. Определяет начальные значения для полей редактора

События

actionСрабатывает при изменении в любом поле редактора
changeСрабатывает при изменении любого поля редактора
saveСрабатывает, когда пользователь запрашивает сохранение данных в редакторе
validationСрабатывает по завершении процесса валидации

Вспомогательные инструменты


  • registerEditorItem - регистрация внешних элементов управления как элементов редактора

Дополнительные ресурсы