Wp-Syntax, tu coloreador de sintaxis (Highlight) en Wordpress 18 Septiembre, 2007
Esta entrada ha sido publicada por Covi y está archivada en Desarrollo Web
Pues bien… tras muchas, muuuuuuchas pruebas y cambios varios en el blog y sus entradas -para formatearlas de acuerdo al plugin usado- por fin me he decantado por un plugin, código, librería… para usar el resaltado de sintáxis de código:
Wp-Syntax!! basado en Ghesi (Generic Syntax Highlighting).
Las razones
han sido varias que ya llevaba sopesando:
- Marcado válido.
- Sin etiquetas propietarias.
- Con etiquetas estándares y que funcionen sin el plugin (Importantísimo!) .
He de decir que me gustaba mucho la librería de google pero me tiraba algunos errores y como ya dije no me gustaba poner un textarea.
Este plugin… o más bien la librería en que se basa -Ghesi- tiene soporte para un gran número de lenguajes, si usas php en tus entradas no ofrece problema alguno al incrustarlo, de fácil pesonalización y marcado válido:
Aunque no me guste demasiado que use una tabla para usar las líneas de código, en todo caso es válido y semántico pues muestras datos tabulares.
El uso?, muy fácil:
<pre lang="LENGUAJE" line="1">tu código<pre>
^^ es genial… por ahora.
Ejemplos:
(X)HTML y XML en general (con líneas):
1 2 3 4 5 6 7 8 9 10 | <object type="application/x-shockwave-flash" data="http://twitter.com/flash/twitter_badge.swf" title="Twitter, qué estoy haciendo?" width="176" height="176"> <param name="pluginspage" value="http://www.macromedia.com/go/getflashplayer"/> <param name="movie" value="http://twitter.com/flash/twitter_badge.swf" /> <param name="FlashVars" value="color1=3355443&type=user&id=AQUI CAMBIA EL ID QUE TE DAN POR TU NICK" /> <param name="wmode" value="transparent" /> <param name="quality" value="hight" /> <param name="align" value="middle" /> <param name="allowScriptAccess" value="always" /> </object> |
PHP
<div id="foo"> < ?php function foo() { echo "Hello World!\\n"; } for ($i = 0; $i < 10 $i++) { foo(); } ? > </div>
Bash
#!/bin/bash sudo cp /etc/X11/xorg.conf /etc/X11/xorg.mi_backup sudo killall gdm sudo apt-get install linux-headers-`uname -r` build-essential gcc gcc-3.4 xserver-xorg-dev sudo cat /etc/default/linux-restricted-modules-common | grep \# > /etc/default/linux-restricted-modules-common ; echo DISABLED_MODULES=\"nv\" >> /etc/default/linux-restricted-modules-common sudo sh /mnt/Almacen/covi_files/Descargas/NVidia_driver_1.0.97/NVIDIA-Linux-x86_64-1.0-9755-pkg2.run
Java
1 2 3 4 5 | public class Hello { public static void main(String[] args) { System.out.println("Hello World!"); } } |
Ruby
18 19 20 21 22 | class Example def example(arg1) return "Hello: " + arg1.to_s end end |
Me encantaaa!!
Para ver el resto de plugins que probé y como llegué a la decisión, ver entrada:
Probando un SyntaxHighlight para el blog




[...] Cultura Digital#Blog » Wp-Syntax, tu coloreador de sintáxis (Highlight) en Wordpress opinó: [...]
18 Septiembre 2007 @ 0:47