Colorear el código o la sintaxis de un lenguaje

Octubre 26, 2009

Scripts

Existen muchas formas de colorear automáticamente el código fuente de un lenguaje de programación para que adquiera una sintaxis mucho más amigable.

Como ya imaginarás, es importante mejorar la apariencia monocromática de un script que pretendes mostrar a tus lectores, ya que podrán diferenciar con facilidad las distintas partes del código y comprenderlo mejor.

Colorear Sintaxis con PHP

Existe una función PHP que es capaz de colorear la sintaxis de un código escrito en PHP e incluso identarlo automáticamente, hablo de la función highlight_string.

Ejemplo:




<?

$string = "<? echo 'Hola Mundo'; ?>";

echo highlight_string ($string, true);

?>

Resultado:




<?

echo 'Hola Mundo';

?>

Plugin WordPress para colorear Sintaxis

Para los que utilicen WordPress como CMS (Gestor de contenidos) para su blog, pueden usar este sencillo plugin.

El autor indica que para utilizarlo, debes colocar el código que quieras colorear, dentro de las etiquetas <pre lang="LANGUAGE"> y </pre>

Ejemplo:


<pre lang="php"><? echo 'Hola Mundo'; ?></pre>

Como ves he sustituido LANGUAGE por el lenguaje de programación al que quiero colorear su sintaxis, en este caso php.

Colorear Sintaxis de un código online

Para el que no quiera molestarse demasiado en descargar un plugin o usar una función, siempre puede utilizar este demo.

Basta con pegar el código que quieres colorear, elegir en Syntax el lenguaje de programación, marcar la casilla Output as HTML snippet, y pulsar el botón Highlight.

Te devolverá un código HTML con estilos CSS, por lo que tan solo debes añadirlo a tu web o blog y ya se verá la sintaxis con color.

Resultado:

<?
echo 'Hola Mundo';
?>

Función para detectar y colorear sintaxis PHP

Para terminar, añado una sencilla función de mi propia cosecha, escrita en PHP:




<?

function sintaxis ($cadena) {

  while (strpos ($cadena, '[codigo]')) {

    $parte1 = explode ('[codigo]', $cadena, 2);

    $parte2 = explode ('[/codigo]', $parte1[1], 2);



    $code = highlight_string ($parte2[0], true);



    $cadena = $parte1[0].$code.$parte2[1];

  }



  return $cadena;

}

?>

Su funcionamiento es bastante intuitivo, todo lo que se encuentre entre las etiquetas [codigo] [/codigo], se le aplicará la función highlight_string (que mencioné más arriba), y todo lo demás se dejará intacto.

Nota: Se puede utilizar perfectamente este script sustituyendo la función "highlight_string" por cualquier otra que encontréis en la red que se encargue de colorear la sintaxis de un código.

Tags: Php Sintaxis Color

Comentarios [0]

Si te gustó el artículo...

Puedes seguir el blog a través de Twitter, Facebook o tu lector de feeds RSS.

0 Comentarios

Aún no hay escrito ningún comentario

Deja tu Comentario

Asigna una imagen a tu email con Gravatar, si no sabes accede al siguiente Tutorial.

Información

Aplicamos el tag nofollow, y los enlaces con keywords en los comentarios podrían ser eliminados, intentamos mantener limpio el blog de spam.
Puedes usar las etiquetas <i>, <b>, <em>, <strong>, <a>, href, procura cerrarlas adecuadamente o tu comentario podria no mostrarse del modo que deseas.
Si necesitas que se vean en el comentario caracteres especiales como los usados en lenguajes de programacion como php, xhtml, etc., debes escribirlo dentro de las etiquetas [code] [/code], de lo contrario no se mostrará.
Procura no escribir enlaces que no tengan ninguna relación con el tema.
Si realizas una crítica procura argumentarla, pero sobretodo evita los insultos.