欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

解决小程序文本不能复制

程序员文章站 2022-06-04 14:25:15
...

微信小程序的文本,要具有长按复制功能,必须满足两个条件:

        1.小程序文本要在 标签内;
        2.小程序 标签要有 selectable 属性。
例如:

   <text selectable='true'>文本</text> 

下面一个例子是,解决小程序富文本组件 WxParse 不能长按选择的问题。在 wxParse.wxml 中修改:
意思是在wxParse源码文件下 的wxParse文件下的wxParse.wxml
-为要修改的代码行
+为修改后的代码行


 <template name="WxEmojiView">
   <view class="WxEmojiView wxParse-inline" style="{{item.styleStr}}">
     <block wx:for="{{item.textArray}}" wx:key="">
-      <block class="{{item.text == '\\n' ? 'wxParse-hide':''}}" wx:if="{{item.node == 'text'}}">{{item.text}}</block>
+      <block class="{{item.text == '\\n' ? 'wxParse-hide':''}}" wx:if="{{item.node == 'text'}}">
+        <text selectable="true">{{item.text}}</text>
+      </block>
       <block wx:elif="{{item.node == 'element'}}">
         <image class="wxEmoji" src="{{item.baseSrc}}{{item.text}}" />
       </block>
   </view>
</template>
相关标签: 小程序 小程序