几大流行的js编辑器推荐理由和推荐指数

梦里梦外; 2022-12-30 08:14 110阅读 0赞

由于长时间使用 UEditor 编辑器，再加上 UEditor 界面实在不够清新，不符合我的审美，遂决定给网站后台换一个富文本编辑器，经过几天的寻找以及试用，终于找到了符合我这强迫症的最完美的编辑器，它就是——Quill。

# 几大编辑器比较 #

## 1. UEditor ##

链接：[https://ueditor.baidu.com/website/][https_ueditor.baidu.com_website]

这款编辑器应该很多人都用过吧，说实话，它的功能在我看来是最全面、最强大的，不仅包含丰富的文本样式编辑，还有强大的表格编辑功能，插入功能，而且接入十分简单，可惜的是官方早就不再更新了，所以样式看起来不那么“主流”，不过这个就见仁见智了，并不影响它成为一款优秀的富文本编辑器。

![format_png][]

## 2. Simditor ##

链接：[https://simditor.tower.im/][https_simditor.tower.im]

这款编辑器满足基本的需求，但插件不是很多，样式比较清新好看，对于我来说少了字体颜色的设置，代码高亮也不甚理想，要求不高的可以使用这款。

![format_png 1][]

## 3. wangEditor ##

链接：[http://www.wangeditor.com/][http_www.wangeditor.com]

这款编辑器是国内一个开发者开源的，功能基本足够，样式主流，但文档中说明了“**从编辑器中获取的 html 代码是不包含任何样式的纯 html**”，就是说需要自己编写样式，但相对来说灵活多变，可以自己实现多皮肤功能

![format_png 2][]

## 4. CKEditor ##

链接：[https://ckeditor.com][https_ckeditor.com]

这款也算中规中矩吧，有基本功能，但看了一圈还是没有我需要的字体颜色跟代码高亮功能，但值得一提的是，它有行内编辑功能，编辑内容更加直观，仿佛是在编辑网页一样，这个功能还是挺强大的。

![format_png 3][]

## 5. TinyMCE ##

链接：[https://www.tiny.cloud/][https_www.tiny.cloud]

这款编辑器很漂亮，功能也非常多，编辑出的文章样式也十分美观，代码高亮功能实现的也可以，但它却是我最不喜欢的一款，因为我觉得它太重了，类似于word的菜单功能虽多，但隐藏较深，操作步骤变多，这很影响编辑文章的速度以及注意力，当然最常用的几个功能还是显式，所以就见仁见智吧。

![format_png 4][]

## 6. Froala ##

链接：[https://www.froala.com/][https_www.froala.com]

这款被很多人称为史上最NB的编辑器，的确它功能强大，插件丰富，可自定义主题和插件，我简单使用了一下，没有我需要的代码高亮，所以果断放弃，或许它可以自定义配置，但我没有深究。

![format_png 5][]

## 7. Quill ##

链接：[https://quilljs.com/][https_quilljs.com]

寻寻觅觅，寻寻觅觅，终于找到你，最符合我需求的编辑器——quill，样式不用多说，也是主流的黑白清新风，美观，功能上虽然不是很多，甚至还没有表格，网络图片上传（可以通过复制网络图片并黏贴解决）等功能，但它的代码高亮是最完美的，因为它本身就支持了`hignlight.js`，同样支持行内编辑模式，可自定义，总的来说，这是一款优点多但缺点同样明显的编辑器，但却完美契合我的需求，所以我比较喜爱这款。

![format_png 6][]

# 总结 #

更多内容可以去网上看文档，有中文翻译的。编辑器种类繁多，萝卜青菜各有所爱，找到适合自己的就好，当然有兴趣有时间的其实所有的编辑器都可以自行扩展出更好看的样式，使用之余别忘了给作者们一个赞。

[https_ueditor.baidu.com_website]: https://links.jianshu.com/go?to=https%3A%2F%2Fueditor.baidu.com%2Fwebsite%2F
[format_png]: /images/20221120/c36ccde61c83434f91a763803fbfa5c0.png
[https_simditor.tower.im]: https://links.jianshu.com/go?to=https%3A%2F%2Fsimditor.tower.im%2F
[format_png 1]: /images/20221120/b7bdf7bce37b4109b77a69ef53b813d6.png
[http_www.wangeditor.com]: https://links.jianshu.com/go?to=http%3A%2F%2Fwww.wangeditor.com%2F
[format_png 2]: /images/20221120/e986c49b6b904bab8a228b96a68e122d.png
[https_ckeditor.com]: https://links.jianshu.com/go?to=https%3A%2F%2Fckeditor.com
[format_png 3]: /images/20221120/8112b0c9dcc94396878c733694c2318a.png
[https_www.tiny.cloud]: https://links.jianshu.com/go?to=https%3A%2F%2Fwww.tiny.cloud%2F
[format_png 4]: /images/20221120/9647b80a7036482dac6ef980e14d46ae.png
[https_www.froala.com]: https://links.jianshu.com/go?to=https%3A%2F%2Fwww.froala.com%2F
[format_png 5]: /images/20221120/7e33246ea4c34a3bbee353fdfe4e872d.png
[https_quilljs.com]: https://links.jianshu.com/go?to=https%3A%2F%2Fquilljs.com%2F
[format_png 6]: /images/20221120/359b3c2aa51e493c9713cee8b9c909a3.png