Descomprimir el contenido, referenciar los archivos prettify.js y prettify.css desde la sección de encabezado de la página en que desee resaltar la sintaxis de algun código.
<link href="/css/prettify/prettify.css" type="text/css" rel="stylesheet" />
<script src="/js/prettify/prettify.js" type="text/javascript"/>
Incluir en la sección de contenido el código fuente dentro de una etiqueta pre
con clase de estilo
prettyprint
<pre class="prettyprint">
var value=eval("(" + document.getElementById("txtHint").innerHTML+")");
if(value.mensaje == "Producto existente.")
{ document.getElementById("txtHint").innerHTML = value.mensaje;
}
</pre>
con esto tendremos nuestro código fuente con sintaxis resaltada de forma automática.