前言
最近專案上遇到在微信小程式裡需要顯示新聞內容,新聞內容是通過介面讀取的伺服器中的富文字內容,是html格式的,小程式預設是不支援html格式的內容顯示的,那我們需要顯示html內容的時候,就可以通過wxparse來實現。
準備工作:
首先我們**wxparse
github位址:
本地**:
wxparse
**完之後我們需要用到目錄下的wxparse資料夾,把他拷貝到我們的專案目錄下
下面是具體的使用步驟
1、在app.wxss全域性樣式檔案中,需要引入wxparse的樣式表
@import "/page/wxparse/wxparse.wxss";
2、在需要載入html內容的頁面對應的js檔案裡引入wxpar程式設計客棧se
var wxparsewww.cppcns.com = require('../../wxparse/wxparse.js');
3、通過呼叫wxparse.pzpndwxparse方法來設定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、在頁面中引用模板
這樣就可以在微信小程式中嵌入html內容了
總結本文標題: 微信小程式中顯示html格式內容的方法
本文位址:
微信小程式(wxParse)實現html格式內容
下面是具體的使用步驟 import page wxparse wxparse.wxss 複製 2.在需要載入html內容的頁面對應的js檔案裡引入wxparse var wxparse require wxparse wxparse.js 複製 3.通過呼叫wxparse.wxparse方法來設定h...
微信小程式中顯示html富文字的方法
二 在要引入的頁面的js檔案中,引入檔案 js檔案中 var wxparse require weui wxparse wxparse.js css檔案中 import weui wxparse wxparse.wxss 頁面中 weui wxparse wxparse.wxml 三 資料繫結 在p...
微信小程式插入HTML
二 在要插入的頁面引入包 1.1 js配置如下 var wxparse require wxparse wxparse.js success function result error function object error 1.2.wxml 如下 1.3 wxss如下 import wxpar...