使用图片

时间:2017-11-14 17:47:14

标签: forms image text replace emoji

我的网站上有一张表格。 在这个形式里面有一些表情符号按钮。

如果用户点击其中一个按钮,则会向<textfield>添加表情符号, 但他们看起来像这个“:)”。

那么如何用图像替换:) Emoji。

示例:如果用户单击按钮,则应添加<img src="img/emoji/1.png">并显示它。

1 个答案:

答案 0 :(得分:0)

使用表情符号的UTF8字符。由于UTF8表情符号被认为是文本字符,因此您不需要使用任何HTML,并且它们将在正常的textarea和文本输入中呈现,而没有任何特殊内容。

这是一些unicode UTF8表情符号的参考。在你的按钮代码中,用;替换;或者用UTF8符号的代码替换 - 例如在链接的表中它显示代码U + 1F600的笑脸。在您的脚本中,您希望在引号中将其标记为\u1F600。这将呈现表情符号字符。大多数浏览器,尤其是移动设备上的浏览器都对这些字符有很好的支持,但你可以通过使用css导入表情符号字体来支持它。

http://www.unicode.org/emoji/charts/full-emoji-list.html

附录:您甚至可以将UTF8表情符号直接剪切并粘贴到您的代码中。由于它们是UTF8中的有效字符,因此它们是有效的代码..您甚至可以在变量名称中使用它们