小程序文本内容无法长按复制粘贴_小程序读取剪贴板怎么办

全栈程序员站长

发布于 2022-11-10 14:02:06

1.3K0

发布于 2022-11-10 14:02:06

文章被收录于专栏：全栈程序员必看

大家好，又见面了，我是你们的朋友全栈君。

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

文本在 <text> 标签内；
<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>

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2022年9月29日，如有侵权请联系 cloudcommunity@tencent.com 删除

text