APP比比

我们在开发资讯类小程序的时候，都需要对xHtml😊进行小程序代码转义。而当前使用最多的两个开源小程序富文本解析组件是wxParser和Parser。

wxParser算是老大哥了，由知晓云团队开发。也是很多小程序当前在使用的，但是其缺点也比较多，首先包大小就达到上百Kb，调用的方法也需要引入脚本和页面temp，在今年3月份团队上架了wxParser插件，使调用方式简化了很多，但自定义方式上差强人意。

Parser是近期APP比比选用的富文本组件，它通过自定义组件引入的方式进行调用，如果对自定义组件有了解的可以很方便进行传值定义自己的样式，最让我感到欣慰的是包大小只有44Kb。

你可以看到APP比比在Parser上对富文本进行了如下优化改造：

1.单图支持边距显示和宽屏显示

这是有边距的图片显示（圆角，可带说明）

这是宽屏显示图片（无边距）

2.视频支持1:1，4:3，16:9，手机竖屏显示

这是1:1显示的视频（以下所有视频均支持自定义自动播放、是否显示播放条、重复播放、静音等操作）

这是4:3显示的视频

这是16:9显示的视频

这是手机竖屏显示的视频

3.画廊支持横向滑动显示

这是多图显示的画廊（点击后横向切换滑动）

• 

• 

• 

• 

4.图片不用点击长按即可进行识别二维码

图片支持长按或者点击后进行分享或者识别图片二维码

5.支持插入文章链接跳转

可进行跳转至其他文章，例如跳转到我的作品、应用等

6.点击复制链接或者文本提示的内容可自定义

复制链接和复制文本的提示可单独自定义

这是一个点击可复制的链接https://gitee.com/week7day/wx-booker

这是一个点击可复制的文本提取码：kt12

7.支持插入代码

插入代码的样式比较简单

{
  "desc": "关于本文件的更多信息，请参考文档 https://developers.weixin.qq.com/miniprogram/dev/framework/sitemap.html",
  "rules": [{
  "action": "allow",
  "page": "*"
  }]
}

8.插入音频

音频貌似播放不了声音（微信官方提示不再维护audio，需要使用新的播放器组件），这个希望官方早些给出解决方能

其他关于Parser的体验官方小程序有展示，可直达跳转体验

希望上面的一点总结对你有所帮助，wxParser和Parser的github下载地址和官方帮助链接点击下方“获取链接”可直达。