网页和小程序实现放大预览富文本中的图片

需求:网页和小程序实现放大预览富文本中的图片

环境:使用微信小程序环境或者uniapp环境开发

实现方式:

通过 rich-text 组件的 itemclick 事件实现

实现代码和效果展示:

代码:

<rich-text :nodes="details.contentHtml" preview  @itemclick ="itemclick"></rich-text>

js代码:

itemclick(e){
	console.log('eeeeeeeee',e);
	if(e.detail.node.name=='img'){
		let img =e.detail.node.attrs.src
		this.SeeDatu(img)
	}
},

效果图:

相关推荐

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2023-12-30 01:24:03       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2023-12-30 01:24:03       100 阅读
  3. 在Django里面运行非项目文件

    2023-12-30 01:24:03       82 阅读
  4. Python语言-面向对象

    2023-12-30 01:24:03       91 阅读

热门阅读

  1. @staticmethod函数装饰器

    2023-12-30 01:24:03       53 阅读
  2. 有序数组的平方

    2023-12-30 01:24:03       55 阅读
  3. 深入探讨在SpringBoot中分布式锁的实现与应用

    2023-12-30 01:24:03       45 阅读
  4. RecyclerView刷新显示的问题

    2023-12-30 01:24:03       54 阅读
  5. 接收多个参数的函数——python

    2023-12-30 01:24:03       53 阅读
  6. Vue3自定义指令与Composition API实现动态权限控制

    2023-12-30 01:24:03       62 阅读
  7. Linux sed 命令

    2023-12-30 01:24:03       63 阅读
  8. 第八章 创建Callout Library - ZFentry 链接选项

    2023-12-30 01:24:03       60 阅读
  9. 【CISSP学习笔记】7. 安全评估与测试

    2023-12-30 01:24:03       56 阅读
  10. AE学习笔记十--------------3Dmax协作-三维场景合成

    2023-12-30 01:24:03       62 阅读
  11. 安卓下Application和Activity的Context获取

    2023-12-30 01:24:03       53 阅读
  12. 使用ZMQ.proxy实现ZMQ PUB消息转发

    2023-12-30 01:24:03       54 阅读
  13. [递归] 指数型枚举

    2023-12-30 01:24:03       50 阅读