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).
Real Time Syntax Highlighting JavaScript
VÃa / dzone
Tag Archives: formatear codigo
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.