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