微信小程序使用wxParse解析html代码

使用方法:https://github.com/icindy/wxParse官网写的很清楚

存在的问题:

1.IOS端富文本滑动不流畅的问题

根本问题是富文本展示区域的滚动条跟整体页面的滚动条有一定冲突,导致滚动条不流畅;

解决办法:

wxParse.wxss中有如下代码

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

修改为:

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

2. 安卓手机,解析出现错误

错误信息,console.dir is not a function
是因为在html2json.js文件中有console.dir的方法在安卓中不兼容,将其修改为console.log即可

 


3、网页后台编辑器里面的图片如果上传的时候采用了相对路径,在wxparse里就不能正常显示

 解决办法:

html2json.js   这个文件的这段代码的imgurl,前面加一个你的域名,这样在你使用的时候,就会自动添加上域名了。

微信小程序使用wxParse解析html代码

修改后为:

微信小程序使用wxParse解析html代码

还可以将html2json.js中的__placeImgeUrlHttps的https修改为图片的拼接地址即可

微信小程序使用wxParse解析html代码