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

方案:使用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)

相关推荐
二十雨辰1 分钟前
[作品集]-容易宝
java·开发语言·前端
栈狮6 分钟前
uniApp使用支付宝云开发问题集合
uni-app
Heyuan_Xie9 分钟前
uni-app facebook登录
uni-app·uni-app插件
Heyuan_Xie10 分钟前
uni-app OCR图文识别
uni-app·ocr·uni-app插件
恋猫de小郭19 分钟前
iOS 26 开始强制 UIScene ,你的 Flutter 插件准备好迁移支持了吗?
android·前端·flutter
Asort20 分钟前
JavaScript设计模式(二十一)——策略模式:灵活算法的艺术与实战
前端·javascript·设计模式
黑云压城After26 分钟前
3D魔方-Css实现方法
前端·css·3d
沐浴露z28 分钟前
一篇文章详解Kafka Broker
java·分布式·kafka
Nero1830 分钟前
代码随想录二刷第二十一天 | 222.完全二叉树的节点个数、110.平衡二叉树、257. 二叉树的所有路径、404. 左叶子之和、513.找树左下角的值
java
扶苏-su32 分钟前
Java---StringBuilder
java·开发语言