点击事件里,可以获取的内容是点击的坐标(x,y),这个x和y是rich-text实际的坐标,而不是屏幕上的坐标。简单来说,已经可以知道用户点击的具体位置。 找到点击的图片 因为知道了用户点击Rich-Text的位置,接下来需要找到图片渲染后所在的位置。可以通过createSelectorQuery()进行查询。 swan.createSelectorQuery().selectA...
wx.previewImage({ current: imgs[0], // 当前显示图片的http链接 urls: imgs }) } }, 不足&Tip: 1、点击事件是加在富文本组件rich-text上的,渲染到页面也是一样,并不会把富文本中的dom渲染在页面中; 2、在预览图片时,无法知道用户点击的当前是哪个图片。所以,含有多张图片时,预览始终会从第一张图片...
方案:将html文本里面的图片地址保留起来,然后做一个长按/双击事件,放手后进行预览图片地址(缺点:无法确定长按的是那一张,全部展示) html <viewclass="text-content"style="max-height: max-content;"><!--双击--><rich-textbindtap="doubleClick"user-select nodes="{{JournalismDetailDto.thisDetail.journalismC...
js // 富文本点击事件richTextClick(){// 富文本constrichContent=this.data.content;// 判断含有图片if(richContent.indexOf("src")>=0){constimgs=[];richContent.replace(/]*src=['"]([^'"]+)[^>]*>/gi,function(match,capture){imgs.push(capture);})wx.previewImage({current:imgs[0],//...
bug / rich-text iOS,Android iPhone 11.13.0.24 3.0.39 主体内容是通过 <rich-text class="u-font-cont" selectable="true" nodes="{{content}}"></rich-text> 渲染的,如何实现图片点击放大预览,不能给trich-text里面的图片加点击事件吗 API/组件 最后一次编辑于 2019-10-23 点赞 0个赞 回答区 ...
小程序富文本rich-text如何单击预览图片并保存? 请教大家,小程序的富文本组件,如何定位用户点的是第几张图? 完全没有思路,,, 【预览图片】网上有很多文章,可以在节点中,找到所有图片路径,然后调用预览图片的接口,这里不抄写了 https://cloud.tencent.com/developer/article/1631796...
因为这个数组里可能会有多张图片,所以每次都是第一张开始预览
你好,目前暂不支持此功能。
1.官方的rich-text组件 优点:从第三方复制过来的文章(带html格式)基本上解析90%; 痛点:rich-text组件屏蔽了所有节点的事件。无法做到点击预览图片,点击图片跳转小程序页面等功能。 2.第三方插件wxparse 优点:可以插入页面跳转功能,图片预览功能。 痛点:当内容比较多时,解析巨慢;从第三方网站复制过来的文章(带html格...
富文本格式(Rich Text Format)即RTF格式,又称多文本格式,是由微软公司开发的跨平台文档格式。大多数的文字处理软件都能读取和保存RTF文档。它是一种方便于不同的设备、系统查看的文本和图形文档格式。 RTF使用美国国内标准协会(ANSI)、 PC-8、 Macintosh(mac苹果),或 IBM 的 PC 字符设置控制显示形式和打印形式。