Google Code prettify, resalta sintáxis en HTML

Google Code prettify es un módulo que hace uso de Javascript y CSS para resaltar la sintáxis de código fuente en una página HTML. Si tu tiene un blog donde escribes códigos de diversos lenguajes (C, Basic, Javascript, Ruby, etc) puedes hacer uso de esta pequeña utilidad.

Configuración 

  1. Descarga el Code prettify.
  2. Agrega la referencia al archivo Javascript y CSS en tu página web de esta manera:
    <link href="prettify.css" type="text/css" rel="stylesheet" />
    <script type="text/javascript" src="prettify.js"></script>
  3. Agrega onload="prettyPrint()" a la etiqueta body del código HTML.
  4. Puedes modificar la hoja de estilos para darle los colores que tu prefieras.

Uso

Coloca en el atributo class de las etiquetas pre y code "prettyprint": <pre class="prettyprint">…</pre> ó <code class="prettyprint">…</code>, así de manera automática se resaltara (ó coloreará) la sintáxis de nuestros códigos en nuestras páginas web.

 

Code Prettifier Ejemplo

 

Enlace | Documentación

5 thoughts on “Google Code prettify, resalta sintáxis en HTML

  1. muy util, como siempre los posts en tu blog.
    gracias y espero que sigas asi muchooooo tiempo feliz
    saludos

  2. No he usado Blogger así que no sabria decirte. Pero he visto blogs en Blogger que son personalizados pero no se hasta que punto pueda ser personalizado.

Leave a Reply

Your email address will not be published. Required fields are marked *

Proudly powered by WordPress | Theme: Wanderz Blog by Crimson Themes.