当前位置: 首页 > news >正文

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)

http://www.lryc.cn/news/301867.html

相关文章:

  • 常见的几种Web安全问题测试简介
  • linux信号机制[一]
  • elementui 中el-date-picker 选择年后输出的是Wed Jan 01 2025 00:00:00 GMT+0800 (中国标准时间)
  • Redis 集群(Cluster)
  • 260.【华为OD机试真题】信道分配(贪心算法-JavaPythonC++JS实现)
  • Python打发无聊时光:3.实现简单电路的仿真
  • MyBatis-Plus:通用分页实体封装
  • MVC 、DDD(domain-driven design,软件主动学习业务)、中台、Java SPI(Service Provider Interface)
  • 添加环境变量
  • 学习Android的第十六天
  • 若依项目改造
  • 相机图像质量研究(34)常见问题总结:图像处理对成像的影响--拖影
  • 算法学习系列(三十五):贪心(杂)
  • 嵌入式面试:瑞芯微
  • 【性能测试】分布式压测之locust和Jmeter的使用
  • ABC341A-D题解
  • 计算机网络——07协议层次及服务模型
  • Netty Review - NIO空轮询及Netty的解决方案源码分析
  • PAM | 账户安全 | 管理
  • Leetcode 16-20题
  • 【开源训练数据集1】神经语言程式(NLP)项目的15 个开源训练数据集
  • 【AIGC】Stable Diffusion的ControlNet参数入门
  • 静态curl库编译与使用(c++)
  • element 表单提交图片(表单上传图片)
  • Android 15 第一个开发者预览版
  • anomalib1.0学习纪实-续1:增加新算法
  • Java+Vue+MySQL,国产动漫网站全栈升级
  • 机器人常用传感器分类及一般性要求
  • C++-opencv的imread、imshow、waitkey、namedWindow
  • 开源语音识别faster-whisper部署教程