微信小程序中如何使用wxParse解析html
|
最近項目上遇到在微信小程序里需要顯示新聞內(nèi)容，新聞內(nèi)容是通過接口讀取的服務(wù)器中的富文本內(nèi)容，是html格式的，小程序默認(rèn)是不支持html格式的內(nèi)容顯示的，那我們需要顯示html內(nèi)容的時候，就可以通過wxParse來實現(xiàn)。 準(zhǔn)備工作： 首先我們下載wxParse github地址：https://github.com/icindy/wxParse 下載完之后我們需要用到目錄下的wxParse文件夾，把他拷貝到我們的項目目錄下
下面是具體的使用步驟 1、在app.wxss全局樣式文件中，需要引入wxParse的樣式表
2、在需要加載html內(nèi)容的頁面對應(yīng)的js文件里引入wxParse 這里需要說明一下，我們先看網(wǎng)上說的，以下是截圖：
這種做法，是針對當(dāng)前頁面只有資訊詳細(xì)信息，沒有其他內(nèi)容，比如：標(biāo)題，日期，縮略圖等等。如果需要運用自己的布局，可以這樣做，如圖：
3、引入js并加載數(shù)據(jù)
下面我們來簡單的說一下wxParse參數(shù)說明 * WxParse.wxParse(bindName , type, data, target,imagePadding) * 1.bindName綁定的數(shù)據(jù)名(必填) * 2.type可以為html或者md(必填) * 3.data為傳入的具體數(shù)據(jù)(必填) * 4.target為Page對象,一般為this(必填) * 5.imagePadding為當(dāng)圖片自適應(yīng)是左右的單一padding(默認(rèn)為0,可選) 總結(jié) 以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助，如果有疑問大家可以留言交流，謝謝大家對我們的支持。 |
