nib

Нож

Демо

Несмотря на различные варианты для редактирования текста в HTML, он продолжает оставаться чрезвычайно сложной областью. Я обнаружил, что Prosemirror является лучшим доступным решением для проблемы. Это отличная работа автора Marijn Haverbeke.

Создание редактора из -за рамки все еще является большой работой, проект направлен на создание компонентов для редактирования насыщенного текста с использованием Prosemirror. Эти компоненты могут быть быстро интегрированы в React или даже нереактивные приложения.

NIB не только обладает хорошими возможностями редактирования текста, но также решает сложные требования к редактированию, такие как отслеживание изменений, внесенных в документ, добавление комментариев в документе, совместное редактирование и многое другое ...

Настраивать

Настройка редактора довольно проста. Он должен быть установлен из npm .

Установка пакетов:

Можно использовать команды npm или yarn .

 npm i nib-core --save

Письменная компонент редактора:

 import React from "react";
import Editor from "nib-core";

const MyEditor = () => <Editor />;

Обратите внимание, что LIB не работает на стороне сервера.

Реквизит

Реквизит поддерживается редактором.

Сб.	Имя	Описание
1	аддон	Массив плагинов для добавления функциональности к основному редактору
2	Автофокус	фокусировать редактор по умолчанию
3	конфигурация	Настройка плагина, панели инструментов и т. Д. В редакторе здесь есть конфигурации по умолчанию
4	DefaultValue	значение для инициализации контента редактора
5	лицензионер	Лицензионный ключ для редактора NIB
6	Онхандж	обратный вызов, который вызывает любое изменение в редакторе
7	Проверка орфографии	логическое свойство, чтобы включить проверку орфографии по умолчанию в редакторе
8	styleconfig	используется для более подробных изменений в стиле в редакторе, вот по умолчанию
9	тема	темация редактора, здесь по умолчанию тема по умолчанию

Функции

1. Поддержка почти всех браузеров и устройств
2. Многочисленные варианты стиля текста, такие как жирный, курсив, подчеркивание, удары, подписание, суперпид, цвет текста, цвет заполнения и т. Д.
3. Поддержка разных типов блоков, H1 - H6, Blockquote и т. Д.
4. Поддержка гиперссылок
5. Поддержка вложенных упорядоченных и неупорядоченных списков
6. Поддержка изображений с такими параметрами, как обертка, выравнивание, повторное размещение или связывание изображений
7. Поддержка встроенного режима с плавающей панелью инструментов
8. Поддержка настраиваемого дисплея - полная страница, как слово, как дисплей и т. Д.
9. Разрешить изменение отмены и повторно.
10. Меню помощи, которое отображает поддерживаемые параметры форматирования и их сочетания клавиш
11. Изменение внешнего вида редактора использует разные темы
12. Преобразовать Prosemirror json в и из Markdown
13. Преобразовать Prosemirror JSON в HTML
14. Редактирование исходного кода
15. Таблица с параметрами предварительных условий, такими как добавление/удаление столбца/строка, изменения размер и т. Д.
16. Поддержка отображения видео из источников, таких как YouTube или Vimeo
17. Гибкость для добавления пользовательского плагина
18. Изменения треков в документе вместе с любыми метаданными, сохраненными в отношении изменений, таких как имя пользователя, временная метка и т. Д.
19. Добавление / редактирование комментариев к документу
20. Совместное редактирование с несколькими пользователями в том же документе

Лицензия

GNU General Public License.

Контакт

Для получения подробной информации или запросов бросить почту на [email protected].