首先我們?cè)趃ithub上下載wxParse
下載鏈接:wxParse
下載完之后我們需要用到目錄下的wxParse文件夾羡蛾,把他拷貝到我們的項(xiàng)目目錄下
下面是具體使用步驟:
1.在app.wxss全局樣式文件中,需要引入wxParse的樣式表
```
@import"/page/wxParse/wxParse.wxss";??
```
2.在需要加載html內(nèi)容的頁面對(duì)應(yīng)的js文件里引入wxParse
? ```
? varWxParse =require('../../wxParse/wxParse.js');
```
3.通過調(diào)用WxParse.wxParse方法來設(shè)置html內(nèi)容
4.在頁面中引用模板
記錄微信小程序解析富文本碰到的問題 :
1.IOS端富文本滑動(dòng)不流暢的問題
根本問題是富文本展示區(qū)域的滾動(dòng)條跟整體頁面的滾動(dòng)條有一定沖突他嫡,導(dǎo)致滾動(dòng)條不流暢送悔;
解決辦法
????wxParse.wxss中有如下代碼
```? ??
view{word-break: break-all;overflow: auto;}? ?
```
修改為:
```
? ? .detailview{word-break: break-all;height: auto;overflow: hidden;}
```
????detial為wxParse解析模板的父節(jié)點(diǎn)
2. 安卓手機(jī)扯再,解析出現(xiàn)錯(cuò)誤
錯(cuò)誤信息传黄,console.dir is not a function
是因?yàn)樵趆tml2json.js文件中有console.dir的方法在安卓中不兼容,將其修改為console.log即可