富文本编辑器

转载：

https://blog.csdn.net/joycesunny/article/details/77837838

整理15款实用javascript富文本编辑器

2017年09月04日 15:16:42 @CAPRICA@ 阅读数：18162

 

• 百度UEditor

• 官方网址：http://ueditor.baidu.com/website/

  UEditor是由百度web前端研发部开发所见即所得富文本web编辑器，具备轻量，可定制，注重用户体验等特色，开源基于MIT协议，容许自由使用和修改代码...

• 2bootstrap-wysiwyg

• 官方网址：http://www.bootcss.com/p/bootstrap-wysiwyg/

  bootstrap-wysiwyg 为Bootstrap定制的微型所见即所得（What you see is what you get）富文本编辑器。
  这个jQuery Bootstrap小插件（5KB, < 200 行代码）能够将任何一个DIV转变成一个WYSIWYG富文本编辑器，灵感来自于 CLEditor 和 bootstrap-wysihtml5.
  下面是他的主要特点：
  在Mac和Wndows平台上可以自动针对经常使用操做绑定标准热键 能够经过拖拽插入图片；支持图片上传（也能够获取移动设备上的照片）
  语音识别输入（仅限Chrome浏览器） 容许自定义工具条；不生成额外标签；
  支持网站充分利用Bootstrap、Font Awesome等工具库的优秀特性 没有强制规定的样式 - 一切都由你作主 依赖浏览器的标准特性，没有非标准代码；
  工具条和键盘功能都可定制，而且可以执行任何浏览器支持的命令 不会本身建立一个单独的frame、备份文本区等 - 本编辑器尽可能保持简单，并仅仅运行在一个DIV内 （可选）清除尾部空格；清除空的div和span
  必须运行在现代浏览器上（在Chrome 2六、Firefox 1九、Safari 6上通过测试，用户报告称能够在IE10上工做）
  支持移动设备浏览器（在iOS 6 Ipad/Iphone 和 Android 4.1.1 Chrome上测试过）

• 3JQUERY NOTEBOOK

• 官方网址：http://raphaelcruzeiro.github.io/jquery-notebook/

  一个简单，干净，优雅的所见即所得的富文本编辑器.用鼠标选中文字可看到效果。

• 4YUI 3

• 官方网址：http://yuilibrary.com/

  YUI Editor 是雅虎的 YUI 包中的一个可视化HTML编辑器组件。

• 5eWebEditor

• 官方网址：http://www.ewebeditor.net/

  eWebEditor是一个基于浏览器的在线HTML编辑器，WEB开发人员能够用她把传统的多行文本输入框textarea替换为可视化的富文本输入框。 eWebEditor主功能不须要在客户端安装任何的组件或控件，操做人员就能够以直觉、易用的界面建立和发布网页内容。 您能够经过eWebEditor自带的可视配置工具，对eWebEditor进行彻底的配置。 eWebEditor是很是容易与您现有的系统集成，简单到您只须要一行代码就能够完成eWebEditor的调用。 您能够把eWebEditor应用于各类基于网页的应用系统中，如内容管理系统、邮件系统、论坛系统、新闻发布系统，等与内容发布相关的全部应用系统。

• 6MarkitUp

• 官方网址：http://markitup.jaysalvat.com/examples/skin1/

  一个基于jquery的开源文本编辑器， 能够将textarea元素扩展为一个简单的文本编辑器。如今支持html、Wiki、BBScode等编辑格式，，有至关不错的扩展性，可定制皮肤。值得一提的是其官方网站至关优秀，有丰富的示例。此插件有个缺点：没有所见即所得的模式。

• 7KindEditor

• 官方网址：http://kindeditor.net/demo.php

  KindEditor是基于浏览器的所见即所得(WYSWYG)HTML编辑器，主要应用于CMS、论坛、博客等WEB程序里。 主要特色： 1) 代码量少，功能比较多。 2) 经过添加plugin的方法，能够自定义功能。 3) 能够删除不须要的plugin，减小文件大小。 4) 能够任意改变编辑器风格，和网站融为一体。 5) 代码容易理解，是一个可维护、可控制的编辑器。

• 8jWYSIWYG

• 官方网址：http://code.google.com/p/jwysiwyg/

  此插件为内联的富文本编辑器。它是WYMeditor简化后的一种替代选择，总过不超过26KB，打包后只有7KB，，只保留基本功能，但麻雀虽小，五脏俱全，拥有很是强悍的扩展性，同时支持所见即所得的模式。

• 9rich-text-editor-jquery

• 官方网址：http://batiste.dosimple.ch/blog/posts/2007-09-11-1/rich-text-editor-jquery.html

  很是之简单的文本编辑器，只能说仅供学习。提供了一些基本的文字格式化操做功能。

• 10WYMeditor

• 官方网址：http://www.wymeditor.org/

  WYMeditor是一个所建即所得Jquery富文本编辑器。支持插件扩展功能，是jwysiwyg的前身，有点庞大，功能齐全。

• 11HtmlBox

• 官方网址：http://remiya.com/cms/projects/jquery-plugins/htmlbox/

  HtmlBox文本编辑器，提供一个textarea表单元素，便可实现一个功能强大的HTML文本编辑器，使用很是简单。 HTMLBox跨浏览器、交互性很是好、开源的Jquery富文本编辑器，在Mozilla Firefox, Inrernet Explorer, Opera, Netscape and Safari等经常使用浏览器下测试经过。此编辑器用户手册能够帮住你很是容易地把此编辑器整合到本身的Web系统中。

• 12CKEditor

• 官方网址：http://ckeditor.com/demo

  CKEditor是FCKeditor的3.0版本，具备更好的性能和丰富、强大的集成/交互接口以及一个崭新的用户界面等。

• 13widgEditor

• 官方网址：http://www.themaninblue.com/experiment/widgEditor/

  widgEditor是一个符合WEB标准的，轻量级的文本编辑器，提供用户须要平常所需的功能。

• 14NicEdit

• 官方网址：http://nicedit.com/demos.php

  NicEdit是一个轻量级，跨平台的Inline Content Editor。NicEdit可以让任何 element/div变成可编辑或者可以把标准的TextArea转换成富文本编辑器。

• 15国产富文本编辑-wangEditor

• 官方网址：http://www.wangeditor.com/

  wangEditor基于JavaScript和css开发的 Web富文本编辑器， 轻量、简洁、易用、开源免费。 与国产编辑器 百度ueditor 和 kindeditor 相比，它轻量、易用、UI设计精致漂亮。 与国外编辑器 bootstrap-wysiwyg 和 simditor 相比，它文档易读、交流方便，更接地气。 它还会根据使用者的反馈不断完善，将来将支持移动版。 支持IE6+浏览器。