uniapp富文本文字长按选中（用于复制，兼容HAPP、小程序三端）

在uniapp中实现富文本长按文本选中功能，可以通过自定义组件的方式来实现。以下是一个简单的示例，展示了如何创建一个可以长按选中的富文本组件：

1. 创建一个新的组件rich-text.vue：

<template>
  <view>
    <rich-text class="rich-text" @longpress="onLongPress" :nodes="content"></rich-text>
  </view>
</template>
 
<script>
export default {
  props: {
    content: {
      type: String,
      default: ''
    }
  },
  methods: {
    onLongPress(event) {
      // 阻止事件冒泡，防止上层组件捕获此事件影响正常选中文本的行为
      event.stopPropagation();
    }
  }
}
</script>
 
<style>
.rich-text {
  user-select: text;
  /* 其他样式根据需要添加 */
}
</style>

2. 在父组件中使用这个自定义的富文本组件：

<template>
  <view>
    <rich-text-component :content="richTextContent"></rich-text-component>
  </view>
</template>
 
<script>
import RichTextComponent from './rich-text.vue'; // 假设rich-text.vue文件和父组件在同一目录下
 
export default {
  components: {
    RichTextComponent
  },
  data() {
    return {
      richTextContent: '<p>这里是富文本内容，可以长按选中复制</p>'
    }
  }
}
</script>

在这个示例中，我们创建了一个名为rich-text.vue的组件，该组件包含了一个rich-text组件，并且通过@longpress事件处理函数防止了事件冒泡，使得长按时可以选中文本。在父组件中，我们引入了这个自定义的富文本组件，并通过content属性传递了富文本内容。

这样，你就可以在H5、APP和小程序三端使用这个组件，实现长按选中富文本内容的功能。