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

Обычная HTML-страница

Самостоятельная браузерная сборка и CSS без сборщика.

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

Для подключения через 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.

← Все примеры

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

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

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