Resalta código en tu blog

Ya contamos en su día como formateamos el código en Sentido Web, consiguiendo que los scripts que contamos sean más fáciles de leer. Supongo que existen varios scripts que hacen la misma función, pero este que os muestro ahora me ha gustado bastante porque sirve para varios lenguajes (PHP, HTML, Java y Javascript y porque además usa los colores que se muestran en Eclipse (a los cuales estoy bastante acostumbrado).
rtsh.png
Real Time Syntax Highlighting JavaScript
Vía / dzone

Formatear el código como en Sentido Web

Para aquellos que les guste como formateamos los comentarios en Sentido Web, vamos a explicar el código creado por Choan:

El proceso que sigue es el siguiente:

  • Obtener todos los elementos pre.
  • Para cada pre leer el primer elemento code que tenga.
  • Obtenemos el texto que contiene.
  • Dividimos el texto en líneas.
  • Por cada línea comprobamos si hay algun tipo de comentario, si hay comentario lo separamos en dos partes para luego darle distintos estilos, diferenciando así el formato del comentario.
  • Nos creamos un elemento ol, y en cada li insertamos una línea obtenida anteriormente.
  • Sustituimos el elemento pre por el ol.

Read More “Formatear el código como en Sentido Web”