wangEditor 是一款基于javascript和css开发的html富文本编辑器,开源免费。产品第一版发布于2014年11月。
2016年1月作者对整个代码进行了重构,发布 2.x 版本。经过本次重构,产品保持美观的UI基础上,又增加的功能的稳定性、框架的灵活性和可配置性。2.x 版本支持到 IE8 浏览器。
引用wangEditor.css、jquery.js和wangEditor.js之后,即可简单生成富文本编辑器,简单易用。
1 2 3 4 5 6 7 8 9 10 11 | <!DOCTYPE html> < html > < head > < meta charset = "UTF-8" > < title >wangEditor</ title > < link rel = "stylesheet" type = "text/css" href = "../dist/css/wangEditor.min.css" > < style type = "text/css" > #div1 { width: 100%; height: 500px; } </ style ></ head > < body > < div id = "div1" > < p >请输入内容...</ p > </ div > < script type = "text/javascript" src = "../dist/js/lib/jquery-1.10.2.min.js" ></ script > < script type = "text/javascript" src = "../dist/js/wangEditor.min.js" ></ script > < script type = "text/javascript" > $(function () { var editor = new wangEditor('div1'); editor.create(); }); </ script ></ body > </ html > |
更多配置,可参见官网的文档页面
特别申明:
本站所有资源都是由网友投稿发布,或转载各大下载站,请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:lei1294551502@163.com