Formatear código en WordPress con el plugin Crayon Syntax Highlighter

Formatear código en WordPress con el plugin Crayon Syntax Highlighter

Tanto si te dedicas a las publicaciones técnicas en WordPress como si esporádicamente publicas alguna entrada en tu blog que implique mostrar código de algún lenguaje de programación o texto formateado de determinada aplicación o plataforma, te habrás visto en la situación de que la etiqueta <code> se te queda pequeña.

Además de poder formatear este código en WordPress con etiquetas HTML, podemos hacer uso de plugins como HTML Editor Syntax Highlighter, iG:Syntax Hiliter y otros similares disponibles

Vamos a optar por el plugin Crayon Syntax Highlighter que además de tener un manejo muy sencillo para usuarios con poco conocimiento de HTML o etiquetado, es quizás uno de los mejores resaltadores de código que he conocido en WordPress.

Puedes leer la entrada ampliada que he publicado en el Blog de Webempresa desde el siguiente enlace.

Algunos ejemplos de código formateado:

XHTML:

<!DOCTYPE html>
<html>
<body>
<h1 style="font-family:verdana;">A heading</h1>
<p style="font-family:arial;color:red;font-size:20px;">A paragraph.</p>
</body>
</html>

Perl:

#! /usr/bin/perl -w
# Pinta los ultimos ficheros de un directorio
use Cwd;
$n= shift;

opendir(DIR,&cwd) or die "No se puede abrir el directorio $dirActual: $!n";
my @indice= readdir(DIR) or die "No se puede leer $dirActual: $!n";
closedir(DIR);

$n--;
for ($i= $#indice - $n; $i <= $#indice; $i++) {
  print &cwd . "/$indice[$i]n";
}

Shel UNIX:

#!/bin/csh
#$ -S /bin/csh
#$ -cwd
echo "RUNNING USING INSIDE GRID-IBERO"
cal -3
sleep 300
uname -n
date
echo " End running program "

C:

/* sentencia simple */
x = y * 5 + sqrt(z);

	/* sentencia compuesta con llaves */
{
	a = b;
	b = x + 1;
	printf ( “hay %d productos”, num_prod );
}

	/* sentencias compuestas dentro de otras */
{
	{ x=1; y=2; }
	{ z=0; printf(“holan”); }
}

Y tu ¿tienes otras formas de formatear el código de tus post o artículos?, ¡¡cuéntanoslas!! 😉

Mis post en tu correo cuando se publiquen

Sin SPAM ¡Palabra!

I agree to have my personal information transfered to MailChimp ( more information )
Compartir es GRATIS ¿te animas?Tweet about this on Twitter
Twitter
Share on Google+
Google+
0Share on Facebook
Facebook
0Pin on Pinterest
Pinterest
0Email this to someone
email


¿Algo que añadir? Escoge tu caja de comentarios favorita y cuéntamelo!

Dejar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

CommentLuv badge

Loading Disqus Comments ...
Loading Facebook Comments ...