JavaScript-редактор через script

Подключение WYSIWYG-редактора ViText к HTML-странице без сборщика. JavaScript, стили, модули HTML/CSS и Markdown, очистка при удалении.

1.0.0-beta.6 · Локальная поставка · desktop

Подключение через script добавляет визуальный редактор содержимого на обычную HTML-страницу без сборщика и UI-фреймворка. После редактирования вызывайте editor.getHTML(), чтобы получить HTML для своего приложения.

Полная поставка

Скачайте браузерный архив Community, распакуйте и скопируйте папку vitext/ целиком в статические ресурсы своего приложения. GitHub и сборщик не нужны. Соседние source.js и codecs.js загружаются для HTML/CSS и Markdown, поэтому все четыре файла должны оставаться вместе. В архиве есть рабочий пример, инструкции RU/EN и лицензии.

<link rel="stylesheet" href="/vitext/vitext.css">
<div id="editor"></div>
<script src="/vitext/vitext.iife.js"></script>
<script>
  const editor = new ViText.ViText('#editor', {
    preset: 'base', language: 'ru', content: '<p>Привет!</p>'
  });
</script>

Глобальный объект ViText содержит класс ViText и фабрики плагинов. Класс вызывается как new ViText.ViText(...), а не new ViText(...).

Другие пути ресурсов

Обычная поставка использует файлы рядом со сборкой. При другом размещении задайте доверенные URL приложения:

const editor = new ViText.ViText('#editor', {
  sourceModuleURL: '/assets/editor/source.js',
  codecsModuleURL: '/assets/editor/codecs.js',
  content: '<p>Документ</p>'
});

Не получайте эти URL из содержимого документа. При ошибке загрузки проверьте Network: файл должен возвращать JS с правильным MIME, а не HTML-страницу 404.

Обновление и очистка

Обновляйте всю папку одним выпуском. Смешивание старых и новых chunks не поддерживается. При удалении host вызовите editor.destroy(); повторный destroy безопасен. Обновление и диагностика.