wang富文本编辑器的简单使用

wang富文编辑器基于javascript和css开发的 Web富文本编辑器

 

官网有详细的文档的使用教程：http://www.wangeditor.com/

 

 

​
<script src="<%=request.getContextPath() %>/static/js/wangEditor.min.js"></script>
    <script type="text/javascript">
	    var E = window.wangEditor
	    var editor = new E('#edito')
    //将文档写入<textarea name="content" id="content" rows="10px" cols="60px"></textarea>中方便后期导入到数据库

	    editor.customConfig.onchange = function (html) {
			var content = document.querySelector("#content")
			content.value=html
		}
	    
	    editor.create()
    </script>

​

PS:注意js的引用