Despues del ultimo post he tenido varias preguntas sobre como se presenta el codigo, claramente lo ha hecho mucho mas legible el hecho de estar indentado y highlighteado. Esto ha sido posible gracias a un plug-in de wordpress llamado WP-Syntax que permite poner el codigo en tags <pre> y en vez del tag <code>, con lo cual se respetan los tabs para indentar el codigo.
Ademas de esta funcionalidad tenemos la posibilidad de indicar el lenguaje que estamos usando, el plug in se basa en el proyecto GeSHi con lo cual permite el uso de muchos lenguajes sin ningun problema. Por lo cual nuestro codigo terminaria de la siguiende manera.
function(){ // Algo de codigo }
Donde tambien tenemos la posibilidad de agregar el atributo line=”1″ para que nos agrege las lineas que utilizamos.
1 2 3 | function(){ // Algo de codigo } |
Espero que esto les sirva para mejorar el como presentan su codigo y si utilizan algun otro plug in, dejen un comentario con su sugerencia.
Related posts:
Bueno ya que andas metido en todo l que es front-end, crees que sea un bue proyecto para css/html yjavascript(?) el tratar de hacer mi propio plugin para desplegar código? Has checado como funciona geshi? La verdad me interesaria intentar hacer el plugin, solo que quier medir la complejidad y pues asi ver la curva de aprendizaje y tiempo que me tomaria.
En el caso de este plug in funciona en server-side, geshi tiene una librería de PHP con todos los comando/funciones/información que debe de encontrar por lenguaje. En algunos casos es una sustitución sencilla y en algunos casos es es un regex. Lo mismo podría aplicarse para un WYSIWYG en client side. Seria un proyecto interesante, implicaría eventos, detección de teclas y manipulación de texto. Cuando lo termines podrías ponerlo sobre interfaces como etherpad o algo como comet y conectarlo con Git hub. Claramente seria algo divertido de hacer.