微信小程序富文本解析wxParse的使用

首先我們?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即可

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容