Как разрешить эмодзи-коды: wave: в смайлики в HTML

Question

Я хотел бы разрешить общие коды смайликов, такие как ": wave:" или ": +1:", в настоящие эмодзи-картинки.

Существует ли простой и быстрый способ сделать это в Angular / HTML / ts / js без нарезки строки?

Заранее спасибо:)

Answer 1

Я использовал пакет NPM Наминду предложил и реализовал канал для перевода текстов, включая эмодзи-коды, для отображения смайликов вместо кода, поскольку пакет просто предоставляет средство выбора смайликов.

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

}

Answer 2

Попробуйте с этим пакетом NPM. это может помочь вам.