Рабочий сценарий

Модуль в приложении

Импорт ESM, стили и управляемый жизненный цикл.

Условия запуска

Для подключения через script доступен готовый браузерный архив. Для ESM используйте npm install @vitext-ru/editor@beta. Демонстрация выше обрабатывает документ в браузере; серверное хранилище не подключено.

Код

import ViText from '@vitext-ru/editor';
import '@vitext-ru/editor/style.css';
const editor = new ViText('#editor', { language: 'ru', preset: 'base',
  toolbarLayout: [
    'undo', 'redo', {type: 'separator'},
    'paragraph', 'h1', 'h2', 'h3', {type: 'separator'},
    'bold', 'italic', 'link', {type: 'separator'},
    'bulletList', 'orderedList', {type: 'separator'},
    'image', 'insertTable', {type: 'separator'}, 'html', 'fullscreen'
  ]
});
// При уходе со страницы:
editor.destroy();

Результат и ограничения

Редактируйте текст и смотрите применённый HTML. В исходнике ошибки не заменяют последнюю корректную версию. При уходе экземпляр уничтожается вместе с обработчиками.

Подробное руководство. Открыть отдельно. Исходники всех примеров: apps/site/examples/ в checkout.

← Все примеры

Найти в документации

Ничего не найдено. Попробуйте другие слова.

Все разделы документации