這篇文章主要介紹了如何讓layui支持wangEditor編輯器，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

讓客戶滿意是我們工作的目標，不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領域值得信任、有價值的長期合作伙伴，公司提供的服務項目有：主機域名、虛擬空間、營銷軟件、網(wǎng)站建設、南城網(wǎng)站維護、網(wǎng)站推廣。

讓layui支持wangEditor編輯器的方法：

wangEditor.min.js模塊代碼

比如引用一個123.js"123.js" 基本配置編輯器模塊代碼如下layui.config({      base: '../lib/wang/' //wangEditor.min.js目錄，根據(jù)自己存放位置修改// 比如我的位置：lib/wang/wangEditor.min.js});layui.define(function(exports) {      exports('wangeditor.min', function(){       demo:demo//這句沒用，只是測試      });});//核心來了layui.use(['layer', 'form','wangeditor.min'], function(){  var layer = layui.layer  ,form = layui.form  ,wang=layui.wangeditor('wang');  wang.create(); //創(chuàng)建編輯器//一般在執(zhí)行按鈕操作時使用 var html = wang.$txt.html(); // 獲取內(nèi)容,更多方法，請wangEditor編輯器官網(wǎng) console.log(html);//一般在執(zhí)行按鈕操作時使用});

//富文本編輯器配置圖片上傳  wang.config.uploadImgUrl = '../page/upload/upload.aspx '//調(diào)用后臺方法  wang.config.uploadImgFileName = 'file'// 可自己定義  wang.config.uploadHeaders = {'Accept' : 'text/x-json'};//后臺上傳返回代碼 //圖片上傳失敗。Response.Write "error|返回的信息"  根據(jù)自己的程序相應輸出 ------------成功返回-------------直接輸出圖片路徑地址：如 "/upload/xxxx.jpg"------------成功返回-------------error|返回的信息

下面簡單介紹賦值編輯器內(nèi)容，一般用到文章編輯

編輯頁面

這里是數(shù)據(jù)庫讀取的文章內(nèi)容var editorhtml=$("#content").val() //獲取 textarea的內(nèi)容wang.$txt.html(editorhtml);// 將內(nèi)容添加到編輯器里

感謝你能夠認真閱讀完這篇文章，希望小編分享的“如何讓layui支持wangEditor編輯器”這篇文章對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)網(wǎng)站建設公司，，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識等著你來學習!

網(wǎng)頁題目：如何讓layui支持wangEditor編輯器-創(chuàng)新互聯(lián)
網(wǎng)站鏈接：http://weahome.cn/article/ddidjs.html