嵌套<pre> and </pre>代码

时间:2014-02-07 15:09:35

标签: html html5 dom

好的,太奇怪了。是否可以转义</pre>块中的<pre>代码?

我在Redmine有一个项目维基。它使用Coderay进行语法突出显示,如下所示:

<pre>
<code class="JavaScript">

//your JS code here

</code>
</pre>

我正在编写一个wiki向用户解释如何使用Redmine。我需要在上面记录...但这会产生嵌套的<pre>标记:

<pre>
<pre>
<code class="JavaScript">

//your JS code here

</code>
</pre>
</pre>

输出:

<pre>
<code class="[LANGUAGE NAME]">

//your JS code here

</code>

关闭之前的</pre>代码时遗失了最后一个<pre>。有什么方法可以逃脱</pre>以便显示它吗?

所需的输出:

<pre>
<code class="[LANGUAGE NAME]">

//your JS code here

</code>
</pre>

1 个答案:

答案 0 :(得分:4)

如果您希望<>"&字符在HTML中呈现为文字,则需要使用其HTML实体对应物:

<变为&lt;
>成为&gt;
"成为&quot;
&变为&amp;

<pre>
    &lt;pre&gt;
        foo bar baz
    &lt;/pre&gt;
</pre>

在某些特殊情况下,您可能希望'转义,在这种情况下,您应该使用&#39;(或&apos;,如果您不需要担心旧版本的IE)。