domingo, 12 de octubre de 2008

Blogger Syntax Highlighter

Cosas de newbie... Hacía tiempo que estaba buscando una herramienta para dar formato a los ejemplos de código en los posts. El problema, como siempre, son las palabras. No daba con ellas para la búsqueda.

Bien, hoy casualmente me entero del nombre de este tipo de cosas, Syntax Highlighter (sinceramente mi inglés no daba para tanto, jamás se me hubiese ocurrido). Encontré uno para blogger en FaziBear y puesto que ya está instalado, vamos a probarlo...

public class CSharpFormateado
{
  public int _mivariable;

  public CSharpFormateado(int mivariable)
 {
   _mivariable=mivariable; //comentarios OK.
 }

 public int MiVariable
 {
   get { return _mivariable;}
 }
}
function MiFuncionJS(arg)
{
  for(var i=0;i<10;i++)
   alert(i + arg);
}
<html>
<body>
<p>
Adoro HTML!
</p>
</body>
</html>

Actualización: Funcionó para c#, pero no para javascript o html. RTFM...

Actualización 2: Parece que el atributo "name" de los "pre" que envuelven al código debe ser "code" sí o sí. Queda entonces:


<pre name="code" class="html">
<!-- Noten la sustitución de < por &lt; -->
&lt;html>
&lt;body>
&lt;p>
Adoro HTML!
&lt;/p>
&lt;/body>
&lt;/html>
</pre>

Actualización 3: No me digan, no funciona en el feed... nada es fácil en esta vida...

Actualización 4: Hasta donde entendí el tema es el siguiente: ninguna solución que utilice javascript para procesar el código de ejemplo va a funcionar en todos lados. Ergo, lo óptimo sería crear una pequeña aplicación (un programita, bah) con la que podamos pre-procesar los ejemplos de código y postear directamente el resultado, evitando hacerlo on the fly... tal vez alguien lo haya hecho ya...

3 comentarios:

Mauro Gomez dijo...

Hey puedes decirme como lo incluiste en tu blog???

AcP dijo...

Toda la info del proyecto está en

http://code.google.com/p/syntaxhighlighter/

Para resumir (mucho) yo simplemente me bajé el javascript y lo copié-y-pegué tal cual en el footer de la plantilla de blogger. No es lo más elegante pero va.

RAZIEL2099 dijo...

Creo que lo que estan buscando son resaltadores de codigo

http://www.elwebmaster.com/general/los-mejores-resaltadores-de-sintaxis-de-codigo-para-tu-web

Para los blogs El punto 11 es el que mas mola, diablos!, incluso para desarrollar en modo local o una web, pues te da el archivo CSS y ofrece una gran variedad de diseños, ademas es compatible con varios tipos de sistemas operativos.

Yo lo postearia en mi blog, pero no tendria sentido (quisas en otra ocasion). si quieren visitenlo y vallan a

http://raziel2099.blogspot.com/2009/04/analizadorlexjava.html

Veran un ejemplo.

Aunque para mas seguridad he sustituido los espacios en blanco y tabs por &_n_b_s_p;_ (espacio HTML) jeje... pero el codigo que ofrece es bastante bueno... lo unico que hay que fijarse es que no haya espacios en blanco al final de las lineas del codigo fuente que se va a convertir... el editor de blogger da ese problema, pues le agrega una linea mas al codigo que ofrece el programa (en el caso de que haya espacios en blanco al final).

Tambien te da la opcion de embeber el codigo CSS en las etiquetas y asi tener todo el codigo.