几种知名开源富文本编辑器
2019-12-05 本文已影响0人
YongSiv
1、wangEditor
推荐使用
js和css实现
优点:轻量简洁,最重要的是开源且中文文档齐全。设计的UI漂亮。
插件基本能满足需求,本人推荐使用。

http://www.wangeditor.com/index.html
2、simditor
样式好看,插件不多,基本满足需求
文档英文,使用较为吃力,如果英文水平不好的话
github上面开源,维护较好
因为文档看起来吃力,所以本人没有考虑继续使用。

3、bootstrap-wysiwyg
利用bootstrap实现的,简洁大方好看。
优点:轻量,好看,使用方便。
缺点:需要一定的浏览器支持,毕竟需要bootstrap

http://www.bootcss.com/p/bootstrap-wysiwyg/
4、CKEditor
功能强大,使用较多,可以看他们官网的例子,马上就有感觉。
优点:编辑能力极强,基本和word差不多了。看起来界面极其优秀的一款。
缺点:网站访问速度一般,文档英文,需要花时间开发。

5、tinymce
支持图片在线处理,插件多,功能强
编辑能力优秀,界面好看。
同样文档为英文,开发需要花时间。

6、UEditor 百度的。
优点:插件多,基本满足各种需求,类似贴吧中的回复界面。
缺点:不再维护,文档极少,使用并不普遍,图片只能上传到本地服务器,如果需要上传到其他服务器需要改动源码,较为难办,加载速度慢。

总结:小项目,可以用用,不推荐使用。
7、kindeditor
界面类似百度,效果很像
文档齐全但用例较少,使用还算方便。
缺点:总感觉样子不是很好看,没有现代那种风格,还是老式的传统图标。

http://kindeditor.net/demo.php
使用之前需要考虑的点:
1、需要插件,是否需要很多的插件,还是说简单的那些功能就行了。
2、界面考虑,看你喜欢那个界面了。
3、图片是否需要上传图片服务器。
4、文档如果为英文是否会影响开发。
5、支持浏览器类型和版本。