小程序文本内容无法长按复制?

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/henryhu712/article/details/82387712

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

  1. 文本在 <text> 标签内;
  2. <text> 标签要有 selectable 属性。

例如:

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

下面一个例子是,解决 WxParse 不能长按选择的问题。在 wxParse.wxml 中修改:

diff --git a/mini/wxParse/wxParse.wxml b/mini/wxParse/wxParse.wxml
index 00fa568..a1e5f5d 100755
--- a/mini/wxParse/wxParse.wxml
+++ b/mini/wxParse/wxParse.wxml
@@ -25,7 +25,9 @@
 <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>
@@ -964,4 +966,4 @@
     <template is="WxEmojiView" data="{{item}}" />
   </block>

猜你喜欢

转载自blog.csdn.net/henryhu712/article/details/82387712