Prism, Javascript Syntax Highlighter

| 2013-07-30 | No hay comentarios »

Prism.js-Syntax-Highlight-for-codePrism es una librería para hacer Syntax Highlighter, o coloreado de sintaxis en Javascript, ligero en Kb y extensible con diversas funcionalidades. Está creado con estándares web completamente abiertos y es usado en cientos de sitios web.

Se basa en una pieza de Javascript que permite mostrar el código fuente de una manera más atractiva y con diversas plantillas o temas de colores, con diversas cadencias en tonalidades oscuras o claras.

Sus características más resaltantes son:

– Sencillez: Incluye el archivo prism.css y prism.js y para integrarlo simplemente tienes que usar tags HTML5 como CODE o PRE, a la que le agregamos la clase “language-xxx”, donde xxx es el lenguaje del código fuente que queremos colorear su sintaxis.
– Ligero de peso: 1.6 Kb de peso, si lo usas minimizado y gzipeado. Para cada lenguaje que quieras colorear tienes que añadir de 0.3 a 0.5KB y cada tema 1KB.
–  Extensible: Puedes definir nuevos lengiajes o extender los que ya existen y tiene una arquitectura basada en plugins para poder añadir nuevas funcionalidades que se te ocurran o que hayan sido desarrolladas por otros.
– Intuitivo: permite cosas como definir una vez el lenguaje para distintos bloques de código por medio de herencia.
– Rápido: si están disponibles en tu navegador usa tecnologías modernas del HTML5, como los Web Workers.
– Fácil de aplicar estilo, gracias al uso exclusivo de CSS para estos menesteres.
– Colorea los lenguajes incrustados en otros lenguajes, como CSS dentro de HTML o Javascript dentro de HTML, ya sean propiedades colocadas “inline” o en bloques diferentes.
– Soporte a todos los navegadores modernos y a la mayoría de exploradores de dispositivos móviles.
– Cantidad de plugins adicionales que pueden incrementar las posibilidades, como destacar la sintaxis únicamente de algunas líneas, mostrar los caracteres invisibles como tabuladores o espacios, crear enlaces automáticamente en textos que contengan URLs o emails.

La parte negativa, falta de soporte para Internet Explorer 6 a 8.

Podemos ver ejemplos y descripción completa de las funcionalidades en su propia página web:

http://prismjs.com/

Acerca del autor: Rodrigo Paszniuk

Ingeniero Informático, amante de la tecnología, la música, el ciclismo y aprender cosas nuevas.




SEGUÍNOS EN FACEBOOK


GITHUB