前端渲染表情问题

• Z时代
• 2024-02-10
• 分类：IT

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

回答：

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

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);

以上是 前端渲染表情问题 的全部内容， 来源链接： utcz.com/p/936473.html