我正在尝试使用twemoji(https://github.com/twitter/twemoji)转换Unicode表情符号字符。

我有一个非常简单的页面:



<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">

  <title></title>
  <script src="https://twemoji.maxcdn.com/twemoji.min.js"></script>
</head>

<body>

  <span>
 What a cool string \ud83c\udf88\ud83c\ud83c\udf88\ud83c\ud83c\udf88\ud83c</span>
</body>

</html>





根据文档,当您运行

twemoji.parse(document.body)


它应贯穿页面并将所有unicode字符替换为标签。
但是,如果您采用该字符串并将其直接放入函数中,则不会发生这种情况,因此

twemoji.parse("What a cool string \ud83c\udf88\ud83c\ud83c\udf88\ud83c\ud83c\udf88\ud83c");


并在Chrome的控制台中运行它确实显示转换后的字符串。

What a cool string <img class="emoji" draggable="false" alt="🎈" src="http://twemoji.maxcdn.com/36x36/1f388.png"><img class="emoji" draggable="false" alt="🎈" src="http://twemoji.maxcdn.com/36x36/1f388.png"><img class="emoji" draggable="false" alt="🎈" src="http://twemoji.maxcdn.com/36x36/1f388.png">


数据来自数据库,已使用iOS应用程序输入。

任何帮助,将不胜感激!

最佳答案

要在html中编写这些字符时,必须使用其他符号:

&#127880; =>🎈或&#x1f388; =>🎈

参见:http://www.charbase.com/1f388-unicode-balloon



twemoji.parse(document.body)

<script src="https://twemoji.maxcdn.com/twemoji.min.js"></script>
<span>
 What a cool string 	&#127880; &#x1f388;
</span>

09-25 17:39
查看更多