微信小程式使用wxParse解析html的實現示例
最近專案上遇到在微信小程式裡需要顯示新聞內容,新聞內容是通過介面讀取的伺服器中的富文字內容,是html格式的,小程式預設是不支援html格式的內容顯示的,那我們需要顯示html內容的時候,就可以通過wxParse來實現。
首先我們在github上下載wxParse
下載完之後我們需要用到目錄下的wxParse資料夾,把他拷貝到我們的專案目錄下
下面是具體的使用步驟
1.在app.wxss全域性樣式檔案中,需要引入wxParse的樣式表
1 |
|
2.在需要載入html內容的頁面對應的js檔案裡引入wxParse
1 |
|
3.通過呼叫WxParse.wxParse方法來設定html內容
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 |
function () {
|
4.在頁面中引用模板
1 2 |
|
這樣就可以在微信小程式中嵌入html內容了
wxParse多資料迴圈使用方法
方法介紹
1 2 3 4 5 6 7 8 |
|
使用方式
迴圈繫結資料
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
|
模版使用
1 2 3 |
|
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支援主機吧。