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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM