（前端）解决emoji显示问题

这里来介绍一下前端解决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