富文本编辑器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属性就行

posted @ 2020-06-11 14:38  壹-ZL  阅读(3378)  评论(0编辑  收藏  举报