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)

相关推荐
Maynor9961 天前
OpenClaw 玩家必备:用 AI 自动追踪社区最新动态
java·服务器·人工智能
堕2741 天前
java数据结构当中的《排序》(一 )
java·数据结构·排序算法
亓才孓1 天前
[Class的应用]获取类的信息
java·开发语言
开开心心就好1 天前
AI人声伴奏分离工具,离线提取伴奏K歌用
java·linux·开发语言·网络·人工智能·电脑·blender
爱喝白开水a1 天前
前端AI自动化测试:brower-use调研让大模型帮你做网页交互与测试
前端·人工智能·大模型·prompt·交互·agent·rag
董世昌411 天前
深度解析ES6 Set与Map:相同点、核心差异及实战选型
前端·javascript·es6
80530单词突击赢1 天前
JavaWeb进阶:SpringBoot核心与Bean管理
java·spring boot·后端
爬山算法1 天前
Hibernate(87)如何在安全测试中使用Hibernate?
java·后端·hibernate
云姜.1 天前
线程和进程的关系
java·linux·jvm
是码龙不是码农1 天前
支付防重复下单|5 种幂等性设计方案(从初级到架构级)
java·架构·幂等性