首页 > 代码库 > wangEditor——轻量级web富文本框

wangEditor——轻量级web富文本框

1. 介绍

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

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

2. demo

欢迎使用wangEditor,请输入内容...

<script type="text/javascript">// </script>
$(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富文本框