首先用法就不在這里說明了，附上github地址 https://github.com/icindy/wxParse

1.IOS端富文本滑動不流暢的問題

根本問題是富文本展示區(qū)域的滾動條跟整體頁面的滾動條有一定沖突，導致滾動條不流暢；

解決辦法
wxParse.wxss中有如下代碼

view {
  word-break: break-all;
overflow: auto;
}

修改為：

.detail view {
  word-break: break-all;
  height: auto;
  overflow: hidden;
}

detial為wxParse解析模板的父節(jié)點

    <view class='detail'>
      <template is="wxParse" data="{{wxParseData:article.nodes}}" />
    </view>

2. 安卓手機，解析出現(xiàn)錯誤

錯誤信息，console.dir is not a function
是因為在html2json.js文件中有console.dir的方法在安卓中不兼容，將其修改為console.log即可

3. 服務端使用vue-quill-editor富文本插件編輯導致樣式解析不了

使用vue-quill-editor編輯富文本，查看轉(zhuǎn)換后的html內(nèi)容，發(fā)現(xiàn)使用class來控制文本的樣式的，所以在使用wxParse解析的時候需要在wxParse.wxss中將vue-quill-editor的樣式引入進去。
獲取vue-quill-editor的樣式文件的辦法

image.png

image.png

在富文本中輸入文字后選用large字體，然后檢查元素，會發(fā)現(xiàn)在標簽上加了一個class為ql-size-huge，

image.png

在style窗口里可以找到css的源文件
將源文件引入到wxParse.wxss中就可以順利解析vue-quill-editor編輯的富文本了