几种知名开源富文本编辑器记录和对比（仅供参考）


1、UEditor 百度的

优点：插件多，基本满足各种需求，类似贴吧中的回复界面。

缺点：不再维护，文档极少，使用并不普遍，图片只能上传到本地服务器，如果需要上传到其他服务器需要改动源码，较为难办，加载速度慢。

总结：小项目，可以用用，不推荐使用。
http://ueditor.baidu.com/website/

2、kindeditor

界面类似百度，效果很像

文档齐全但用例较少，使用还算方便。

缺点：总感觉样子不是很好看，没有现代那种风格，还是老式的传统图标。
http://kindeditor.net/demo.php

3、simditor

样式好看，插件不多，基本满足需求

文档英文，使用较为吃力，如果英文水平不好的话

github上面开源，维护较好

因为文档看起来吃力，所以本人没有考虑继续使用。
http://simditor.tower.im/

4、bootstrap-wysiwyg

利用bootstrap实现的，简洁大方好看。

优点：轻量，好看，使用方便。

缺点：需要一定的浏览器支持，毕竟需要bootstrap
http://www.bootcss.com/p/bootstrap-wysiwyg/

5、wangEditor

js和css实现

优点：轻量简洁，最重要的是开源且中文文档齐全。设计的UI漂亮。

插件基本能满足需求，本人推荐使用。
http://www.wangeditor.com/index.html

6、CKEditor

功能强大，使用较多，可以看他们官网的例子，马上就有感觉。

优点：编辑能力极强，基本和word差不多了。看起来界面极其优秀的一款。

缺点：网站访问速度一般，文档英文，需要花时间开发。
http://ckeditor.com/

7、tinymce

支持图片在线处理，插件多，功能强

编辑能力优秀，界面好看。

同样文档为英文，开发需要花时间。
https://www.tinymce.com/

使用之前需要考虑的点：

1需要插件，是否需要很多的插件，还是说简单的那些功能就行了。

2界面考虑，看你喜欢那个界面了。

3图片是否需要上传图片服务器。

4文档如果为英文是否会影响开发。

5支持浏览器类型和版本。




转载自：https://www.jianshu.com/p/002eb6277f9d

引用自：https://blog.csdn.net/sunshine_xtt/article/details/81457320
1、wangEditor 
优势：开源，轻量简洁，最重要的是开源且中文文档齐全，设计的UI漂亮。 
wangEditor基于javascript和css开发的 Web富文本编辑器， 轻量、简洁、易用、开源免费。 
与国产编辑器 百度ueditor 和 kindeditor 相比，它轻量、易用、UI设计精致漂亮。 
国外编辑器 bootstrap-wysiwyg 和 simditor 相比，它文档易读、交流方便，更接地气。 
它还会根据使用者的反馈不断完善，未来将支持移动版。 支持IE6+浏览器。 
不足:没有强大的后台 
wangEditor - 轻量级web富文本编辑器 
………….想插个图但是每次都上传失败
2、百度的ueditor 
优势：开源，插件多，基本满足各种需求， 由百度web前端研发部开发。 
不足：比较庞大，对于网页的加载来说，会相对影响速度 ,界面不太美观。 
官方的wiki文档并不是很完善，图片只能上传到本地服务器，如果需要上传到其他服务器需要改动源码，较为难办，加载速度慢。
3、KindEditor 
优势: 文档齐全 ，中文文档便于阅读理解， 界面类似百度，使用还算方便。 
不足:存在图片上传问题，如果上传历史过多，会全部加载，导致浏览器卡，反应慢 
兼容IE、Firefox、Chrome、Safari、Opera等主流浏览器。 
KindEditor使用JavaScript编写，可以无缝的与Java、.NET、PHP、ASP等程序接合。
4、bootstrap-wysiwyg 
优点：外观简洁大方，使用方便，支持网站充分利用Bootstrap、Font Awesome等工具库的优秀特性 
没有强制规定的样式。 
缺点：没有表情包 , 没有开发文档不便于阅读使用，无字体变色，无视频上传功能 
微型、开源的Bootstrap所见即所得（WYSIWYG）富文本编辑器 -- 由MindMup贡献
5、simditor
优点：样式好看，插件不多，基本满足需求 
缺点：文档英文，使用较为吃力，如果英文水平不好的话 
github上面开源，维护较好 
Simditor
6、CKEditor 
国外开源，功能强大，使用较多，可以看他们官网的例子，马上就有感觉。 
优点：编辑能力极强，基本和word差不多了。看起来界面极其优秀的一款。 
缺点：网站访问速度一般，文档英文，需要花时间开发，没有字体变色和视频上传功能，需要另外配置 
http://ckeditor.com/
7、tinymce 
支持图片在线处理，插件多，功能强 
编辑能力优秀，界面好看。 
同样文档为英文，开发需要花时间。 
https://www.tinymce.com/
--------------------- 
版权声明：本文为CSDN博主「徐徐听风」的原创文章，遵循CC 4.0 by-sa版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/sunshine_xtt/article/details/81457320

其实对于用户来说，Markdown编辑器和富文本编辑器的作用是一样的，功能上也没有什么区别，在Markdown诞生之前大家都是用富文本编辑器的，也没见什么功能不能实现的，而两者主要区别在于他们的使用方法上，以及不同技术所带来的行业上的影响。
下面就让我们来看看详细的比较。
什么是markdown编辑器，什么是富文本编辑器
Markdown是这几年才流行起来的编辑器，Markdown使用一套格式标记语言来对文档内容进行排版和格式显示。你需要在写文章的过程中，在需要控制版式的地方插入这些标记，比如你在一段文字前插入#号再加一个空格，表示这一行要以标题的形式显示(字体比较大比较粗比较黑)。而Markdown的标记其实很少，常用的也就十个左右，所以它是一种轻量的标记语言。
下图就是一个典型的markdown编辑器界面，图中红圈部分中都是markdown的标记语言。图中左边是写作窗口，右边是预览窗口。

富文本编辑器就是大家之前所使用的编辑器，以前大家在网页上写文章或网页后台发布新闻内容一直都是用的富文本编辑器，包括很多论坛上发帖子的文字窗口就是典型的富文本编辑器。可以这么说除了Markdown编辑器，其他的文本编辑窗口基本上都可以归到富文本编辑器。
富文本编辑器已经有二十多年的历史了。下面是一个典型富文本编辑器，也是本人经常使用的，你是不是以为是office word界面？
误区：
markdown编辑器或者富文本编辑器都是一种编辑器的类型，并不是指具体某一家的产品。很多非技术人员经常会有一些误解，他会以为markdown编辑器就是CSDN的编辑器，或者就是简书的编辑器，或者就是博客园的编辑器。很多人在比较markdown编辑器与富文本编辑器时，只比较CSDN一家的，或者博客园一家的，这会给新手带来很大的误会。
从几个角度来比较
1、功能上
上文说过了，从功能上讲两者并没有什么区别！
仔细看看上面两张图，你是不是觉得富文本编辑器的功能甚至比markdown编辑器的功能还要多！
说富文本编辑器的功能弱的那都是误会，他并没有见到真正的富文本编辑器，类似上图中的富文本编辑器，比较有名气的随便都能列出十几多款。
如果你觉得上图的富文本编辑器功能还不够强，看到上图左下角的“代码”两个字了么，点进去之后你都能直接修改网页源码，如果你懂HTML那么没有什么功能是你不能实现的！
在markdown编辑器火起来之前，富文本编辑器统治整个互联网很多年了，成千上万的网页都是它发布出来的，没有什么版式功能弄不出来的。
如果你觉得富文本编辑器的功能太弱，那一定是你所用的那一家，那一款产品太弱了。而不是富文本编辑器本身功能问题。
打个比方说，马是世界上公认善跑的动物，然而你碰巧遇到了一只又矮又搓又不能跑的，然后你就认为马都是这样的，，，，你这样的话，马会被你气死的！
当然，反过来道理也是一样的，markdown编辑器功能也不比富文本编辑器功能少，只是可能碰巧你看到的那一款markdown编辑器功能比较少而已。
互联网上markdown编辑器也有无数个，markdown标记语言原始版本(或者说标准化版本)所提供的功能只有十多个，但是网上普遍存在的都是扩充版本，几乎每一家的实现都是不太一样的，因为markdown是由每一个网站自由去实现的(当然你可以去拷贝别人做好的)。
不厌其烦讲这么多，是因为网上对这个问题误解的人实在太多了……
2、使用难度和方便性
markdown编辑器毕竟额外多出来一套标记语言，肯定还是要学一下的，虽然十几多个也不多，但要养成这样的写作习惯是要一定时间培养的。
富文本编辑器使用的是与word类似的所见即所得的排版方式，操作也与word类似，点击鼠标按钮使用相应功能就行。使用上相对比较简单，也比较容易进入状态。
有些markdown编辑器虽然也可以即时预览，但是都需要另外开窗口的，或者需要另外点击预览，所见即所得方面还是会差一些。
3、分享和交流
markdown编辑器有一套标准的标记语言，其内容本身也是纯文本文档，所以在各个支持markdown的网站之间交流起来是很方便的，即使用非markdown编辑器打开也不会有明显错乱感觉。
Markdown的可贵之处就在于他有一套标准，什么东西一当有了一套大家认可的标准，就比较容易推广和流行。这个实际上也是markdown流行起来的重要原因之一，便于分享交流。
富文本编辑器每一家的实现都是完全不一样的，如果你把新浪的编辑器里的内容直接拷贝到网易的编辑器里，那版式肯定是有区别的，甚至会位置错乱，往数据库后台保存可能也会出问题。所以富文本编辑器一般都是专用的。
4、排版的准确性
如果是两个功能都比较强的富文本编辑器和markdown编辑器，那么排版的准确性和可控性并不会有明显的差别。
之所以大家觉得markdown编辑器可控性更强，是因为这家网站同时提供的富文本编辑器功能实在太差了。一个网站之所以这么安排并不一定是他们没有这个技术能力提供一个更好的富文本编辑器，往往是一些商业因素，运营策略，甚至是某些人个人喜好，这里就不展开分析了……
那么，如果是两个功能都很一般富文本编辑器和markdown编辑器，往往markdown编辑器的版式控制性会更强一点。
然后很不幸地告诉大家，像CSDN、博客园都属于后者，他们都是主推markdown编辑器的，他们提供的富文本编辑器功能都非常弱。简书之前也是主推markdown，后来又改成富文本编辑器了。
5、直观性
直观性即“所见即所得”的特性，这方面富文本编辑器肯定是略胜一筹的。因为富文本编辑器天生就是所见即所得的。
有些网站做的markdown编辑器会在旁边再开一个窗口，可以即时预览排版的效果，但是如果屏幕空间不够大，跟最终效果还是有差别的，另外也会有一点点影响写作。
最后
markdown编辑器由于其使用了标记语言，总会给人一种技术化的感觉，事实上也是如此，markdown编辑器一般还是在技术平台和技术人员手中使用比较多，估计这也是简书这两年放弃markdown开始主推富文本编辑器的主要原因吧，因为简书现在主做的不是技术内容。
虽然markdown编辑器这几年比较火，但从整个网络总量上来说markdown编辑器还是比较小众的。
最后希望大家找到自己顺手的编辑器。

其实对于用户来说，Markdown编辑器和富文本编辑器的作用是一样的，功能上也没有什么区别，在Markdown诞生之前大家都是用富文本编辑器的，也没见什么功能不能实现的，而两者主要区别在于他们的使用方法上，以及不同技术所带来的行业上的影响。
下面就让我们来看看详细的比较。
什么是markdown编辑器，什么是富文本编辑器
Markdown是这几年才流行起来的编辑器，Markdown使用一套格式标记语言来对文档内容进行排版和格式显示。你需要在写文章的过程中，在需要控制版式的地方插入这些标记，比如你在一段文字前插入#号再加一个空格，表示这一行要以标题的形式显示(字体比较大比较粗比较黑)。而Markdown的标记其实很少，常用的也就十个左右，所以它是一种轻量的标记语言。
下图就是一个典型的markdown编辑器界面，图中红圈部分中都是markdown的标记语言。图中左边是写作窗口，右边是预览窗口。

富文本编辑器就是大家之前所使用的编辑器，以前大家在网页上写文章或网页后台发布新闻内容一直都是用的富文本编辑器，包括很多论坛上发帖子的文字窗口就是典型的富文本编辑器。可以这么说除了Markdown编辑器，其他的文本编辑窗口基本上都可以归到富文本编辑器。
富文本编辑器已经有二十多年的历史了。下面是一个典型富文本编辑器，也是本人经常使用的，你是不是以为是office word界面？
误区：
markdown编辑器或者富文本编辑器都是一种编辑器的类型，并不是指具体某一家的产品。很多非技术人员经常会有一些误解，他会以为markdown编辑器就是CSDN的编辑器，或者就是简书的编辑器，或者就是博客园的编辑器。很多人在比较markdown编辑器与富文本编辑器时，只比较CSDN一家的，或者博客园一家的，这会给新手带来很大的误会。
从几个角度来比较
1、功能上
上文说过了，从功能上讲两者并没有什么区别！
仔细看看上面两张图，你是不是觉得富文本编辑器的功能甚至比markdown编辑器的功能还要多！
说富文本编辑器的功能弱的那都是误会，他并没有见到真正的富文本编辑器，类似上图中的富文本编辑器，比较有名气的随便都能列出十几多款。
如果你觉得上图的富文本编辑器功能还不够强，看到上图左下角的“代码”两个字了么，点进去之后你都能直接修改网页源码，如果你懂HTML那么没有什么功能是你不能实现的！
在markdown编辑器火起来之前，富文本编辑器统治整个互联网很多年了，成千上万的网页都是它发布出来的，没有什么版式功能弄不出来的。
如果你觉得富文本编辑器的功能太弱，那一定是你所用的那一家，那一款产品太弱了。而不是富文本编辑器本身功能问题。
打个比方说，马是世界上公认善跑的动物，然而你碰巧遇到了一只又矮又搓又不能跑的，然后你就认为马都是这样的，，，，你这样的话，马会被你气死的！
当然，反过来道理也是一样的，markdown编辑器功能也不比富文本编辑器功能少，只是可能碰巧你看到的那一款markdown编辑器功能比较少而已。
互联网上markdown编辑器也有无数个，markdown标记语言原始版本(或者说标准化版本)所提供的功能只有十多个，但是网上普遍存在的都是扩充版本，几乎每一家的实现都是不太一样的，因为markdown是由每一个网站自由去实现的(当然你可以去拷贝别人做好的)。
不厌其烦讲这么多，是因为网上对这个问题误解的人实在太多了……
2、使用难度和方便性
markdown编辑器毕竟额外多出来一套标记语言，肯定还是要学一下的，虽然十几多个也不多，但要养成这样的写作习惯是要一定时间培养的。
富文本编辑器使用的是与word类似的所见即所得的排版方式，操作也与word类似，点击鼠标按钮使用相应功能就行。使用上相对比较简单，也比较容易进入状态。
有些markdown编辑器虽然也可以即时预览，但是都需要另外开窗口的，或者需要另外点击预览，所见即所得方面还是会差一些。
3、分享和交流
markdown编辑器有一套标准的标记语言，其内容本身也是纯文本文档，所以在各个支持markdown的网站之间交流起来是很方便的，即使用非markdown编辑器打开也不会有明显错乱感觉。
Markdown的可贵之处就在于他有一套标准，什么东西一当有了一套大家认可的标准，就比较容易推广和流行。这个实际上也是markdown流行起来的重要原因之一，便于分享交流。
富文本编辑器每一家的实现都是完全不一样的，如果你把新浪的编辑器里的内容直接拷贝到网易的编辑器里，那版式肯定是有区别的，甚至会位置错乱，往数据库后台保存可能也会出问题。所以富文本编辑器一般都是专用的。
4、排版的准确性
如果是两个功能都比较强的富文本编辑器和markdown编辑器，那么排版的准确性和可控性并不会有明显的差别。
之所以大家觉得markdown编辑器可控性更强，是因为这家网站同时提供的富文本编辑器功能实在太差了。一个网站之所以这么安排并不一定是他们没有这个技术能力提供一个更好的富文本编辑器，往往是一些商业因素，运营策略，甚至是某些人个人喜好，这里就不展开分析了……
那么，如果是两个功能都很一般富文本编辑器和markdown编辑器，往往markdown编辑器的版式控制性会更强一点。
然后很不幸地告诉大家，像CSDN、博客园都属于后者，他们都是主推markdown编辑器的，他们提供的富文本编辑器功能都非常弱。简书之前也是主推markdown，后来又改成富文本编辑器了。
5、直观性
直观性即“所见即所得”的特性，这方面富文本编辑器肯定是略胜一筹的。因为富文本编辑器天生就是所见即所得的。
有些网站做的markdown编辑器会在旁边再开一个窗口，可以即时预览排版的效果，但是如果屏幕空间不够大，跟最终效果还是有差别的，另外也会有一点点影响写作。
最后
markdown编辑器由于其使用了标记语言，总会给人一种技术化的感觉，事实上也是如此，markdown编辑器一般还是在技术平台和技术人员手中使用比较多，估计这也是简书这两年放弃markdown开始主推富文本编辑器的主要原因吧，因为简书现在主做的不是技术内容。
虽然markdown编辑器这几年比较火，但从整个网络总量上来说markdown编辑器还是比较小众的。
最后希望大家找到自己顺手的编辑器。