常见网页编辑器(富文本，Markdown，代码编辑等)

编辑器：网页不常用的功能，但却又是不可少的功能，如果要造个编辑器轮子，它可以把人玩死！！前端几大禁忌就有富文本， 为什么都说富文本编辑器是天坑?

 

下面记录一下常见的一些编辑器，该文随时更新：

 

富文本编辑器

Tinymce

tinymce 是一家老牌做富文本的公司，它的产品经受了市场的认可，不管是文档还是配置的自由度都很好。

tinymce 的去格式化相当的好，它还有一些增值服务(付费插件)，最好用的就是powerpaste，非常的强大，支持从 word 里面复制各种东西，而且还帮你顺带格式化了。

 

quill

一个非常火的富文本，长相很不错。基于它写插件也很简单，api 设计也很简单。楼主不选择它的原因是它对图片的各种操作不友善，而且很难改。如果对图片没什么操作的用户，推荐使用。

 

slate

一个 完全 可定制的富文本编辑框架。通过 Slate，你可以构建出类似 Medium、Dropbox Paper 或者 Canvas 这样使用直观、富交互、体验业已成为 Web 应用标杆的编辑器。

同时，你也无需担心在代码实现上陷入复杂度的泥潭之中。

 

ckeditor

一家老牌做富文本的公司，楼主旧版后台用的就是这个，今年也出了 5.0 版本，ui 也变美观了不少，相当的不错，而且它号称是插件最丰富的富文本了。推荐大家可以试用一下。

 

wangEditor

一个国人写的富文本，用过感觉还是不错的。不过毕竟是个人的，不像专门公司做富文本的，配置型和丰富性不足。

 

squire

一个比较轻量的富文本，压缩完才 11.5kb，相对于其它的富文本来说是非常的小了，推荐功能不复杂的建议使用。

 

UEditor

百度出品，ui 真的不好看，不符合当今审美了，官方也已经很久没跟新过了。

 

medium-editor

大名鼎鼎的 medium 的富文本(非官方出品)，但完成度还是不很不错，拓展性也不错。不过我觉得大部分用户还是会不习惯 medium 这种写作方式的。

 

summernote

 一个对不推荐的富文本。这是一个韩国人开源的富文本(当然不推荐的理由不是因为这个)，它对很多富文本业界公认的默认行为理解是反其道而行的，

而且只为用了一个 dialog 的功能，引入了 bootstrap，一堆人抗议就是不改。格式化也是差劲。。反正不要用！不要用！不要用！

 

simditor

Simditor是一种基于浏览器的所见即所得文本编辑器。

 

 

当然你也可以选择一些付费的富文本编辑器，如：froala-editor 这款编辑器。不管是美观和易用性都是不错的，公司买的是专业版，一年也就 $349 ，价格也是很合理的，但其实省去的程序员开发成本可能远不止这个价钱。 # Tinymce

 

代码编辑器

codemirror

 

Markdown 编辑器

tui.editor

simplemde-markdown-editor (已经很久不更新)

 

引用：https://panjiachen.github.io/vue-element-admin-site/zh/feature/component/rich-editor.html