《c程序设计》精品课程网站建设,专业企专业企业网站设计,商丘做网站汉狮网络,wordpress 单栏 宽屏前言
使用原生小程序开发#xff0c;实现在富文本rich-text中的图片预览效果的几种方法对比。
1.正则wx.previewImage#xff08;有明显不足#xff09;
一个不需要用额外组件或插件的方法#xff1a; 思路#xff1a;使用正则把图片的url进行剖离出来#xff0c;push…前言
使用原生小程序开发实现在富文本rich-text中的图片预览效果的几种方法对比。
1.正则wx.previewImage有明显不足
一个不需要用额外组件或插件的方法 思路使用正则把图片的url进行剖离出来push进一个数组中点击富文本组件运行wx.previewImage方法。 不足在预览图片时无法知道用户点击的当前是哪个图片。所以含有多张图片时预览始终会从第一张图片开始只能左右滑动。 参考
2.小程序富文本组件mp-htmluniapp可用 一个强大的小程序富文本组件 github地址与使用方法 gitee功能详细介绍 思路安装组件包并注册使用 优势支持在多个主流的小程序平台和 uni-app 中使用
3.小程序插件wxParser-plugin
github地址与使用方法 wxParser-plugin 为 wxParser 的微信小程序插件版本与 wxParser 相比wxParser-plugin 减少了很多繁琐的使用步骤同时简化了接口。 最后选择使用这个方法实现更简单轻量。
该插件的使用过程
登录微信公众平台小程序。右下角菜单“设置” - 第三方设置 - 插件管理根据github上提供的使用方法继续即可。版本号也按照它说的来。在插件管理里好像是0.4.0但是使用有点问题
完成
还是很简单的~
参考【微信小程序】添加插件 并配置
富文本的简介和图片预览实现的原理
