WxParse解決html標(biāo)簽解析煩惱
發(fā)布時(shí)間：2018-04-17 10:26 所屬欄目：小程序開發(fā)教程
|
大家在開發(fā)的過程中，一定會(huì)遇到需要解析html標(biāo)簽的地方舉個(gè)栗子：后臺(tái)管理系統(tǒng)用戶會(huì)有編輯富文本的需求，編輯好后的內(nèi)容需要在前臺(tái)解析展示。 但后臺(tái)使用的html標(biāo)簽，和微信的自定義標(biāo)簽無法通用，這個(gè)時(shí)候我們就需要用的工具來解析這些html字符串。 方法一： 在微信小程序里我們最常用的就是 方法二：使用WxParse插件 WxParse-->GitHub地址：https://github.com/icindy/wxParse，上面的使用方法非常清楚 接下來做些簡(jiǎn)單的使用示例，有不對(duì)的地方還請(qǐng)指正 首先你需要在你的project中引入這些必要的文件 如圖示:  你可以把這些文件放在utils文件內(nèi)，或者像我這樣放在一個(gè)單獨(dú)的文件夾內(nèi) okay,接下來我們看看后臺(tái)返回的html字符串  嗯，就是普通的html，I like it. 準(zhǔn)備工作完畢后，我們可以開始使用這個(gè)插件了 在你需要使用解析html的page頁(yè)內(nèi)的js文件中，引入wxParse.js  在data中添加一個(gè)key用于存儲(chǔ)后天返回的html字符串，當(dāng)然了，你也可以不添加這個(gè)key，我只是為了方便調(diào)試輸出。  好噠，js這部分的處理我們暫時(shí)放一下，現(xiàn)在我們來引入模板文件 在當(dāng)前頁(yè)的wxml文件中引入WxParse.wxml，這一步不要搞錯(cuò)了你的路徑哦。  使用template組件  處理完畢后，我們?cè)倩氐絡(luò)s部分，簡(jiǎn)單的處理下 使用WxParse中的方法  okay，至此你就可以解析那些煩人的html字符串啦 |
易優(yōu)小程序（企業(yè)版）+靈活api+前后代碼開源
碼云倉(cāng)庫(kù):
本文地址：http://m.chqfk.com/wxmini/doc/course/23539.html 復(fù)制鏈接
如需定制請(qǐng)聯(lián)系易優(yōu)客服咨詢： 點(diǎn)擊咨詢
