這篇文章帶給大家的內容是關於jQuery的富文本外掛:wangEditor外掛的使用方法,有一定的參考價值,有需要的朋友可以參考一下,希望對你有幫助。
開發時常會用到富文本,今天記錄這個wangEditor也是一個非常好用的富文本外掛。直接上圖使用方法:
1、先是下載插件,這個大家就自行到百度上下載吧
2、引入插件檔案(兩個js,一個css)
3 、然後就在js程式碼裡面定義富文本編輯器了
<script type="text/javascript"> 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); </script>
其中uploadImgServer就是上傳文字內容中圖片的接口,uploadFileName就是根目錄下上傳圖片的資料夾名了, uploadImgMaxSize就是定義上傳圖片的最大大小
這些配置填寫好後,在需要插入富文本框的地方加入如下代碼:
<p id="editor"></p>
p中的id一定要是editor,然後在js裡面寫editor.create()就可以創建富文本框了,效果如下:
#相關推薦:
以上是jQuery的富文本外掛:wangEditor外掛的使用方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!