微信小程式(wxParse)實現html格式內容

2021-09-24 08:00:05 字數 913 閱讀 7204

下面是具體的使用步驟:

@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使用

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.在 你需要引用這個外掛程式的...