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)

相关推荐
望眼欲穿的程序猿4 分钟前
Vscode Clangd 无法索引 C++17 或者以上标准
java·c++·vscode
带刺的坐椅14 分钟前
Spring-AI 与 Solon-AI 深度对比分析报告
java·spring·ai·llm·solon·spring-ai·solon-ai
码事漫谈19 分钟前
AI提效,到底能强到什么程度?
前端·后端
IT_陈寒20 分钟前
React hooks依赖数组这个坑差点把我埋了
前端·人工智能·后端
爱码少年22 分钟前
JAVA获取客户端真实IP地址经典写法与Lambda写法对比
java
做个文艺程序员29 分钟前
Spring AI + Qwen3.5 实现多步 Agent:从工具调用到自主任务拆解的踩坑全记录
java·人工智能·spring
gentle_ice36 分钟前
初入社会的我该何去何从
java
阿祖zu1 小时前
内容创作 AI 透明化声明倡议与项目开源
前端·后端·github
lpfasd1231 小时前
TypeScript + Cloudflare 全家桶部署项目全流程
前端·javascript·typescript
Kiling_07041 小时前
Java多态、final与抽象类:面向对象编程进阶指南
java·开发语言