Script para la extensión Greasemonkey para resaltar cabeceras de párrafos del B.O.R. (Boletín Oficial de La Rioja) y hacer más cómoda su lectura.

La edición electrónica del BOR nos muestra las distintas órdenes y resoluciones como un texto continuo, sin ningún tipo de resaltado de los títulos de los artículos y bases:

BOR: tal y como se ve en el original

De esta manera se hace bastante difícil e incómoda su lectura. Con este script instalado en nuestro Firefox se nos resaltará determinadas partes del texto, quedando así:

BOR:: con los títulos coloreados

Para usarlo:

1. Usar Firefox
2. Instalar la última versión de la extensión Greasemonkey
3. Tras instalar Greasemonkey, reiniciar el navegador Firefox.
4. Instalar el script borcolor_v3.user.js (Descargar, renombrar a borcolor_v3.user.js, navegar a la carpeta y sobre el fichero botón derecho -> Install User Script).
5. Visitar cualquier página del B.O.R. y comprobar el resultado.

El resaltado se mantiene a la hora de imprimir, siempre que la impresión la realicemos, no con el botón que aparece en cada página del B.O.R., si no a través del propio navegador.

Para facilitar la impresión podemos abrir el marco en el que aparece la página en otra pestaña. Para ello, pulsar botón derecho del ratón y elegir “este marco -> abrir marco en una nueva pestaña“.

Historia:

Había oído hablar de la extensión Greasemonkey, pero nunca la había probado. Cuando en Barrapunto apareció un script para facilitar el formateo de los comentarios, gracias¹ a Elemuy, me decidí a probarlo y vi los espectaculares resultados que se pueden conseguir con unas pocas líneas de Javascript.

Por otro lado, hacía tiempo que había pensado en dar una solución al pésimo formato de la edición electrónica del B.O.R. No es que lo lea mucho, pero las poquísimas veces que lo he consultado me he dejado los ojos… Y se que hay gente que lo consulta diariamente.

Así que como tenía otras cosas que hacer (y no hay nada como tener obligaciones para ponerse creativo ), me lancé a intentar hacer un script.

Como no quería perder demasiado tiempo, fui por el camino fácil. Primero eché un vistazo a algunos scripts, pero ninguno se asemejaba lo suficiente a lo que quería hacer como para tomarlo como base. Entonces me encontré con la extensión Platypus que viene a ser una manera de programar gráficamente scripts para Greasemonkey. Lo instalas, navegas con Firefox a la página que quieres modificar, activas Platypus, marcas lo que quieres modificar, y guardas el script generado. Cuesta un poco hacerse con él, pero funciona perfectamente. Lo malo es que actúa sobre elementos del árbol DOM, y yo quería modificar “texto libre”. No me sirve. Voy a tener que leer la documentación de Greasemonkey…

Me pongo a leer la documentación de Greasemonkey de Mark Pilgrim y descubro algunas cosas curiosas que no conocía: el “inspector DOM”, el bookmarklet para tener una shell de Javascript con la que hacer pruebas en vivo sobre una página, … y también que todos los ejemplos tratan de la modificación de elementos de la página, ninguno de como modificar un texto. Tendré que buscar en otro sitio…

Vuelvo a mirar los muchos user scripts ya hechos y me fijo en un par de ellos: clean language y linkify Ambos modifican texto de la página y son lo bastante pequeños como para leerlos y entenderlos rápidamente. Al final me decanto por “linkify” (el cual por si mismo es un script estupendo para páginas con los “http://…” sin enlace) y a base de prueba y error (como se hacen las cosas cuando no eres un experto del lenguaje que estás manejando), me hago con él y consigo resaltar todas las cabeceras de párrafo del tipo “Artículo …”, “Base …” que aparecen en el B.O.R., que es lo que quería conseguir.

Una tarde delante de la pantalla para conseguir, con unas pocas líneas (la mayoría copiadas), un resultado de lo más aparente; y de paso aprender un poco más de Javascript, de Greasemonkey, y recordar las REGEX , que las tenía un poco olvidadas.

¹ En los enlaces de la entrada de la bitácora de Elemuy ya no está disponible el script. Una pena.