这里来介绍一下前端解决Emoji显示的问题;
后台返回UTF-8格式
1、存储格式
我们的emoji是一个个16进制组成的在传个后台不被编译的情况下我们把16进制转成8进制
方法如下
//把utf16的emoji表情字符进行转码成八进制的字符
//str你传给后台的内容
utf16toEntities(str) {
var patt = /[\ud800-\udbff][\udc00-\udfff]/g; // 检测utf16字符正则
return str.replace(patt, function (char) {
var H, L, code;
if (char.length === 2) {
H = char.charCodeAt(0); // 取出高位
L = char.charCodeAt(1); // 取出低位
code = (H - 0xD800) * 0x400 + 0x10000 + L - 0xDC00; // 转换算法
return "&#" + code + ";";
} else {
return char;
}
});
},
2.接收内容
我们前端拿到的内容utf-8的格式的内容
这个时候表情是加载不出来的,我们需要再次转换输出显示
方法如下:
//将编码后的八进制的em