13个顶级免费所见即所得文本编辑器工具


CKEditor

CKEditor 拥有 10 多年的开发经验,你可以完全放心此文本编辑器的质量。它支持 70 多种语言,我认为这是你网站的不错选择。它还可以运行在许多不同的浏览器上,并能很好地与大多数前端框架,如 reat,vue,angular……你可以使用 CDN 直接嵌入到你的 HTML 页面中……。目前它有两个版本并行运行的 CKEditor4 和 CKEditor5,根据不同的使用目的,你会选择适合自己的编辑器。

https://ckeditor.com/

Trumbowyg

Trumbowyg 是针对 HTML5 优化的代码编辑器,它支持大多数流行的浏览器,例如 IE9 +,Firefox,Chrome 等。据我所知,它包含用于文本编辑的所有工具,仅为 20Kb,它轻巧,将帮助你的网站更流畅地运行。此外,它还具有其他支持插件来帮助你更好地工作,例如插入表情符号,其他国家/地区的支持语言,添加声音,插入特殊字符…

https://alex-d.github.io/Trumbowyg/

TinyMCE

TinyMCE 5 是一款编辑器,它能让你灵活地编辑、添加或删除本程序中的部分内容。除了基本的编辑器,那么我发现它还提供了很多支持,更好的用户体验,如添加评论,测试检查路径,提供优质的图标和界面,检查拼写的内容…… 然而,这也是它的弱点,因为如果你想使用高级工具,你必须每月支付约 25 美元。

https://www.tiny.cloud/features/

Quill

Quill 是一个开放源代码编辑器,因此可以将其用于所有类型的商业或非商业网站。它有很多功能,如添加链接,图像,视频或添加代码片段的内容…关于 Quill,我最喜欢的一点是它的简单设置和显示,可以在多设备屏幕上的所有现代的、响应迅速的 web 浏览器上显示,还有使用它的常见问题的详细说明。

https://quilljs.com/

Trix

Trix 是一个开源的编辑器,可以让你在 Web 中轻松地撰写消息、写评论、写帖子……,并被良好编程的平板电脑使用。如果你只需要创建内容所需的功能,那么 Trix 同样是不错的选择。

https://trix-editor.org/

Jodit Editor 3

Jodit Editor 3 是一个用纯 TypeScript 编写的开源 github 编辑器,不使用任何其他库。它允许你以多种方式设置它,如通过 npm、使用 CDN……。我喜欢它的是,除了详细的说明,还有一个程序,通过代码让我们自由选择哪些工具附加到 Jodit Editor。

https://xdsoft.net/jodit/

Summernote

Summernote 是 GitHub 上的开源编辑器,获得了超过 9K 星。它是通过 Bootstrap 框架设计的,具有在你的网站上创建内容所需的所有功能。你只需要下载它的源文件 css,js,再加上 Bootstrap 框架(也支持 3、4 两个版本)就已经可以为你的网站服务了。

https://summernote.org/

Editor.js

Editor.js 是一个开源的块状编辑器,它不会像普通的编辑器那样使用标签 HTML,将内容以 JSON 的形式输出,使其更容易管理。它还支持通过使用 API 的插件,多亏了这一点,应该任何功能 任何开发者都可以为这个程序贡献更多有趣和有用的插件。

https://editorjs.io/

MediumEditor

MediumEditor 是 Medium 的内置的开放源代码编辑器,用于人们博客。它仅包含编辑器所需的基本实用程序,因此仅约 28kB,这将有助于你的网站得到优化。同时如果我们想要添加其他功能,为了优化编辑,MediumEditor 还提供了额外的外部实用工具,定期更新。

https://yabwe.github.io/medium-editor/

Wysihtml

Wysihtml 是一个由 Voog 团队构建的开源编辑器。它功能齐全,可以帮助你轻松编辑文本,并且支持大多数现代屏幕浏览器的设备图像。有很多工具我很喜欢它是自动转换不合适的 HTML 标签率,自动分析内容时从 Word, PDF,显示内容为 HTML…

http://wysihtml.com/

ContentTools

ContentTools 是内置的开源编辑器,可帮助你轻松地一种方式编辑 HTML 内容。它提供了用于编辑内容的各种实用程序,你还可以轻松地将 Message Institute 和其他实用程序添加到程序中(请参阅脱机 API 部分)。我还发现了如何设置,添加或删除程序中的函数的文章…都是非常细致的。

https://getcontenttools.com/demo

Froala

Froala 是一个编辑器,可以很容易地为网站设置,并允许你根据预期用途打开广泛的功能。由于它是用纯 JavaScript 编写的,因此你可以将其用于当今的大多数现代前端框架。它还提供了许多有用的工具,以及编辑图像,添加或编辑视频,添加图标,管理面板等。但是,如果你要使用该工具用于商业目的,则必须购买许可证。

https://froala.com/wysiwyg-editor/tour/

Redactor

Redactor 是一款功能齐全的编辑器,具有精美而简单的设计。超过 9 年的发展,包括很多支持插件,我想这是一个很好的产品。另外它对程序员在使用程序的过程中遇到的每一个常见问题都有极其详细的实例。但是,它也有一个缺点,当你将其用于商业目的时必须购买许可证。

https://imperavi.com/redactor/


翻译自:dev.to,作者:haycuoilennao19


文章作者: 张张
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 张张 !
 上一篇
如何让HTML5数字输入仅接受整数? 如何让HTML5数字输入仅接受整数?
这两年我看到很多关于这方面的文章和帖子,这的确是一个非常方便的东西。但是,太多的实现还是有漏洞,残缺不全的实现,等等。
2021-03-03
下一篇 
Rust与Python:为什么Rust可以取代Python Rust与Python:为什么Rust可以取代Python
比较 Rust 和 Python,讨论每种情况下的适用用例,回顾使用 Rust 与 Python 的优缺点,并说明为什么 Rust 可能会取代 Python。
2021-02-23
  目录