TOAST UI Editor

Бесплатно
Открытый исходный код

Сайт: ui.toast.com/tui-editor

TOAST UI Editor — это компонентный редактор Markdown с поддержкой режима редактирования текста и визуального WYSIWYG-интерфейса, разработанный для встраивания в веб-приложения. Редактор предоставляет средства ввода и форматирования на основе CommonMark и расширений, совместимых с GitHub Flavored Markdown, а также инструменты для расширения функциональности через плагины и API. Продукт ориентирован на разработчиков и интеграторов, которым требуется гибкое средство для создания и редактирования документированного контента в браузере.

Развитие редактора происходило в контексте необходимости сочетать классический Markdown-редактор и визуальное представление результата в реальном времени. В типичной конфигурации он поддерживает подсветку синтаксиса, живое превью с синхронной прокруткой между исходным текстом и визуальным представлением, а также набор готовых расширений для вставки диаграмм, графиков и других блоков контента. Документация и API позволяют настраивать поведение, внешнюю обработку ввода и интеграцию с системами хранения и рендеринга.

  • Режимы редактирования: исходный Markdown и WYSIWYG, возможность переключения между режимами.
  • Совместимость с Markdown: поддержка CommonMark и расширений, совместимых с GFM.
  • Живое превью: отображение результатного HTML в реальном времени с синхронной прокруткой.
  • Подсветка синтаксиса: подсветка кода и структурных элементов в режиме исходного текста.
  • Плагины и расширения: механизмы для добавления плагинов, включая генерацию диаграмм, UML, графиков и кастомных блоков.
  • API и интеграция: программные интерфейсы для управления содержимым, обработки событий и интеграции с внешними хранилищами.
  • Кастомизация интерфейса: настройка тулбаров, стилей отображения и поведения клавиш.
  • Обработка медиа и элементов разметки: поддержка вставки блоков кода, таблиц, списков и расширенных элементов через плагины.
  • Кроссбраузерность: работа в современных браузерах и адаптация под различные размеры экранов.
  • Локализация и настройки: возможности для локализации интерфейса и конфигурации локальных параметров.
Подробнее