从MYSQL数据库取出微信emoji表情在web html上显示

《从MYSQL数据库取出微信emoji表情在web html上显示》要点：
本文介绍了从MYSQL数据库取出微信emoji表情在web html上显示，希望对您有用。如果有疑问，可以联系我们。

相关主题：PHP开发

iOS或Android客户的输入法支持emoji表情输入，系统管理后台需要显示用户实际输入的效果,因此处理emoji表情符

前提：MySQL需要设置支持emoji编码为utf8mb4，具体如下：

(a) 配置my.cnf:
[mysql]
default-character-set = utf8mb4


[mysqld]
character-set-client-handshake = FALSE
character-set-server = utf8mb4
collation-server = utf8mb4_unicode_ci
init_connect='SET NAMES utf8mb4'

(b) 重启mysql

(c) 根据自己数据表对应的字段，进行设置编码

ALTER TABLE t_user_basic MODIFY COLUMN title VARCHAR(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci DEFAULT NULL COMMENT '内容';

(e) 查看 SHOW VARIABLES LIKE 'character%'; 

方式1：用JS处理emoji表情：

1.下载emoji的js相关内容和图片,里面包括demo使用,同时注意图片的路径，以免错误。

下载地址：https://download.csdn.net/download/sylearning/10288884

2.从数据库查出数据后，需要把它转换成unicode编码，如：\ud83d\ude05

3.js获取到unicode字符之后，会对它进行正则过滤，转换成图片名称对应的字符，然后组装图片路径，这样就可以显示了

方式2：直接用CSS处理emoji表情：

还有一种处理方式，当您接收到的微信内容时，emoji表情内容是这样的：

@37891170f9dacfaa17f908c4bcf1fc8acd44478aeaa2cabb75d96362a25c5d0f:<br/>
<span class="emoji emoji1f510"></span><span class="emoji emoji1f435"></span>

把其中的

<span class="emoji emoji1f510"></span>

emoji表情保存到数据库中，取出后就可以直接显示在网页上，然后引入CSS文件，可以直接显示。

此CSS文件下载地址：

https://download.csdn.net/download/sylearning/10288910

最后，需要emoji表情图，可以在这里下载：

https://download.csdn.net/download/sylearning/10288924

转载请注明本页网址：
http://www.vephp.com/jiaocheng/14457.html