五种JavaScript富文本编辑器，总有一款适合你

Posted 2021-04-17 读芯术

全文共2099字，预计学习时长4分钟

也许，你时常会遇到要开发基于Web的文本编辑器的情况。有时候，只需实现一个简约且轻量级的应用程序，不必有其他任何不必要的功能。而有时候，你的首要任务是保护用户的商业机密。

在这样的情况下，如果想知道“背后发生了什么”，最好是从头开始创建应用程序。所幸，可采取的解决方案有很多。因此，总能找到一种工具，来创建符合用户需求和资金要求的在线文本编辑器。

本文将简要介绍五个javascript富文本编辑器，以帮助你找到满足期望的编辑器。

1. Froala编辑器

Froala 编辑器是一个JavaScript WYSIWYG编辑器，主要特点是能轻松地与主流开发框架进行集成。目前，可以将Froala与React.js，Aurelia，Angular，Ionic，Django和其他框架一起使用。作为此工具的创建者，Froala 编辑器是由开发人员为开发人员设计的。功能强大且丰富的API为开发者提供了广泛的可能性，其中包含许多优秀代码示例文档，这些文档将帮助用户在几分钟内就能掌握并使用。

Froala编辑器的另一个显著优势是易于添加新功能。大量易于使用的插件（其中有30多个）无需进行复杂的操作便可添加新功能。 该编辑器具有编写良好的代码，并具有结构化和文档化的特点，非常易于理解、维护和扩展。

目前，有三个定价方式：基础版（239美元）、专业版（1199美元）和企业版（1999美元）。

结论：对于那些从事多个项目并希望与不同库轻松集成的人来说，Froala编辑器将是一个很好的选择。

2. Textbox.io

Textbox.io是一款极简但功能强大的在线文本编辑器，支持桌面设备和移动设备。主要功能包含内置的图像处理和存储、文件拖放、拼写检查和自动更正。此外，该工具还实现了屏幕阅读器等辅助技术，并符合WAI-ARIA可访问性标准。

移动设备支持用户使用适合移动设备的用户界面，从相机或图库上传图像，使用Siri或Cortana处理文本等。可以通过应用标准和自定义类或样式来更改Textbox.io的外观。

Textbox.io支持与ASP.NET，Knockout，XPage和Angular的集成。 与前面的列举的编辑器相比，这个范围并没有那么大，但它仍然是有优势的。

Textbox.io提供以下定价方式：免费许可（非商业用途），商业（99美元）和合作伙伴（499美元）。

结论：对于那些专注于移动解决方案的人来说，该工具是很好的选择。

3. DhtmlX富文本编辑器

DHTMLX富文本编辑器是一个完全可自定义的JavaScript文本编辑器，支持HTML和Markdown以及纯文本作为输入和输出格式。在Angular，React和Vue.js项目中可以使用此文本编辑器进行集成。

使用基于DHTMLX富文本编辑器的在线应用程序的用户可以在简洁的经典模式和文档模式之间切换。全屏模式对于使用小屏幕设备的用户非常有用。这种文本编辑器具有完全可自定义的外观，使得用户可以创造独一无二的外观和感觉。，通过使用任何所需的图标、字体或颜色，你可以开发具有识别度的设计。此外，还可以更改可用控件的性能，并根据需要添加自己的控件。

还有一些有用的功能，如计算单词、字符和其他自定义元素的数量。DHTMLX富文本编辑器支持块引用、链接以及所有必要的格式和编辑功能。这个组件是最早的富文本编辑器之一，发展前景可观。该编辑器开发商声称他们有着深远的谋划。

有三种不同的许可证定价可供选择：由5名开发人员组成的团队，其商业许可证将花费149美元。 20个开发人员和5个项目的企业许可证价格为449美元。无限数量的开发人员和项目的终极许可证价格为669美元。除了这些计划，还可以在GNU GPL v2下载此编辑器以用于开源项目（请查看底部的表格）。

结论：在列出的JavaScript文本编辑器列表中，DHTMLX富文本编辑器在价格和功能之间提供了最佳平衡。对于那些精打细算的人来说，这将是一个很好的选择。

4. Imperavi Redactor

Imperavi Redactor是一个基于Web的文本编辑器，提供流畅、干净的设计，具有可扩展性和无限的灵活性，其高效的API和惊人的用户体验更是别具特色。其模块化架构允许使用者快速扩展应用程序的功能。清晰的代码和简洁的UI为开发人员和用户创造了极好的体验。

目前，这款编辑器拥有22个插件来完成常规工作。此外，使用者还可以轻松地创建自己的插件。没有必要作为技术专家来安装和配置这个文本编辑器。在这个编辑器内文档很好写且不会造成任何麻烦。

定价方式很简单：专业版将花费199美元；如果想要销售或发布软件，OEM许可证的价格为1299美元。

结论：Imperavi Redactor是为那些寻找内禅的人设计和创造的。

5. Syncfusion富文本编辑器

Syncfusion富文本编辑器是一个轻量级JavaScript工具，支持HTML和Markdown。可以使用它来创建Web和移动应用程序，如博客编辑器、信使、在线论坛等。内联模式使内联编辑器在用户单击可编辑区域中的内容后显示。

工具栏配置有很多可选性。例如，可以根据项目的要求向应用添加多行工具栏、展开工具栏、快速工具栏或浮动工具栏。此外，还可以根据类别配置工具栏按钮和组命令。用户可以在文本中插入图像和超链接。并且，可以插入HTML表格来简化财务数据的工作。所有功能都可以动态操作。

在撰写本文时，Syncfusion富文本编辑器提供了与Angular、React和Vue.js的集成。库的列表所展示的内容不是很多，但它包含了最受欢迎的选项，这是一个加分项。

定价方式为：每位开发人员可以在第一年支付995美元，并获取包括文本编辑器在内的60多个控件。另一个选择是为每个开发人员支付2,495美元以获得1,000多个控件和文本编辑器。

结论：对于那些正在寻找具有数十种可用控件来综合解决方案的人来说，Syncfusion富文本编辑器将是一个不错的选择。

我们一起分享AI学习与发展的干货

编译组：纪佳琪、 张怡雯

相关链接：

https://dzone.com/articles/comparison-of-five-javascript-rich-text-editors 

如需转载，请后台留言，遵守转载规范

推荐文章阅读

读芯君爱你