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

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

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

实现方式:

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

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

实现代码和效果展示:

代码:

js代码:

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

效果图:

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

你可能感兴趣的:(Web前端,uni-app,微信小程序,小程序放大预览富文本中的图片,小程序实现保存富文本中的图片,H5放大预览富文本中的图片,H5保存富文本中的图片实现,预览)