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)

相关推荐
hpysirius13 小时前
从零构建 Web 端视频剪辑器:技术实践与思考
前端
让学习成为一种生活方式13 小时前
大肠杆菌合成扑热息痛--对乙酰氨基酚--文献精读227
开发语言·前端·javascript
yuzhiboyouye13 小时前
为什么sping-boot+ mabatis。写接口时要建好几个VO。各自用途时
java
李白的天不白14 小时前
请求不到百度网址的原因
前端
SamDeepThinking14 小时前
第2篇:应付百万并发商品系统之需求文档
java·后端·架构
heimeiyingwang14 小时前
【架构实战】领域事件与业务编排架构
java·微服务·架构
月落归舟14 小时前
带你了解Collections和Collection!!!
java·collections·collection
直奔標竿14 小时前
Java开发者AI转型第二十课!Spring AI MCP 双向实战:客户端与服务端手把手落地
java·开发语言·人工智能·spring boot·后端·spring
天码-行空14 小时前
深入拆解 Tomcat 架构:高层组件与启动流程设计
java·架构·tomcat
天码-行空14 小时前
深入拆解 Tomcat 架构:一键启停与生命周期设计
java·架构·tomcat