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:

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&eacute; 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&amp;type=user&amp;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!! :mrgreen:

Para ver el resto de plugins que probé y como llegué a la decisión, ver entrada:
Probando un SyntaxHighlight para el blog


1 comentario en “Wp-Syntax, tu coloreador de sintaxis (Highlight) en Wordpress” »

  1. Pingback Cultura Digital#Blog » Probando un SyntaxHighlight para el blog opinó:

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

Dejar un comentario

XHTML: Puedes usar estas etiquetas: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Aunque no estamos sujetos a la LOPD, igualmente informamos que los datos que se introduzcan en el presente formulario serán tratados y protegidos de acuerdo a dicha ley. El propietario actual de este sitio web es el responsable del tratamiento de los datos.

No se garantiza la publicación del comentario.