Cómo colorear código en Movable Type
Es un hecho que actualmente no hay ninguna extensión que permita colorear texto en Movable Type, como los derivados de Geshi que existen para Wordpress.
Asi que la opción que nos queda es usar fuentes externas como el sitio tohtml que colorea el texto y nos permite pegarlo en nuestro sitio. Lo mejor de este sistema es que el código es 100% válido para XHTML Trasitional.
La otra opción es usar JavaScript para colorear. Seguramente la mejor librería para esto es SyntaxHigliter. Y a continuación veremos los pasos para instalarlo.
Bueno, este método funciona igual para cualquier blog, ya que al ser JavaScript funciona del lado del cliente.
Lo primero que hay que hacer es bajar toda la librería del sitio de SyntaxHighlighter. Y debemos subir todos los archivos al directorio /mt-static/.
Despues hay que agregar en la plantilla de Encabezado el siguiente código:
Después de guardar esta plantilla, debemos abrir la plantilla Pie y colocar antes de la etiqueta </body>, el siguiente código:
Uso
Hay dos maneras de usarlo, con la marca pre y con la marca textarea. Esta segunda forma es adecuada para el colorear código HTML o XML ya que funciona correctamente con los signos mayor que (<) y menor que (>). La primera forma es conventiente usarla con otros lenguajes, como Python o C++.
Para usarla simplemente hacemos colocamos nuestro código entre las marcas textarea, que debe tener el atributo name igual a "code" y la propiedad class debe ser igual al lenguaje que queremos colocar:
Visto en: http://www.maxhorvath.com/2008/03/syntax-highlighting-for-your-movable-type-blog.html
Ya que estás aquí, tal vez quieras suscribirte a la fuente de noticias RSS. ¡Gracias por visitarme!
