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)

相关推荐
木木黄木木13 分钟前
HTML5 Canvas弹跳小球游戏开发实战与技术分析
前端·html·html5
2401_8848107444 分钟前
maven笔记
java·笔记·maven
霸王龙的小胳膊1 小时前
SpringMVC-登录校验
java·mvc
字节源流1 小时前
【SpringMVC】常用注解:@PathVariable
java·开发语言·servlet
Anlici1 小时前
Axios 是基于 Ajax 还是 Fetch?从源码解析其实现
前端·面试
一个处女座的程序猿O(∩_∩)O1 小时前
Vue 中的 MVVM、MVC 和 MVP 模式深度解析
前端·vue.js·mvc
小安同学iter1 小时前
SpringMVC(五)拦截器
java·开发语言·spring boot·spring·java-ee
鱼樱前端1 小时前
前端程序员集体破防!AI工具same.dev像素级抄袭你的代码,你还能高傲多久?
前端·javascript·后端
2301_764441331 小时前
小说文本分析工具:基于streamlit实现的文本分析
前端·python·信息可视化·数据分析·nlp
栀栀栀栀栀栀1 小时前
JVM 2015/3/15
java·开发语言·jvm