使用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浏览器，您使用的是什么浏览器..？

 document.querySelector("#container").innerHTML = "👩‍👩‍👦"; document.querySelector("#container2").innerHTML = "👩‍👩‍👦"; document.querySelector("#container3").innerHTML = "👩‍👩‍👦"; 

 <div id="container"> </div> <div id="container2"> </div> <div id="container3"> </div>