No se puede resaltar la sintaxis xml con highlight.js

Question

Estoy tratando de imprimir xml en una página html.

Ejemplo:

<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> 

Me gustaría utilizar highlight.js para resaltar código en una página pero no hay un conflicto con XML y HTML.

Solo tuve éxito con algunos códigos php usando <pre><code class="php"></code></pre>, no he intentado con otros idiomas. La única forma que encontré para mostrar el código xml es en un área de texto, pero preferiría mostrar el xml con algunos resaltados de sintaxis.

He hecho un jsfiddle to illustrate the problem.

Espero que pueda ayudar.

Answer 1

Debe escapar de los corchetes angulares con < y > cuando desee mostrarlos literalmente. De lo contrario, tiene un marcado real dentro de su elemento <code> que los navegadores intentan interpretar. Esto no tiene nada que ver con el JavaScript que se le aplica.

Answer 2

Por lo que vale la pena, Google Prettify deja sin contenido bloques XML correctamente (sin tener que codificarlos como <.