- 本次更新说明
===
更新时间为:2015-05-15,更新版本为1.3.0版。近期更新的主要内容:
- editor.append([data]) 方法支持传入字符串;
- 支持自定义配置表情图片;
- 增加“查看源码”功能;
- 使用Grunt重构开发环境;
- 增加插入视频的功能;
- 介绍
===
wangEditor——轻量级web富文本编辑器,配置方便,使用简单。支持IE6+浏览器。
- 如何使用? === 引用wangEditor.css、jquery.js和wangEditor.js之后,一行代码即可把textarea变为富文本框,简单易用。
$(function(){
$('#textarea1').wangEditor();
});如果想要在一个页面创建多个富文本编辑器,也很简单(源码中demo-multi-text.html页面有演示)。
//先在html中定义两个textarea,然后:
$(function(){
$('#textarea1').wangEditor();
$('#textarea2').wangEditor();
});在基本应用的基础上,wangEditor还支持自定义配置:
$('#textarea1').wangEditor({
'$initContent': ... //配置要初始化的内容
'menuConfig': ... //配置要显示的菜单(其他的隐藏)
'onchange': ... //配置onchange事件
'expressions': ... //配置表情图片
'uploadUrl': ... //配置上传图片的Url
});wangEditor支持如下配置:
demo.html(demo演示)demo-basic.html(基本配置说明)demo-getValue.html(获取富文本的源码值)demo-initContent.html(配置初始化时要显示的内容)demo-menuConfig.html(配置要显示的菜单按钮,其他的隐藏)demo-onchange.html(配置onchange事件)demo-uploadImg.html(配置图片上传)demo-append.html(手动追加内容)demo-html.html(手动修改html内容)demo-expressions.html(配置表情图片) 具体的配置说明,可以在网站的文档页面http://www.wangeditor.com/doc.html中查看。
- 交流
===
交流QQ群:164999061
二次开发联系:wangfupeng1988#163.com(#->@)
