微信小程序实战十二：uni集成富文本显示图片及视频

博主逸尘

已于 2024-09-12 19:36:39 修改

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

分类专栏：微信小程序文章标签：微信小程序 uni

于 2022-06-10 10:56:10 首次发布

本文链接：https://blog.youkuaiyun.com/qq_16497617/article/details/125217605

微信小程序专栏收录该内容

16 篇文章 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了在微信小程序中使用uni-app进行富文本显示，详细讲述了如何处理图片点击事件，避免图片预览并实现点击图片跳转至详情页的实战步骤，包括数据接收、页面布局、源码修改等环节。

文章目录

1.效果预览
2.数据接收及页面布局
3.图片点击事件处理
4.修改u-parse源码
5.事件中添加阻止图片预览

1.效果预览

点击图片跳转详情页并解决图片弹框预览问题

2.数据接收及页面布局

content中的数据如下

content: "<p><video controls=\"\" src=\"xx.mp4\" width=\"640\" height=\"360\" class=\"note-video-clip\"></video><br></p><p><img src=\"data:image/jpeg;base64,xxx" data-filename=\"mmexport1647243741058.jpg\" style=\"width: 800px;\"></p><p><video controls=\"\" src=\"xx2.mp4\" width=\"640\" he

了解本专栏