GFM Markdown и Wysiwyg редактор - продуктивно и расширяется
| Имя | Описание |
|---|---|
@toast-ui/editor | Простой компонент JavaScript |
| Имя | Описание |
|---|---|
@toast-ui/react-editor | Реактируйте компонент обертки |
@toast-ui/vue-editor | Компонент обертки VUE |
| Имя | Описание |
|---|---|
@toast-ui/editor-plugin-chart | Плагин для рендеринга |
@toast-ui/editor-plugin-code-syntax-highlight | Плагин для выделения синтаксиса кода |
@toast-ui/editor-plugin-color-syntax | Плагин для раскраски текст |
@toast-ui/editor-plugin-table-merged-cell | Плагин для слияния столбцов таблицы |
@toast-ui/editor-plugin-uml | Плагин, чтобы отобразить UML |
Редактор Toast UI обеспечивает режим разметки и режим Wysiwyg . В зависимости от типа использования, который вы хотите, например, производство Markdown или, возможно, просто отредактировать уценку . Редактор Toast UI может быть полезен для использования. Он предлагает режим разметки и режим Wysiwyg , который можно переключать в любой момент времени.
Спецификации Commonmark + GFM
Сегодня Commonmark является стандартом де-факто. GFM (ароматная маркировка Github) является еще одной популярной спецификацией, основанной на Commonmark , поддерживаемой GitHub , которая в основном используется . Редактор Toast UI следует спецификациям Commonmark и GFM . Напишите документы с легкостью, используя продуктивные инструменты, предоставляемые редактором пользовательского интерфейса Toast, и вы можете легко открыть созданный документ, где бы ни поддерживались спецификации.
Панель инструментов : Через панель инструментов вы можете стилизовать или добавить элементы в документ, который вы редактируете.
Темная тема : Вы можете использовать темную тему. 
Commonmark и GFM великолепны, но нам часто нужно больше абстракции. Редактор Toast UI поставляется с мощными плагинами в соответствии с синтаксисом Markdown.
Пять основных плагинов предоставляются следующим образом и могут быть загружены и использованы с NPM.
chart : Кодовый блок, помеченный как «диаграмма», будет отображать диаграмму пользовательского интерфейса Toast.code-syntax-highlight : Выделите область блока кода, соответствующую языку, предоставляемому Prism.js.color-syntax : Используя Toast UI Colorpicker, вы можете изменить цвет текста редактирования с помощью графического интерфейса.table-merged-cell : вы можете объединить колонны заголовка таблицы и области тела.uml : Кодовый блок, помеченный как «UML», будет отображать диаграммы UML. RegExp с узлом виджета.Вот больше примеров и играйте с редактором Toast UI!
 Хром |  Internet Explorer |  Край |  Сафари |  Firefox |
|---|---|---|---|---|
| Да | 11+ | Да | Да | Да |
Продукты тоста пользовательского интерфейса являются открытым исходным кодом, поэтому вы можете создать запрос на тягу (PR) после решения проблем. Запустите сценарии NPM и развивайте себя со следующим процессом.
Форк main ветвь в личный репозиторий. Клонировать его на локальный компьютер. Установите модули узла. Перед началом разработки вы должны проверить, есть ли ошибки.
$ git clone https://github.com/{your-personal-repo}/tui.editor.git
$ npm install
$ npm run build toastmark
$ npm run test editorРедактор Toast UI использует NPM Workspace, поэтому вам необходимо установить среду на основе NPM7. Если используется подрывная деятельность, зависимости должны быть установлены путем перемещения прямых путей на пакет.
Вы можете увидеть, как ваш код отражается, как только вы сохраните код, запустив сервер. Не пропустите добавление тестовых случаев, а затем делайте зеленые права.
Snowpack позволяет запустить сервер разработки без комплекса.
$ npm run serve editorЕсли требуется тестирование Legacy Browsers, сервер разработки все еще может быть запущен с помощью WebPack.
$ npm run serve:ie editor$ npm test editorПеред загрузкой вашего пиара запустите тест в последний раз, чтобы проверить, есть ли ошибки. Если у него нет ошибок, совершите, а затем подтолкните его!
Для получения дополнительной информации о шагах PR, см. Ссылки в разделе «Соответствие».
Это программное обеспечение лицензировано в рамках MIT © NHN Cloud.
