Javascript 使用图像创建网页,但在复制和粘贴时用文本替换图像

Javascript 使用图像创建网页,但在复制和粘贴时用文本替换图像,javascript,html,Javascript,Html,我有一些HTML,它由消息和表情符号组成。图释如下: <img src='client/img/tongueout.gif'> 但是,当我复制并粘贴到其他内容时,表情符号被删除,我失去了表情。相反,我希望在文本中添加一个:P来代替图像。我尝试使用alt-text,但没有成功。有什么方法可以做到这一点吗?您必须将备用文本放在表情符号图标旁边,但使用特殊的css样式将其隐藏起来 像display:none或visibility:hidden这样的样式将不起作用,因为它们在复制粘贴网

我有一些HTML,它由消息和表情符号组成。图释如下:

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


但是,当我复制并粘贴到其他内容时,表情符号被删除,我失去了表情。相反,我希望在文本中添加一个:P来代替图像。我尝试使用alt-text,但没有成功。有什么方法可以做到这一点吗?

您必须将备用文本放在表情符号图标旁边,但使用特殊的css样式将其隐藏起来

display:none
visibility:hidden
这样的样式将不起作用,因为它们在复制粘贴网页时已从文本中删除!为此,应使用一些css,如
clip:rect(0,0,0,0)
opacity:0
,如下演示:

img.emoji{宽度:20px;高度:20px;}
.emojiText{
显示:内联块;
位置:绝对位置;
剪辑:rect(0,0,0,0);
}
将以下行复制粘贴到文本编辑器中,
您应该看到“:D)”而不是图像图标:

第一个字,
:D),第二个单词“但是当我复制并粘贴到其他内容中时,表情符号会被删除”你是什么意思?HTML中的img标记总是需要'alt'属性,这不是一个选项。所以我很愚蠢,显然不能添加alt标记。有办法关闭这个吗?你测试过了吗?您的反馈是什么?曾经有一段时间,
显示:无
可见性:隐藏
确实起作用,但情况似乎不再如此。我的回答是基于和的信息