前端渲染表情问题

Question

问下大神,前端如何渲染内容中的表情,
例如从后端获取的数据为:
你好:xiaolian:, 其中:xiaolian: 为笑脸表情代码
前端如何将:xiaolian: 变成表情

Answer 1

我寻思你需要一张表情映射表，然后进行匹配过滤即可
在线示例
我今天很开心😁，因为你😭了

let map = {
  ":xiaolian:": "😁",
  ":kulian:": "😭",
};
let str = "我今天很开心:xiaolian:，因为你:kulian:了";
let regx = /:[a-zA-Z]{1,}:/gi;
let matchArray = str.match(regx);
matchArray.forEach((e) => {
    str = str.replace(e, map[e]);
});
console.log("str: ", str);