pre和xmp标记中的HTML代码呈现

Question

我正在尝试在<pre>和<xmp>标记中显示一些HTML代码，但这个HTML代码实际呈现的不仅仅是显示代码。此外，我正在使用Google Prettify突出显示语法。

<pre class="prettyprint code"></pre>

的javascript

$(".code").html("<xmp>"+data+"</xmp>");
$('.prettyprinted').removeClass('prettyprinted');

prettyPrint();

所以，当我尝试显示<b>HEllo</b>时，我得到 Hello

Answer 1

您必须使用HTML-Entities。

e.g。

<b>HEllo</b>

显示为＆lt; b＆gt; HEllo＆lt; / b＆gt;

Answer 2

我解决了这个问题。我在我的css中的某处做了class="tag"，并且显然使用相同的类名（.tag）来标记html标记，所以在我将我的类的名称更改为其他名称之后，一切都很好。