我正在尝试使用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中编写这些字符时,必须使用其他符号:🎈
=>🎈或🎈
=>🎈
参见: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 🎈 🎈
</span>