如何创建 HTML 电子邮件以防止用户在复制粘贴时意外选择额外的空格

How to create HTML emails to prevent users accidentally selecting additional spaces when copy pasting

提问人:J D 提问时间:10/27/2023 最后编辑:Eugene AstafievJ D 更新时间:10/31/2023 访问量:39

问:

我有一封电子邮件,其中包含一个字符串,需要一次性复制粘贴。

我遇到的问题是,很多用户并没有真正注意他们是如何从Outlook中复制的,并且似乎总是在Outlook末尾复制一个额外的空间。

我看到他们是如何做到的,我总是必须回溯才能正确复制它。初始选择如下所示

Overselect

在我回溯并更准确之后,它看起来像

correct select

我遇到的问题是,有不少人正在复制空间,然后遇到问题。

这是我处理 html 该区域的方式。有没有什么东西触发了这一点,我可以换掉它来改善事情。

<p style="margin-top: 0;">
 <span style="font-family: Open Sans, Helvetica, Arial, sans-serif; font-size: 14px; color:#222222; line-height: 1.6;"> 
  <span style="color: #222;">We have recently upgraded the security for accounts.</span>
  <br><br> To complete the account upgrade process, you will need to set up a new password. Below, you will find a temporary password that you can use to log in and create a new, stronger password of your choice. 
  <br><br> 
  <b>Temporary Password: 
   <span style="font-size: 22px; margin-left: 5px; border:1px solid #ccc; color: #222222; background-color: #ffffff; padding: 5px 10px; border-radius: 5px;">{####}</span>
  </b> 
 </span>
</p> 
HTML 电子邮件 复制粘贴

评论

2赞 DarkBee 10/27/2023
为什么这是一个问题?如果使用此“代码”/粘贴文本字段(以验证某些内容),则可以仅粘贴内容并解决问题。(旁注:请确保不要在生成的临时密码中添加任何前导/尾随空格)trim
0赞 J D 11/2/2023
它是通过第三方提供商生成的,我认为它不会生成一个带有空格的提供商,但是,从技术上讲,拥有尾随空格并不无效。
0赞 Syfer 11/6/2023
只有当用户双击选择时,您才会最终获得尾随空格。如果以正常方式选择,则不会有问题。也许更新措辞,因为我们无法更改电子邮件中的用户行为。

答:

0赞 Nathan 10/30/2023 #1

您可以将其设计为一个表格,因此密码本身就位于单元格中。

像这样:

<table width="100%" cellpadding=0 cellspacing=0>
  <tr>
    <td style="padding: 5px 10px;>Temporary Password:</td>
    <td style="border:1px solid #ccc; padding:5px 10px;">{####}</td>
  </tr>
</table>