微信小程式 使用wxParse解析html

2022-07-24 07:06:09 字數 1959 閱讀 5475

下面是具體的使用步驟：

@import "/page/wxparse/wxparse.wxss";
2.在需要載入html內容的頁面對應的js檔案裡引入wxparse

var wxparse = require('../../wxparse/wxparse.js');
3.通過呼叫wxparse.wxparse方法來設定html內容

/**


* wxparse.wxparse(bindname , type, data, target,imagepadding)


* 1.bindname繫結的資料名(必填)


* 2.type可以為html或者md(必填)


* 3.data為傳入的具體資料(必填)


* 4.target為page物件,一般為this(必填)


* 5.imagepadding為當自適應是左右的單一padding(預設為0,可選)


*/

page(,


onload: function () ,


header: ,


success: function(res) 


})}})
4.在頁面中引用模板



/**


* wxparse.wxparsetemarray(temarrayname,bindnamereg,total,that)


* 1.temarrayname: 為你呼叫時的陣列名稱


* 3.bindnamereg為迴圈的共同體 如繫結為reply1，reply2...則bindnamereg = 'reply'


* 3.total為reply的個數


*/var that = this;


wxparse.wxparsetemarray("replytemarray",'reply', replyarr.length, that)




var replyhtml0 = `wxparse回覆0:不錯，喜歡[03][04] 


`; var replyhtml1 = `wxparse回覆1:不錯，喜歡[03][04] 


`; var replyhtml2 = `wxparse回覆2:不錯，喜歡[05][07] 


`; var replyhtml3 = `wxparse回覆3:不錯，喜歡[06][08] 


`; var replyhtml4 = `wxparse回覆4:不錯，喜歡[09][08] 


`; var replyhtml5 = `wxparse回覆5:不錯，喜歡[07][08] 


`; var replyarr = ; 


replyarr.push(replyhtml0); 


replyarr.push(replyhtml1); 


replyarr.push(replyhtml2); 


replyarr.push(replyhtml3); 


replyarr.push(replyhtml4); 


replyarr.push(replyhtml5); 


for (let i = 0; i < replyarr.length; i++)  


}


回覆}:
1、.wxml檔案:


引入wxparse.wxml：;


引用模板....


2、js檔案：


//引入檔案

				
微信小程式 wxParse使用
github 碼雲 在需要使用的頁面上使用wxparse 在我開發的專案中使用時我已經設定富文字顯示的寬度，直接使用wxparse是出現顯示的大小超出了設定的寬度 wxparse.wxml檔案修改 wxparse.js修改 我已經設定的的width 100 mode widthfix 之後wxpar...

				
微信小程式  wxParse使用方法
如下圖 路徑根據你實際情況修改 路徑根據你實際情況修改 import wxparse wxparse.wxss 路徑根據你的實際情況更改 var wxparse require wxparse wxparse.js wxparse.wxparse bindname type,data,target,...

				
微信小程式  wxParse使用方法
2.在 你需要引用這個外掛程式的 wxml 檔案中引用 wxparse.wxml 路徑根據你實際情況修改 3.在 你需要引用這個外掛程式的 wxss 檔案中引用 wxparse.wxss 路徑根據你實際情況修改 import wxparse wxparse.wxss 4.在 你需要引用這個外掛程式的...