我如何在打字稿/javascript中从字符串转换为表情符号

Question

你好，我想将打字稿中的字符串转换为表情符号，以在 html 中显示表情符号。

打字稿文件

export class Example {
    emoji:any;
    function(){
       this.emoji = ":joy:"
    }
  }

在HTML文件中，我希望它像这样（这是我将从打字稿文件中获得的元素表情符号）是否可能以及如何实现。感谢所有帮助

Answer 1

首先，您需要将 :joy: 映射到相关的 unicode 字符串。

例如： :joy: 的 unicode 代码为&#x1f602。

然后您可以使用它在页面上打印...

这是一个小例子。

var mapping = {

":joy:" : "&#x1f602",
  ":shades:": "&#x1f60e",
  ":happy:" : "&#x1f600"

}

var iteration = 0;

function mapEmoji(){

  
setInterval(function(){
  	if(iteration == Object.keys(mapping).length)
	iteration = 0;
  
  	var text = Object.keys(mapping)[iteration];
  	document.getElementById("emoji").innerHTML = mapping[text];
	iteration++;
  }, 500);
}

mapEmoji();

<div id="emoji">

</div>

当然，您需要向您的 unicode 映射对象添加更多表情符号，并且您可能需要用相应的 unicode 代码替换占位符（“:joy:”）以在句子中替换等...