miércoles, 17 de julio de 2013

Syntax highlighting con Prettify

Agregar esta línea en el head de la plantilla del blog:

<script src='https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js'/>

Uso

<pre class="prettyprint lang-js">
function holaMundo(){ 
    
     alert('hola!');
}
</pre>

El lang-js significa que el código es javascript, si el codigo que queremos mostrar es html iría lang-html, si fuera java sería lang-java y así. Los lenguajes soportados son:

lang-none
lang-default
lang-bsh
lang-c
lang-cpp
lang-cs
lang-csh
lang-css
lang-hs
lang-html
lang-java
lang-js
lang-lisp
lang-lua
lang-ml
lang-perl
lang-php
lang-py
lang-proto
lang-rb
lang-scala
lang-sh
lang-sql
lang-vb
lang-xml

El resultado es:
function holaMundo(){ 
    
     alert('hola!');
}



Es posible poner una skin y o lenguaje como default pasándolo como parámetro al importar el js:
<script src='https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js?skin=nombre-de-skin&lang=lenguaje'/>

Skins disponibles: 

Más información:


No hay comentarios:

Publicar un comentario