in open source, programación

CodeHere

En un post anterior, les platiqué de mis eternos problemas para insertar snippets de código en este humilde blog. En aquella ocasión había llegado a la conclusión que Gist era la herramienta perfecta pero la verdad es que tiene un defecto: el código no se ve en el feed.

Así que se me ocurrió que no era necesario para nada escribir el código “a mano” en el post (lo cual apesta) sino que es más fácil subirlo WordPress, adjuntarlo al post y luego usar un plugin para colorear el código. Y aqui les presento éste plugin.

Bueno, lo presento despues del salto.

CodeHere funciona de esta manera:


  1. Instalas el plugin.

  2. Creas tu código de ejemplo en un archivo en tu editor de código favorito.

  3. Lo adjuntas a tu post usando el dialogo “Upload/Insert” (el mismo que usas para adjuntar fotos) pero no insertas nada, solo copias el nombre del archivo.

  4. Lo insertas en tu post mediante un sencillo shortcode: [codehere].

Así que suponiendo que subes un archivo llamado html5.html, lo insertarás en tú codigo escribiendo lo siguiente

[[codehere html5.html lang=html]]

Y el resultado será el siguiente:

[codehere html5.html lang=html]

Puedes tambien hacerlo mismo con css

[[codehere code.css lang=css]]
[codehere code.css lang=css]

Y hasta ruby

[[codehere sinatra.rb lang=ruby]]
[codehere sinatra.rb lang=ruby]

En este último caso, WordPress no permite subir archivos con extensión .rb (imagino que por cuestiones de seguridad) en este caso, el archivo tiene una extensión .rb.txt pero la parte de txt la ignoraremos en nuestro código.

El plugin está alojado en GitHub y pueden descrgarlo la última versión desde aquí.

Si les es de utilidad alguna, un enlace siempre se agradece.

Write a Comment

Comment

  1. felicitaciones Armando! lo probaré cuando lo necesite pero me alegra mucho que ya estés hecho un duro* hackeando**!

    *no sé sí esa palabra aplique para mx, siginifica como “pro” o “experto”

    **en el buen sentido (el de paul graham) para la palabra hacking :)

  2. @delreal me agrada la palabra “duro”, aunque en México y conociendo a los mexicanos sería muy selectivo usándola. Y tambien hay que tener cuidado con la palabra “hacker”, luego llegan los comentarios diciendo: hoygan kiero jakear una cuenta de hotmeil.

    LOL.

    Ojala que te sirva el plugin.

  3. Me gusta la idea de adjuntar el archivo, se oye mucho mas practico, que pegar el codigo en el editor y usar algun plugin para darle formato