Posterous
David is using Posterous to post everything online. Shouldn't you?
2s_thumb
 

Código fuente en Posterous con SyntaxHighlighter

Este es un breve recordatorio sobre la posibilidad de incluir código fuente formateado en nuestros posts a través de la librería JavaScript SyntaxHighlighter.

Basta con incluir nuestro código entre etiquetas code, pudiendo además indicar el lenguaje de cada fragmento de esta forma: 

[code lang='php'] 
  código PHP 
[/code ] (sin espacio antes del corchete de cierre)

Los lenguajes soportados son los incluidos en esta página del Wiki del producto (columna Brush aliases).

La librería está importada en el sistema Posterous por lo que sus opciones de configuración son limitadas, usándolo en nuestras propias aplicaciones web será posible personalizar los esquemas de resaltado de sintaxis a través de Temas CSS o incluir nuevos Brushes si es que aún necesitamos formatear código escrito en un lenguaje no soportado.

Algunos ejemplos:

PHP

function helloWorld() { 
 echo "Hello, World!"; 
} 

JavaScript

function helloWorld() { 
 alert("Hello, World!"); 
} 

Python

def helloWorld(): 
 print "Hello, World!" 

El correcto funcionamiento de este formateado de código depende del tratamiento HTML que nuestro cliente de correo electrónico realiza al enviar texto enriquecido. Algunos clientes incluyen cierto código HTML que será interpretado por SyntaxHighlighter y por lo tanto afectará al código original que deseamos destacar.

Ante estas dificultades —si tenemos conocimientos de XHTML— Posterous nos ofrece un editor HTML por lo que podremos eliminar el citado y molesto código sobrante de forma manual, algo en ningún caso justificable puesto que la comodidad y simplicidad de Posterous es uno de sus pilares y en este caso concreto brilla por su ausencia.

Enlaces de interés:

Loading mentions Retweet
Publicado el 2/12/2009

Comentarios (2)

Feb 13, 2010
Yises said...
Muy buen blog!!!! Tiene artículos muy interesantes!!! Felicidades
Feb 13, 2010
David Anguita said...
Gracias!

Escribe tu comentario...

 
Got an account with one of these? Login here, or just enter your comment below.
Posterous-login    Connect    twitter