富文本编辑器wangEditor以及使用方法
首先看看他的界面效果:
首先引入js包,这个说的有点多余了,包的地址:http://www.wangeditor.com/
个人感觉这个富文本框非常简洁,易于使用;
编辑器初始化的话首先需要创建一个div容器:
<div id="editor" name="productcontent"> </div>
然后给这个div容器进行初始化就是创建富文本控件:
var E = window.wangEditor var editor = new E( document.getElementById('editor') ) editor.create()
然后使用的话也很简单,获取它的值就是:
editor.txt.html();
填入值:
editor.txt.html(html);
而只是想展示,并不想进行编辑的话,直接将值写入div容器的html属性就行