富文本的使用教程（wangEditor框架）

　　一，相信很多人用過很多富文本的框架，現在我向大家推薦一個很實用的一個富文本框架，具有豐富的功能項，容易使用。

　　　　所以本博客介紹這個富文本編輯器的使用哈！覺得寫得不錯的請點贊哈，有建議歡迎提哈！^V^

　　　　· 官網地址:ttp://www.wangeditor.com/

　　二，控件展示效果

　　　　　　 haha 是不是很強大

　　三，使用步驟

　　所需js css包：

　　　　

　　　　　　wangEditor.min.css

　　　　　　wangEditor.min.js

　　　1，第一步就是引入js和css包了，必需的

<link rel="stylesheet" type="text/css" href="/css/wangedit/wangEditor.min.css">
<script src="/js/wangedit/wangEditor.js"></script>

　　

　　　2，初始化富文本框的js代碼

<script>
  var editor1 = new wangEditor("introduce1");
    editor1.config.uploadImgUrl = "/imgView/uploadTmpImg/public.htm";//富文本上傳圖片的路徑，不上傳圖片這里可以忽略
    editor1.config.menuFixed = false;
    editor1.create();
</script>

　

　　　3，HTML代碼

<div id="introduce1"></div>

　　4，獲得文本框的內容方法

editor1.html();//得到內容

　　　　不足之處請給予指正謝謝♥

總結

以上是生活随笔為你收集整理的富文本（wangEditor框架）的使用教程的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。