本篇文章給大家帶來的内容是關于jQuery的富文本插件：wangEditor插件的使用方法，有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。
開發時經常會用到富文本，今天記錄這個wangEditor也是一個非常好用的富文本插件。直接上圖使用方法：
1、先是下載下傳插件，這個大家就自行到百度上下載下傳吧
2、引入插件檔案(兩個js，一個css)
3、然後就在js代碼裡面定義富文本編輯器了
var E = = window.wangEditor
r var editor = new E('#editor')
// 或者 var editor = new E( E( document.getElementByItById('editor') )
editor.customConfig.uploadImgServServer = '上傳圖檔url';
editor.customConfig.uploadFileNameName = '上傳圖檔檔案夾名';
editor.customConfig.uploadImgMaxSMaxSize = 圖檔限制大小;
editor.customConfig.uploadImgHeadHeaders = {
'Accept' : 'multipart/form-data'
};
editor.customConfig.debug=tru=true;
editor.create()
() var editor_value=$('.content').html();
editor.txt.html(edi(editor_value);
其中uploadImgServer就是上傳文本内容中圖檔的接口，uploadFileName就是根目錄下上傳圖檔的檔案夾名了,uploadImgMaxSize就是定義上傳圖檔的最大大小
這些配置填寫好後，在需要插入富文本框的地方加入如下代碼：
p中的id一定要是editor,然後在js裡面寫editor.create()就可以建立富文本框了,效果如下：
相關推薦：