uniapp富文本文字长按选中(用于复制,兼容H5、APP、小程序三端)

本文讲述了如何在小程序中使用u-parse时,针对selectable属性的兼容性问题进行改造,涉及到uni-app的rich-text组件和iOS的复制功能。作者首先指出原始u-parse的不兼容性,然后详细描述了改造过程,包括将selectable属性引入trees组件并处理uni-apprich-text组件的用户选择行为以实现复制功能在iOS上的兼容。
摘要由CSDN通过智能技术生成

方案:使用u-parse的selectable属性

<u-parse :selectable="true" :html="content"></u-parse>

注意:u-parse直接使用是不兼容小程序的,需要对u-parse进行改造:

1. 查看u-parse源码发现小程序走到以下逻辑:(没有传入selectable属性,需要将selectable传入trees组件)

改造前:

 改造后:

2. 进入trees组件,找到富文本展示逻辑,发现使用uni-app的rich-text,支持selectable属性。

改造前: 

改造后:(由于uniapp rich-text ios无法实现复制功能,故加上:user-select="selectable"兼容ios)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值