富文本解析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,需要使用新的播放器组件),这个希望官方早些给出解决方能

官方引入了自定义audio组件

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

富文本插件

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

浅淡豆瓣FM6.0.7的交互

这是唯一一个删了过了很久还会惦记的音乐软件。

一位打五星的用户如此评价

体验了一段时间之后,我越来越确定,那个懂你、懂我、懂音乐的豆瓣电台,回来了。

新设计,只有两个手势

几乎每经历一次大版本更新,豆瓣 FM 的交互就要推倒重做,但 6.0 可能是最后一次——因为交互实在简单,又很好用。

新版豆瓣 FM 的交互,主要围绕两个手势展开——滑动、点按。

打开豆瓣 FM 6.0,你首先看到的是播放界面,左边是专辑封面,右边则是歌曲信息,右下方,是豆瓣 FM 最经典的三个按钮——垃圾桶、播放键和红心。

没了。

没有一张张豆瓣歌单,也没有繁复的音乐地图,甚至连「豆瓣 FM」几个字都没有。

简单干净,这就是新版豆瓣 FM 给人的第一印象。

下滑切歌,至于上滑,你就「回不去了」——豆瓣 FM 的老用户都知道,听电台,没有「上一首」。

专辑封面切换、收束、打开都恰到好处,你很容易就会回想起,在闲适的秋日午后,在一个个牛皮纸箱里翻箱倒柜、满头细汗,只为了找到一张心仪唱片的熟悉感觉。

新的豆瓣 FM 试图传达一种强烈的信号:

这里的音乐没有杂质,听歌,就对了。

当然,你并非无法选择。

播放界面右滑,可以看到被隐藏起来的菜单,其中既有根据你的听歌品味进行算法推荐的「私人兆赫」,也有专业音乐编辑精挑细选的「豆瓣精选」,还有区分心情、语言、风格等 35 个不同的具体标签,隐藏的数十张歌单,足以筛选出你喜欢的音乐类型。

播放界面左滑,则是每日四张的精选歌单。这些歌单由豆瓣 FM 专业的编辑团队进行人工筛选

点击左边的「小耳朵」可以试听 15 秒,一下子就知道对不对味。

继续左滑,可以切换到你的个人主页,你点了「红心」的歌曲、自创或收藏的歌单、你喜欢的音乐编辑等,都可以在这里找到。

以上,就是新版豆瓣 FM 几乎所有的交互——

通过滑动来快速切换听歌的状态,是想听私人电台,还是编辑推荐,抑或是已经收藏的歌曲?左右滑动就能快速定位。