wangEditor 是一款基于javascript和css开发的html富文本编辑器,开源免费。产品第一版发布于2014年11月。
2016年1月作者对整个代码进行了重构,发布 2.x 版本。经过本次重构,产品保持美观的UI基础上,又增加的功能的稳定性、框架的灵活性和可配置性。2.x 版本支持到 IE8 浏览器。
引用wangEditor.css、jquery.js和wangEditor.js之后,即可简单生成富文本编辑器,简单易用。
<!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>
更多配置,可参见官网的文档页面
必须要用jQuery1.10.2版本,其他的不兼容,这点太不友好了,我用不了啊