uniapp富文本文字长按选中(用于复制,兼容H5、APP、小程序三端)

方案:使用u-parse的selectable属性

注意:u-parse直接使用是不兼容小程序的,需要对u-parse进行改造:

1. 查看u-parse源码发现小程序走到以下逻辑:(没有传入selectable属性,需要将selectable传入trees组件)

改造前:

uniapp富文本文字长按选中(用于复制,兼容H5、APP、小程序三端)_第1张图片 改造后:

2. 进入trees组件,找到富文本展示逻辑,发现使用uni-app的rich-text,支持selectable属性。

改造前:uniapp富文本文字长按选中(用于复制,兼容H5、APP、小程序三端)_第2张图片 

改造后:(由于uniapp rich-text ios无法实现复制功能,故加上:user-select="selectable"兼容ios)

uniapp富文本文字长按选中(用于复制,兼容H5、APP、小程序三端)_第3张图片

你可能感兴趣的:(uni-app,java,前端)