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)

相关推荐
柏箱1 分钟前
使用JavaScript写一个网页端的四则运算器
前端·javascript·css
TU^2 分钟前
C语言习题~day16
c语言·前端·算法
gopher95114 分钟前
final,finally,finalize的区别
java·开发语言·jvm
Jason-河山12 分钟前
利用 Python 爬虫采集 1688商品详情
java·http
计算机源码社12 分钟前
分享一个餐饮连锁店点餐系统 餐馆食材采购系统Java、python、php三个版本(源码、调试、LW、开题、PPT)
java·python·php·毕业设计项目·计算机课程设计·计算机毕业设计源码·计算机毕业设计选题
Zww089116 分钟前
idea插件市场安装没反应
java·ide·intellij-idea
夜雨翦春韭18 分钟前
【代码随想录Day31】贪心算法Part05
java·数据结构·算法·leetcode·贪心算法
计算机学姐18 分钟前
基于微信小程序的调查问卷管理系统
java·vue.js·spring boot·mysql·微信小程序·小程序·mybatis
problc29 分钟前
Android 组件化利器:WMRouter 与 DRouter 的选择与实践
android·java