如何使一些代码点表情符号值起作用

时间:2018-08-19 18:53:55

标签: javascript html

enter image description here例如:“在地板上笑”在浏览器中显示一个正方形。如何获得不像suqare那样显示的实际表情符号?

String.fromCodePoint(0x1F923)

这是arups jsbin的图片,显示如下: enter image description here

1 个答案:

答案 0 :(得分:1)

此示例在Firefox 61上适用于我。输出为:

enter image description here

在Google Chrome上,我拥有:

enter image description here

现在,尝试运行以下代码段:

document.querySelector('.output').textContent = String.fromCodePoint(0x1F923);

console.log(String.fromCodePoint(0x1F923));
<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>

<body>
  <p class='output'></p>
</body>

</html>

如果仍然可以看到该正方形,请检查浏览器的编码和默认字体。并检查它是否支持表情符号,例如在我的Google Chrome浏览器上未呈现它。

因此,也许您需要使用Twitter's Twemoji之类的第三方JavaScript库:

// I got the Unicode for that emoji(1F602) from www.unicode.org/emoji/charts/full-emoji-list.html
document.querySelector('.output').innerHTML = twemoji.convert.fromCodePoint('1F602'); 
<script src="//twemoji.maxcdn.com/2/twemoji.min.js?11.0"></script>

<p class="output"></p>