emoji表情在web html上显示

落日映苍穹つ 2021-06-24 14:36 1099阅读 0赞

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

**1.[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) //若是[Java][],还得修改mysql的包大于升级或确保你的mysql connector版本高于5.1.13

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

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%';

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

下载地址：http://download.csdn[.NET][]/detail/huangxingzhe/9089255

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

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

[iOS]: http://lib.csdn.net/base/ios
[Android]: http://lib.csdn.net/base/android
[MySQL]: http://lib.csdn.net/base/mysql
[Java]: http://lib.csdn.net/base/javase
[.NET]: http://lib.csdn.net/base/dotnet

发表评论取消回复

表情：

评论列表（有 0 条评论，1099人围观）

还没有评论，来说两句吧...

相关阅读

相关【Web技术】1075- Emoji 表情还能这样玩？

「绘文字（日语：絵文字/えもじ emoji）」是日本在无线通信中所使用的视觉情感符号，绘指图画，文字指的则是字符，可用来代表多种表情，如笑脸表示笑、蛋糕表示食物等。在平时的工

太过爱你忘了你带给我的痛/ 2022年09月11日 00:09/ 0 赞/ 181 阅读

相关 Emoji表情符号兼容方案

一什么是Emoji emoji就是表情符号；词义来自日语（えもじ，e-moji，moji在日语中的含义是字符）　　表情符号现已普遍应

拼搏现实的明天。/ 2022年08月09日 14:56/ 0 赞/ 290 阅读

相关 emoji 表情图片解决方法

1:先弄到图片上传到服务器上 ![6955dcf3-3473-39fc-bcca-45e0cee03ed2.jpg][] 2.下载 unicod

短命女/ 2022年07月13日 04:20/ 0 赞/ 299 阅读

相关 MySQL 插入emoji表情字符

MySQL 插入emoji表情字符默认情况下，MySQL数据库不支持插入某些表情字符。类似报错 (Mysql2::Error: Incorrect string v

悠悠/ 2022年06月07日 13:38/ 0 赞/ 267 阅读

相关 Emoji表情处理工具类

import java.util.regex.Matcher; import java.util.regex.Pattern; public

「爱情、让人受尽委屈。」/ 2021年12月23日 04:27/ 0 赞/ 460 阅读

相关 JAVA过滤emoji表情包

package com.xw.paintheart.utils; import org.apache.commons.lang.StringUtils

谁践踏了优雅/ 2021年12月01日 20:20/ 0 赞/ 493 阅读

相关 emoji表情在web的展示与mysql存储方式

[iOS][]，[Android][]，wp上emoji表情输入与显示首先解决emoji表情在[MySQL][]中存储报错问题： Caused by: [Java][].

刺骨的言语ヽ痛彻心扉/ 2021年09月11日 05:58/ 0 赞/ 507 阅读

相关 Mysql-Emoji表情的存取

日前，在项目中遇到了一个很尴尬的问题，首先贴上一些背景和概况； Mysql版本：5.6.24-72.2-log 字符集： mysql> SHOW VARIAB

绝地灬酷狼/ 2021年06月24日 15:59/ 0 赞/ 526 阅读

相关 emoji表情在web html上显示

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

落日映苍穹つ/ 2021年06月24日 14:36/ 0 赞/ 1100 阅读

相关 EMoji表情 Java+Mysql 存储

具体修改方式网上都有，背景：我们的数据库是5.6+版本，如果5.7+版本的话，mysql connector只要高于 5.1.34 及以上就性了而我们只能指定 mysq

梦里梦外;/ 2021年06月10日 20:42/ 0 赞/ 683 阅读