2021 年 React 的 5 大富文本编辑器

5大富文本编辑器

今天，富文本编辑器被用于许多应用中，包括简单的博客和复杂的内容管理系统。然而，选择一个并不容易，因为有很多具有不同功能的编辑器。

因此，在这篇文章中，我将评估5个React的富文本编辑器的功能，以帮助你选择最适合你的要求。

一. Draft.js

Draft

这是一款最受欢迎的，能够满足基本需求的免费编辑器。

Draft.js是Facebook的一个开源项目，为React构建。这是一个强大的、可扩展的、可定制的框架，它在React开发者中非常受欢迎。

根据Facebook的说法，这个库被用于Facebook的状态、评论和messenger.com。

优点：

• 扁平化内容模型很容易理解。

• 高度可扩展和可定制的插件构建在 Draft.js 之上。

• 自 2016 年以来，由于 Facebook 支持的庞大且不断增长的开源开发者社区，提供了许多教程和支持。

缺点：

• 当需要像表格这样的复杂内容结构时，编辑器会变慢，代码也会变得复杂。

• 没有官方的移动支持。

• OSX 自定义键绑定问题。

Draft.js 拥有超过 20,000 个 GitHub star 和大约 620,000 次每周 NPM 下载。

如果你是一个初学者，并希望实现一个满足基本需求的文本编辑器，我为你推荐Draft.js，你可以使用npm或yarn轻松安装它。

npm install draft-js 
yarn add draft-js 

二. Slate.js

这是一款支持复杂内容的免费编辑器。

Slate.js

Slate.js是另一个令人兴奋的React富文本编辑器，灵感来自Draft.js。你可以用它来构建像Medium Editor、Dropbox Paper或Google Docs那样的漂亮编辑器。

虽然Slate.js仍处于测试阶段，但它在GitHub上有超过20K颗星。

优点：

• 产生JSON输出，使其更容易与其他模块集成。

• 它的嵌套文档模型支持更复杂的内容结构，如表格、分页符和其他自定义功能。

• 可通过使用插件进行扩