标签：

1. 介绍

wangEditor——轻量级web富文本编辑器，js+css 不足20kb。简单、易用、可扩展，支持所有PC浏览器（包括IE6）。

目前所有代码都在github上开源，下载地址：https://github.com/wangfupeng1988/wangEditor

2. demo

$(function(){
    //一句话，即可把一个div 变为一个富文本框！o(∩_∩)o，而返回的 $editor 其实是一个jquery对象！ 
    var $editor = $(‘#txtDiv‘).wangEditor();
  
    //var html = $editor.html();    //获取html
    //var txt = $editor.text();    //获取text
}

注意：上面demo中，“背景色”的按钮图标没有显示出来，这是我因为引用的fontAwesome字体库版本过低，因为博客园不允许上传字体库文件，所以只好引用cdn了。但是大家下载下来运行，是不会出现这种情况的。特此说明。

3. 文档

3.1 基本应用（demo演示）

3.2 扩展一个“缩进”功能（demo演示）

3.3 如何自定义配置菜单（demo演示）

3.4 配置“设置标题”下拉菜单（demo演示）

3.5 配置“插入代码”功能（demo演示）

3.6 配置“上传图片”功能（demo下载）

4. 交流

交流QQ群：164999061

二次开发联系：wangfupeng1988#163.com（#->@）

-------------------------------------------------------------------------------------------------------------

欢迎关注我的微博。

也欢迎关注我的教程：

《从设计到模式》《深入理解javascript原型和闭包系列》《微软petshop4.0源码解读视频》《json2.js源码解读视频》

-------------------------------------------------------------------------------------------------------------

wangEditor——轻量级web富文本框

标签：

原文地址：http://www.cnblogs.com/wangfupeng1988/p/4198428.html