使用Javascript

Question

当我得到代码点并使用零宽度连接符时，我无法使用Javascript将表情符号成功插入DOM。

考虑这个表情符号：‍

我能够创建一个看起来像这样的字符串： ‍‍

并将其插入到元素的innerHtml中，但最终显示3个字符，而不是单个组合字符。如果您在此页面上查看该字符的html，您会发现html的格式设置与我的字符串相同：

https://emojipedia.org/family-woman-woman-boy/

这仅是使用零宽度连接符时的问题。

这样做：

el.innerHTML = "‍‍"

应该导致单个字符，但不会，所以我如何显示单个字符。注意：不能仅通过在编辑器中键入文本来添加字符。内容是由javascript生成的。

Answer 1

不太确定这里的问题是什么，但是，如果您有一个好的UTF8 / Unicode编辑器，则可以将表情符号粘贴到文本文件中。

如果这有问题，您可以使用HTML转义来构建它。

下面我完成了这两项工作，首先将其粘贴到编辑器中，不幸的是，SO编辑器在这里并不是最好的。第二个是我使用HTML转义的方式。

希望这会有所帮助。

  

更新：使用您的版本似乎也适用于Chrome浏览器，   您正在使用什么浏览器？？

package.json

...
"dependencies": {
    "@material-ui/core": "^1.5.1",
    "@material-ui/icons": "^1.1.1",
...