无法使用highlight.js突出显示xml语法

时间:2012-06-09 19:52:56

标签: javascript html xml syntax-highlighting

我正在尝试在html页面上打印xml。

例:

<pre><code class="xml">
    <?xml version="1.0"?>
    <response value="ok" xml:lang="en">
        <text>Ok</text>
        <comment html_allowed="true"/>
        <ns1:description><![CDATA[
        CDATA does <not> escape <tags like="this"></tags></not>.
        ]]></ns1:description>
        <a></a> <a/>
    </response>
</code></pre>

我想使用highlight.js突出显示网页上的代码,但与xml和html存在冲突。

我只使用<pre><code class="php"></code></pre>成功使用了一些php代码,还没有尝试过使用其他语言。我发现显示xml代码的唯一方法是在textarea中,但我更喜欢用一些甜蜜的语法高亮显示xml。

我做了jsfiddle to illustrate the problem

希望你能提供帮助。

2 个答案:

答案 0 :(得分:23)

如果要按字面显示,请使用&lt;&gt;转义尖括号。否则,您的<code>元素中的实际标记会被浏览器尝试解释。这与应用于它的任何JavaScript无关。

答案 1 :(得分:4)

对于它的价值,Google Prettify确实正确呈现XML块(无需将它们编码为&lt;