百度小程序html解析图片过大_卓象程序员：小程序解析HTML富文本方法二

方法一，请查看上一篇文章。

---

方法二：插件方式引入

优势：解析能力强，样式得以保留

缺点：多次调用小程序setData方法，效率低

Step1: 准备文件

1、下载

2、解压缩后目录：

3、将wxPares文件夹，拷到小程序项目的根目录：

Step2: 配置文件

1、将wxParse.wxml配置到需要展示内容的页面里

2、将wxParse.wxss配置到全局的css里

3、将wxParse.js配置到页面的js里

并保存到变量里，方便后续调用。

Step3: 调用wxParse进行转换

参数说明：

wxParse.wxParse(bindName , type, data, target,imagePadding)

1)bindName绑定的数据名(必填)

2)type可以为html或者md(必填)

3)data为传入的具体数据(必填)

4)target为Page对象,一般为this(必填)

5)imagePadding为图片自适应padding(默认为0,可选)，默认0就好

注：wxParse会根据你添加的bindName名，动态的生成data数据项，将转换好数据存放到此bindName数据里(下图)

Step4: 将转换好的数据，应用到页面里

查看页面中图片与食品是否解析正确，同时样式是否丢失，无问题，则完成。

​