canner slate editor
1.0.0
Rich Text / wysiwyg Editor фокусируется на модульности и расширяемости , строите на сайте Slate Framework с красивыми дизайнами и высокоуровневыми API.
? Canner-Slate-Editor-модулизованный редактор, все это модуль NPM! Вы могли бы на 100% составить свое личное использование!
Поскольку этот проект изначально начинается с Canner, мы замечаем, что ни один редактор не будет соответствовать всем разнообразиям требований, поэтому мы считаем, что единственный способ решить эту проблему-разработать модульный редактор.
В Интернете есть много других богатых текстовых и Wysiwyg Editors, но как Slate - почему раздел упомянул, что большинство из этих решений
Следовательно, этот репозиторий будет попытаться сохранить все преимущества Slate Framework и создавать API более высокого уровня для разработчиков, которые также могут легко использовать и настроить свою собственную версию редактора. Также мы всегда приглашаем всех видов вкладов! ?
Этот проект использует ANTD в качестве нашей примиарной библиотеки пользовательского интерфейса.
Почему
Одним из недостатков использования его является увеличение размера вашего пакета. Смотрите здесь для решения
Вам нужно будет добавить css и less правил тестирования в настройке WebPack.
...
rules : [
{
test : / .js$ / ,
use : {
loader : "babel-loader"
} ,
exclude : / node_modules /
} ,
{
test : / .css$ / ,
use : [
{
loader : "style-loader"
} ,
{
loader : "css-loader"
}
]
} ,
{
test : / .less$ / ,
use : [
{
loader : "style-loader"
} ,
{
loader : "css-loader"
} ,
{
loader : "less-loader"
}
]
}
]
. . .В настоящее время эти проекты содержит более 47+ модулей NPM , каждая функции упакованы в модули NPM, такие как значки, помощники, плагины, утилиты и т. Д., Таким образом, это позволяет разработчикам выбирать модули собираться в ваши собственные использование.
Еще один богатый текстовый редактор с использованием платформы Slate, с красивым дизайном
$ npm install --save canner-slate-editorВам также нужно будет установить
$ npm install antd slate slate-react
Редактор разметки, который позволяет вам редактировать в прямом эфире с поддержкой горячих клавиш!
$ npm install --save slate-md-editorВам также нужно будет установить
$ npm install antd slate slate-react
20+ общих значков сланца и помощников для редакторов сланцев.
Поддерживаемые функции:
Узнайте больше Slate-Icons
Общие селекторы сланцев для редакторов сланцев.
Поддерживаемые селекторы:
Узнайте больше Slate Selectors
Значки извлечены из редактора Quill с помощью обертки Component React, поддержки 65+ значков!
$ npm install --save quill-iconsНабор плагинов Slate.
Набор изменений и функций утилиты для редакторов сланцев
Набор компонентов утилиты редактора.
Поделиться постоянными через репо.
Узнайте больше Slate-Constant
Мы используем рабочее пространство yarn для управления всем
Чтобы установить пакеты
yarn
Смотрите демо
npm start
Вам нужно построить файлы JS через Babel, введя
yarn run build:watch
yarn jest <...path/to/pkg> [--coverage]
Slate -это хорошо продуманная мощная структура редактора , которая помогает вам справиться с сложными частями при создании редактора, такого как моделирование данных, обновление состояний, рендеринг, схемы редактора, сериализация ... (вы можете узнать больше здесь), в то время как вы пытаетесь создать свои собственные редакторы, ему все еще нужны много усилий, чтобы создать простой красивый редактор и запустить составы.
Этот репозиторий направлен на предоставление полных решений редакторов и плагинов, которые позволяют вам использовать его сразу, вместо того, чтобы копаться в документации по сланцам и использовать наши компоненты высокого уровня, вы можете почти создать редакторы без каких-либо знаний о пластинке для использования.
canner-slate-editor использует потрясающую библиотеку React под названием Ant Design, библиотека предоставляет много часто используемых компонентов React, таких как подсказка, таблица, модальная и т. Д., Которые широко используются при отмене наших редакторов. Одним из недостатков использования библиотеки является размер пакета. Если вы пытаетесь решить проблему размера, мы рекомендуем следующие решения:
