Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/spring/13.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将表情符号代码:wave:解析为HTML中的表情符号_Javascript_Html_Angular_Typescript_Emoji - Fatal编程技术网

Javascript 如何将表情符号代码:wave:解析为HTML中的表情符号

Javascript 如何将表情符号代码:wave:解析为HTML中的表情符号,javascript,html,angular,typescript,emoji,Javascript,Html,Angular,Typescript,Emoji,我想将常见的表情符号代码如“:wave:”或“:+1:”解析为实际的表情符号图片 在Angular/HTML/ts/js中,有没有一种简单快速的方法可以做到这一点,而无需对字符串进行切片 提前感谢:)试用NPM软件包。这可能会对您有所帮助。我使用Namindu建议并实现了一个管道来翻译包含表情符号代码的文本,以显示表情符号,而不是代码,因为该软件包只是提供了一个表情符号选择器 export class EmojiTranslatePipe implements PipeTransform {

我想将常见的表情符号代码如“:wave:”或“:+1:”解析为实际的表情符号图片

在Angular/HTML/ts/js中,有没有一种简单快速的方法可以做到这一点,而无需对字符串进行切片

提前感谢:)

试用NPM软件包。这可能会对您有所帮助。

我使用Namindu建议并实现了一个管道来翻译包含表情符号代码的文本,以显示表情符号,而不是代码,因为该软件包只是提供了一个表情符号选择器

export class EmojiTranslatePipe implements PipeTransform {

  constructor(private emojiService: EmojiService) {
  }

  transform(value: string, args?: any): string {
    let subs = value.split(":");
    subs.forEach(s => {
      let emoji = this.findEmoji(s);
      if (emoji) {
        let emojiCode = `:${s}:`;
        value = value.replace(emojiCode, emoji);
      }
    });
    return value;
  }

  findEmoji(id: string): string | undefined {
    let emoji = this.emojiService.emojis.find(emoji => emoji.id == id);
    if (emoji) {
      return emoji.native;
    }
    return undefined;
  }

}

看来我的回答对你有帮助。请对我的答案投赞成票。