用图像替换表情符号，同时将其保留为表情符号

Question

我想用自定义图片替换我网站上的表情符号。这本身在 PHP:

中不是问题

$string = "This is a laughing emoji &#128514;";
echo str_replace($string, "&#128514;", ":'D"); //or replace with an image

但是，如果有人复制文本，他们将能够复制带有表情符号的文本，而不是被替换的图像，我该如何管理？就像保留 char 😂 但只更改结果一样，这样它们对每个用户来说看起来都一样。这有可能吗？

Answer 1

一种方法是用 <img> 图像标签替换表情符号，但将图像的 alt 属性设置为原始表情符号。然后，如果将结果复制到只接受文本的地方，将使用替代文本。

"运行"这个片段看例子：

Hello <img alt="&#128512;" src="data:image/png;base64,R0lGODlhDAAMAKIFAF5LAP/zxAAAANyuAP/gaP///wAAAAAAACH5BAEAAAUALAAAAAAMAAwAAAMlWLPcGjDKFYi9lxKBOaGcF35DhWHamZUW0K4mAbiwWtuf0uxFAgA7"> world!
<br/>
<textarea cols="25" rows="3">Paste here</textarea>

两个词之间的表情符号看起来像 Gmail 表情符号，直到您将整行文本复制到某处。

当然，您可以使用普通的 URL 而不是 data: URL。

Answer 2

不，每个系统都有自己的字体集（包括表情符号），这就是它们在 android 和 iOS 上显示不同的原因。您能够添加某些内容的唯一方法是在系统字体之外，即图标集。您可以包含图片或图片链接。

<img src="imageLocation" alt="altTextorImage">

用图像替换表情符号，同时将其保留为表情符号

Replace Emoji with image while preserving it as an Emoji

javascript

php

emoji