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

也许，你时常会遇到要开发基于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的集成。库的列表所展现的内容不是很多，但它包含了最受欢迎的选项，这是一个加分项。

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

一个人学习会有迷茫，动力不足。这里推荐一下我的前台学习交流群：731771211 ，里面都是学习前台的，假如你想制作酷炫的网页，想学习编程。自己整理了一份2019最全面前台学习资料，从最基础的HTML+CSS+JS【炫酷特效，游戏，插件封装，设计模式】到手机端HTML5的项目实战的学习资料都有整理，送给每一位前台小伙伴，有想学习web前台的，或者是转行，或者是大学生，还有工作中想提升自己能力的，正在学习的小伙伴欢迎加入学习。

点击：加入