首页 > 代码库 > wangEditor——轻量级web富文本框
wangEditor——轻量级web富文本框
1. 介绍
wangEditor——轻量级web富文本编辑器,js+css 不足20kb。简单、易用、可扩展,支持所有PC浏览器(包括IE6)。
目前所有代码都在github上开源,下载地址:https://github.com/wangfupeng1988/wangEditor
2. demo
欢迎使用wangEditor,请输入内容...
$(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富文本框