uniapp富文本文字长按选中(用于复制,兼容H5、APP、小程序三端)
- 互联网
- 2025-08-04 00:57:01

方案:使用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)
uniapp富文本文字长按选中(用于复制,兼容H5、APP、小程序三端)由讯客互联互联网栏目发布,感谢您对讯客互联的认可,以及对我们原创作品以及文章的青睐,非常欢迎各位朋友分享到个人网站或者朋友圈,但转载请说明文章出处“uniapp富文本文字长按选中(用于复制,兼容H5、APP、小程序三端)”
上一篇
javaSE和javaEE区别
下一篇
PyCharm取消所有断点