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)

相关推荐
前端 贾公子2 分钟前
小程序使用web-view 修改顶部标题 && 安全认证文件部署在nginx
开发语言·前端·javascript
比特森林探险记22 分钟前
《Java vs Go:现代编程语言的核心差异与设计哲学对比》
java·开发语言·golang
海盐泡泡龟30 分钟前
大文件上传如何做断点续传?(分别使用vue、React、java)
java·vue.js·react.js
胖墩会武术44 分钟前
通过Auto平台与VScode搭建远程开发环境(以Stable Diffusion Web UI为例)
前端·vscode·stable diffusion
武昌库里写JAVA1 小时前
Vue3响应式数据: 深入分析Ref与Reactive
java·vue.js·spring boot·学习·课程设计
biubiubiu07061 小时前
SpringBoot中消息转换器的选择
java·spring boot·spring
牛马baby1 小时前
Java高频面试之并发编程-20
java·开发语言·面试
2301_815357701 小时前
Spring 框架的JDBC 模板技术
java·数据库·spring
未来之窗软件服务2 小时前
封装拍照模块,拓展功能边界—仙盟创梦IDE
前端·javascript·html·摄像头·仙盟创梦ide
MicoZone2 小时前
四、生活常识
java