首先看看他的界面效果:
首先引入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屬性就行