富文本編輯器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