Javascript 如何将表情符号代码:wave:解析为HTML中的表情符号
我想将常见的表情符号代码如“:wave:”或“:+1:”解析为实际的表情符号图片 在Angular/HTML/ts/js中,有没有一种简单快速的方法可以做到这一点,而无需对字符串进行切片 提前感谢:)试用NPM软件包。这可能会对您有所帮助。我使用Namindu建议并实现了一个管道来翻译包含表情符号代码的文本,以显示表情符号,而不是代码,因为该软件包只是提供了一个表情符号选择器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 {
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;
}
}
看来我的回答对你有帮助。请对我的答案投赞成票。