丰富的文本 / Wysiwyg编辑器专注于模块化和可扩展性,以优美的设计和高级API为基础。
? Canner-Slate-editor是一个调制编辑器,一切都是NPM模块!您可以100%撰写您的个人用途!

由于该项目最初是从Canner开始的,因此我们注意到没有单个编辑器将适合各种要求,因此我们认为解决此问题的唯一方法是设计模块化优先的编辑器。
在线还有许多其他丰富的文字和Wysiwyg编辑,但是作为Slate - 为什么部分提到了这些解决方案中的大多数是
因此,该存储库将尝试保持所有优势Slate Framework提供并为开发人员创建更高级别的API,还可以轻松重复使用并自定义自己的版本编辑器。另外,我们总是欢迎各种贡献! ?
该项目将ANTD用作我们的基本UI库。
为什么
使用它的缺点之一是它会增加您的捆绑包大小。请参阅此处的解决方案
您需要在WebPack设置中添加css和less测试规则。
...
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模块中,例如图标,助手,插件,UTILS等...,因此此功能使开发人员能够选择模块以组装您自己的用法。
另一个使用Slate框架的丰富文本编辑器,具有精美的设计
$ npm install --save canner-slate-editor您还需要安装
$ npm install antd slate slate-react

Markdown编辑器,可让您在热键支持下进行现场编辑!
$ npm install --save slate-md-editor您还需要安装
$ npm install antd slate slate-react
20+共享板岩图标和板岩编辑器的帮助者。
支持的功能:
了解更多的板岩
Slate Selectors共享板岩编辑器。
支持的选择器:
了解更多的板岩选择器
带有React组件包装器的Quill Editor的图标提取器,支持65个以上的图标!
$ npm install --save quill-icons一组板岩插件。
Slate编辑器的一组更改和实用程序功能
一组编辑器实用程序组件。
通过存储库共享常数。
了解更多板岩恒星
我们正在使用yarn工作空间来管理所有存储库,了解有关纱线工作空间的更多信息
安装软件包
yarn
见演示
npm start
您需要通过进入Babel构建JS文件
yarn run build:watch
yarn jest <...path/to/pkg> [--coverage]
Slate是一个精心设计的功能强大的编辑框架,可以帮助您处理困难的部分,例如构建数据建模,更新状态,渲染,编辑器架构,序列化...(您可以在此处学习更多),而您正在尝试构建自己的编辑器,它仍然需要大量的努力来构建一个简单的优美的编辑器,并运行一个框架和框架。
该存储库旨在提供完整的编辑器和插件解决方案,使您可以立即使用它,而不是浏览Slate文档并使用我们的高级组件,您几乎可以构建编辑器,而无需使用任何Slate框架知识。
canner-slate-editor使用了一个很棒的React库,称为Ant Design,该库提供了许多常用的React组件,例如Tooltip,Table,Modal等...它广泛用于渲染我们的编辑器。使用库的缺点之一是捆绑包大小。如果您试图解决尺寸问题,我们建议以下解决方案: