在线编辑内容的时候,那些基于 JavaScript 的编辑器帮了我们大忙,这些所见即所得(WYSIWYG)编辑器,给我们提供了类似 Office 的操作体验。如今,任何网站内容管理系统(CMS)和博客系统都需要一个这样的编辑器。本文精选了10个基于 JavaScript  的编辑器,它们有的是基于 jQuery 框架,有点则不是。

MarkitUp - jQuery

Official Website​ | ​Demo

10个基于 JavaScript 的 WYSIWYG 编辑器_html5

功能不是很多,但很轻量,很灵活。打包后只有6.5K大小。

jWYSIWYG - jQuery

Official Website​ | ​Demo

10个基于 JavaScript 的 WYSIWYG 编辑器_javascript_02

非常基本的编辑器,简单为本。打包后只有7K。

Lightweight RTE- jQuery

Official Website​ | ​Demo

10个基于 JavaScript 的 WYSIWYG 编辑器_系统集成_03

简单到不能再简单,很容易自己修改。

HTMLBox - jQuery

Official Website​ | ​Demo

10个基于 JavaScript 的 WYSIWYG 编辑器_javascript_04

跨浏览器,开源,基于 jQuery。可以很容易同各种 CMS,论坛,留言本,博客等系统集成。

D Small Rich Text Editor - jQuery

Official Website​ | ​Demo

10个基于 JavaScript 的 WYSIWYG 编辑器_javascript_05

基于 iframe 对象。

WYMEditor - jQuery

Official Website​ | ​Demo

10个基于 JavaScript 的 WYSIWYG 编辑器_jquery_06

 

TinyMCE - non-jQuery

Official Website​ | ​Demo

10个基于 JavaScript 的 WYSIWYG 编辑器_系统集成_07

最经典的基于 JavaScript 的编辑器,COMSHARP CMS 默认的编辑器就是这个。

fckeditor - Non-jQuery

Official Website​ | ​Demo

10个基于 JavaScript 的 WYSIWYG 编辑器_jquery_08

功能非常强大。

Yahoo YUI Rich Text Editor - Non-jQuery

Official Website​ | ​Demo

10个基于 JavaScript 的 WYSIWYG 编辑器_jquery_09

基于 Yahoo YUI,简单,但很可靠。

Xinha - Non-jQuery

Official Website​ | ​Demo

10个基于 JavaScript 的 WYSIWYG 编辑器_js编辑器_10

自由的基于  BSD 许可编辑器,功能完善,很适合同各种系统集成。

中文编译:​​COMSHARP CMS​​ 官方网站

 

10个基于 JavaScript 的 WYSIWYG 编辑器_js编辑器_11

​本博客新站点 ◆ 前端里 ◆ 欢迎围观:)​

作者:山边小溪

主站:​​yyyweb.com​​ 记住啦:)

欢迎任何形式的转载,但请务必注明出处。