Question

我有一些HTML，包括消息和表情符号。表情符号编写如下：

<img src='client/img/tongueout.gif'>

但是当我将其复制并粘贴到其他内容中时，表情符号会被移除，我会丢失表达式。相反，我希望在文本中添加：P代替图像。我尝试使用alt文本，但没有用。有没有办法做到这一点？

Answer 1

您必须将备用文本放在表情符号图标旁边，但使用特殊的CSS样式以某种方式隐藏它。

display:none或visibility:hidden等样式无法正常工作，因为当您复制粘贴网页时，它们会从文本中删除！你应该使用像clip: rect(0,0,0,0)或opacity:0这样的css作为以下演示：

img.emoji { width:20px; height:20px; }

.emojiText {
  display: inline-block; 
  position: absolute;
  clip: rect(0,0,0,0);
}

<p>Copy-Paste the following line into a text editor, <br/>
  you should see ":D)" instead of the image icon:</p>

<div>First word, 
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e0/SNice.svg/220px-SNice.svg.png" class="emoji">
<span class="emojiText">:D)</span>, Second Word</div>

创建包含图像的网页，但在复制和粘贴时用文本替换图像

1 个答案: