
uando disponemos de un blog o página web en el que queremos mostrar código fuente a nuestros visitantes nos encontramos con que debemos transformar dicho código y en la mayoría de los casos mostrarlo de una forma poco vistosa. Para mejorar el aspecto de éste código utilizaremos SyntaxHighlighter.
El mejor ejemplo que os puedo mostrar es el código que os muestro en esta misma entrada, editado con SyntaxHighlighter.
Para cargar la librería lo haremos desde los archivos que nos proporcionan los creadores del proyecto. Las librerías a obligatorias que debemos cargar serán las siguientes:
Lo siguiente es llamar a la función que buscará y tratará el código
Dependiendo del código que queramos mostrar, debemos cargar las librerías correspondientes. En nuestro caso cargaremos las librerías de XML, JavaScript y CSS.
Para, finalmente, mostrar el código debemos añadir el código dentro de la etiqueta pre.
Código a mostrar
La ventaja de este script es que es totalmente configurable, disponiendo de muchos temas diferentes y sopotando la inclusión la mayoría de los lenguajes.
Para poder mostrar cualquier lenguaje, podemos ver la lista completa de los soportados en el siguiente link y para ver el listado y ejemplos de los distintos temas disponibles en este otro link.
Se trata de una buena solución para mostrar código fuente con formato en nuestra página web.

Muy buenoooo!!!!!
ResponderEliminarEste comentario ha sido eliminado por un administrador del blog.
ResponderEliminarMuy interesante.. Y útil, gracias...
ResponderEliminarno se ven los codigos, arreglalo.
ResponderEliminar