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...

2 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.