Условия запуска
Для подключения через script доступен готовый браузерный архив. Для ESM используйте npm install @vitext-ru/editor@beta. Демонстрация выше обрабатывает документ в браузере; серверное хранилище не подключено.
Код
<link rel="stylesheet" href="/vendor/vitext.css">
<div id="editor"></div>
<script src="/vendor/vitext.iife.js"></script>
<script>
const editor = new ViText.ViText('#editor', {
content: '<p>Привет!</p>', preset: 'base', language: 'ru',
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'
]
});
</script>
Результат и ограничения
Редактируйте текст и смотрите применённый HTML. В исходнике ошибки не заменяют последнюю корректную версию. При уходе экземпляр уничтожается вместе с обработчиками.
Подробное руководство. Открыть отдельно. Исходники всех примеров: apps/site/examples/ в checkout.