5款免费的富文本编辑器

Web 应用经常会用到富文本编辑器功能，当然如果是 JavaScript 大牛，重复造轮子也是可以的，如果想省时省力，可以关注下下面5款免费的文本编辑器框架。

成都创新互联专业提供重庆服务器托管服务，为用户提供五星数据中心、电信、双线接入解决方案，用户可自行在线购买重庆服务器托管服务，并享受7*24小时金牌售后服务。

widgEditor

有时需要一款极简的文本编辑器，那么 widgEditor 再合适不过（只有33.4 KB），简洁实用。

使用简便：

 
 
 
 

  
  
  
  
Some Sample Text 

 
 
 
 

需要引入相应的 CSS 和 JS：

点击放大镜按钮，支持 HTML 编码。

主要优点：朴素，代码小，易用；

缺点：功能不足，不易扩展，缺乏第三方支持。

• 实例：The Man in Blue – widgEditor
• 下载：widgEditor 1.0.1
• 文档：下载包中有

TinyMCE

TinyMCE 易于使用：

 
 
 
 

  
  
  
  
Type some text here.
  
  
  
  
This is a text area.
  
  
  
  
 
  
  
  
  

  
  
  
  

  
  
  
  
tinymce.init({selector:’#TypeHere’});
  
  
  
  

 
 
 
 

tinymce.init() 也可以用 CSS3 选择器。

优点：独立，易用；缺点：代码量大

• 实例：Tiny MCE Full-Featured Example
• 下载：Tiny MCE 4.0.x
• 文档：Tiny MCE Wiki Documentation

MarkItUp

基于 jQuery ，MarkItUp 是 jQuery 插件。可以配置 MarkItUp ，把它当成标签标记器。

使用：

 
 
 
 

  
  
  
  

  
  
  
  
Some Sample Text
  
  
  
  

  
  
  
  
 
  
  
  
  

  
  
  
  

  
  
  
  

  
  
  
  
 
  
  
  
  

  
  
  
  

  
  
  
  
 
  
  
  
  

 
 
 
 

mySettings 参数用于初始化设置。

MarkItUp 非常灵活，轻量，下载页有许多扩展，插件，皮肤，解析器和其它功能，MarkItUp 学习曲线比较陡峭，特别是把一些功能组合使用的时候。

• 实例：markItUP! in Action
• 下载：markItUp! Download
• 文档：markItUp! Documentation 1.1

NicEdit

NicEdit 简便快捷。

别的编辑器都用 标签，NicEdit 用其它标签也可以，比如 <div>：</p><pre> <ol> <li><textarea id=”NicEdit” cols=”80″ rows=”5″>Some Sample Text