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

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

环境：使用微信小程序环境或者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)
	}
},
SeeDatu(imgUrl) {
	uni.previewImage({
		urls: [imgUrl],
		current: '', // 当前显示图片的http链接，默认是第一个
		success: function(res) {},
		fail: function(res) {},
		complete: function(res) {},
	})
}，

效果图：