富文本解析wxParser和Parser二者使用体验

我们在开发资讯类小程序的时候,都需要对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下载地址和官方帮助链接点击下方“获取链接”可直达。