Question

我与大多数人的要求相反。我想显示原始的Html字符代码，而不是显示其字形。

我有一个使用最新Unicode代码的表情符号表。例如，??在页面中写为😀和&#1f607;。我正在做一个快速参考实用程序，所以当我点击其中一个时，我想显示图形的代码。不幸的是，如果我将字符值推送到元素的innerText或innerHTML，它总是显示字形。如何以&#1f600;的文字形式显示&#1f600;的值，而不是?

感谢所有有用的答案。我尝试使用<code>和<pre>，但它们对我不起作用。我使用jQuery选择<code>元素并将其text设置为😀。显示图形而不是文字代码字符。也许我使用了错误的属性或功能。或者我应该不使用jQuery？

我的代码是：

<script>
  $('.emoji').click( function() {
     $('#selected').text(this.innerText);
  });
</script>

<div class='emoji'>&#x1f600;</div> 
<div class='emoji'>&#x1f607;</div>

<code id='selected'></code>

Answer 1

您应该可以执行以下操作：

&amp;#x1f600;

请参阅此代码笔

http://codepen.io/anon/pen/MbgKpw

Answer 2

最简单的方法是将字符代码保存到数据属性并从那里拉出来。

ANY

  $('.emoji').click( function() {
     $('#selected').text("&#x"+$(this).data('code')+";");
  });

Answer 3

如果您只编码＆符号＆amp;它会显示你想要的东西：

&amp;#x1f607;&#x1f607;

＆安培;＃x1f607; ?

Answer 4

这是一个小提琴：https://jsfiddle.net/3mbdpzdq/

<xmp>
    &#x1f600;
</xmp>

如何显示原始的原始Html代码？

4 个答案: