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)

相关推荐
qq_458563811 分钟前
通过excel导入数据
java·excel
○陈2 分钟前
vue面试题|[2025-1-3]
前端·javascript·vue.js
南─7 分钟前
深入解析 Redisson 分布式限流器 RRateLimiter 的原理与实现
java·分布式·redisson
转转技术团队8 分钟前
2024转转技术年货发布啦
前端·后端·测试工具·架构
m0_7482405412 分钟前
Springboot 3项目整合Knife4j接口文档(接口分组详细教程)
java·spring boot·后端
阿松のblog15 分钟前
蓝桥杯JAVA--003
java·职场和发展·蓝桥杯
bst@微胖子18 分钟前
Python实现接口签名调用
android·java·python
远洋录20 分钟前
Tailwind CSS 实战:动画效果设计与实现
前端·人工智能·react
莫名其妙小饼干24 分钟前
记忆旅游系统|Java|SSM|VUE| 前后端分离
java·开发语言·maven·mssql
靳向阳24 分钟前
CSS层叠样式表
前端·css