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

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

  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>

没有更多推荐了,返回首页

私密
私密原因:
请选择设置私密原因
  • 广告
  • 抄袭
  • 版权
  • 政治
  • 色情
  • 无意义
  • 其他
其他原因:
120
出错啦
系统繁忙,请稍后再试