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)

相关推荐
Anlici3 分钟前
跨域解决方案还有优劣!?
前端·面试
云上艺旅6 分钟前
K8S学习之基础三十一:k8s中RBAC 的核心概念
java·学习·云原生·kubernetes
庸俗今天不摸鱼9 分钟前
【万字总结】构建现代Web应用的全方位性能优化体系学习指南(二)
前端·性能优化·webp
追寻光28 分钟前
Java 绘制图形验证码
java·前端
前端snow29 分钟前
爬取数据利用node也行,你知道吗?
前端·javascript·后端
2301_7921858830 分钟前
maven的安装配置
java·maven
霸王龙的小胳膊35 分钟前
SpringMVC-文件上传
java·mvc
村头一颗草35 分钟前
高德爬取瓦片和vue2使用
前端·javascript·vue.js
哥谭居民000138 分钟前
mybatis注册一个自定义拦截器,拦截器用于自动填充字段
java·开发语言·jvm·mybatis
远山无期42 分钟前
vue3+vite项目接入qiankun微前端关键点
前端·vue.js