百度小程序富文本解析工具bdParse

参考资料：https://blog.****.net/fengye002011/article/details/82947065。

在做百度小程序解析带有图片的html的时候。特别要注意的是，百度小程序css样式会大于bdParse.css。在调整样式的时候尽量不要修改bdParse.css。

本人在使用过程遇到了这样的问题：刚开始html解析出来，小程序整个页面都可以滑动了，而且比较难看。

查找问题原因有两点：

1.页面样式覆盖了bdParse.css部分样式，页面使用bdParse的盒子有间距，我这里是margin。

2.图片过大，解析产生的图片大小查出小程序屏幕大小，导致可以滑动整个页面。

继续查找原因，找到这里在计算图片宽高。

显然有问题，计算出来的图片依然大于手机屏幕，果断注释掉这块代码，直接看使用员图片大小会是神马效果，果然正常了许多。（注：红框中是我尝试修改计算公式，后面使用的原图大小，已经没用到了）

后面又定位到image图片大小的地方，在bdParse.swan找到有两处。

在这里，我删除了style，也就是设置图片大小的样式。这里为什么删除呢，因为我想得是mode="aspectFit"这个属性已经是在所图片的缩放了，就不需要设置它的大小了。我做到这部页面已经正常了。

到这里，页面解析的文本还有点问题：文本内容行间距很紧凑，没有首行没有缩进。于是我通过之前提到过的方法（页面css大于bdParse.css），去修改样式。确实是成功了，但是又出现了点小问题，那是因为class中的name是动态解析的，所以还得在bdParse上面改。

这个是配合这个使用的，去除图片盒子的缩进。这里面也增加了解析文本的行间距和字体大小等样式。

以上是我使用bdParse的经验分享。做微信小程序也可以用同样的方式。