我们在开发资讯类小程序的时候,都需要对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组件
音频貌似播放不了声音(微信官方提示不再维护audio,需要使用新的播放器组件),这个希望官方早些给出解决方能
其他关于Parser的体验官方小程序有展示,可直达跳转体验


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