Los mañosos editores de Blogger

Esto tal vez sea una sutileza pero a muchos les está preocupando la limpieza del código que escriben en una entrada y a veces, suele ser tema de consulta porque ciertas cosas no funcionan como suponemos que deberían funcionar.

Aquí se nos mezclan dos temas, primero, que Blogger no tiene un solo editor sino dos (o tres), uno es el normal el que ellos llaman "antiguo" y otro es el actualizado que tiene una posible variante si accedemos via Blogger Draft.

En todos los editores veremos tres modos:

• Redactar es lo que se llama modo WYSIWYG (What You See Is What You Get) que muestra lo que agregamos con ciertos formatos que podemos agregar seleccionado y haciendo click en los diferentes botones
• Edición de HTML tiene algunos botones de formato pero básicamente se usa para escribir o editar el código html
• Vista previa abre una ventana con una vista preliminar de la entrada

Qué editor usamos es subjetivo, cada uno elegirá el que más le guste, el que se adapte más a sus necesidades o con el que se sienta más cómodo sin embargo, debemos tener conciencia de las limitaciones de cada uno ellos y sobre todo, debemos saber que si permutamos entre los diferentes modos, el código resultante podría variar y en algunos casos, destruir eso que hemos hecho.

La mayoría utliza el editor como un procesador de textos mínimo y ahí no habrá demasiados inconvenientes pero, algunos de nosotros necesitamos usar etiquetas que no están previstas o agregar cosas que el editor WYSIWYG no nos ofrece ni podrá ofrecernos nunca, ni este ni ningún otro. Entonces, tal vez escribimos un código, ponemos cosas y luego cambiamos de modo o hacemos vista previa y queremos continuar pero ohhhhhh ¿qué pasó?, enlaces que decían href="#" dicen cosas estrafalarias, las etiquetas PRE ya no son lo que eran, hay DIVs extras, los colores tienen otro formato, los tamaños de las fuentes usan porcentajes o se les ha quitado la unidad, etc, etc, etc.

Esto, era algo que ya pasaba en el viejo editor pero se ha vuelto mucho más problemático en el nuevo.

El segundo punto importante es que los navegadores nos complican la vida y Blogger echa leña al fuego porque el código resultante de algo que formateamos, tendrá un código diferente según sea el navegador que estemos utilizando y aquí diré algo que irritará a los geeks: de todos ellos, Chrome es el peor de todos.

Una prueba simple. Escribo algo en Chrome y el código fuente será esto:

Se han agregado DIVs por todos lados, separando los párrafos cada vez que hacia un salto de línea; para las negritas usa la etiqueta B y para las itálicas la etiqueta I; no es que eso esté mal pero ambas son etiquetas depreciadas por la w3org; peor aún, se agregan etiquetas SPAN con una clase que no existe ¿para qué? Don Google/Blogger?:

<span class="Apple-style-spam" style="font-size:x-large;">que pasa</span>

En Firefox todos los formatos llevan una etiqueta SPAN y los párrafos la etiqueta DIV:

En Internet Explorer se generan etiquetas P para los párrafos, las negritas usan la etiqueta STRONG y las itálicas la etiqueta EM; es decir, mal que les pese a muchos, el código generado es mucho más razonable:

En todos los casos, los colores se muestran en formato rgb() y los tamaños de la fuentes con palabras o porcentajes.

¿Y para que me interesa todo esto? En realidad, para nada si es que no escribimos códigos; sin embargo, sería mejor que las etiquetas siempre fueran las mismas (usar STRONG y EM) ya que de ese modo se podrían definir reglas de CSS para ellas. Pero, el problema se presenta cuando escribimos códigos o los editamos; entonces, deberíamos tener mucho cuidado, verificarlos antes de publicarlos o simplemente, sólo utilizar el editor en el modo HTML.

Para eso, también hay una opción que está disponible en la Configuración de Blogger. Allí, en la pestaña Básico, casi al final de la página vemos las llamadas Configuraciones Globales que son las que afectan a todos los blogs de la cuenta. Una de ella es Seleccionar editor de entradas:

Editor actualizado
Editor antiguo (dejará de estar operativo próximamente)
Ocultar modo de redacción Sólo se debe seleccionar en caso de que normalmente utilices la edición HTML en lugar de la edición de texto.

Marcando la última opción, sacamos el Modo Redactar del editor y evitamos tentarnos y hacer lio.

ACTUALIZACIÓN:
Para colmo ... si usamos el editor viejo, ahora aparece este mensaje que en un sistema normal sería un ultimatum pero que en Blogger puede significar cualquier cosa. Es que algo similar sucedió cuando pasó a ser Blogger Beta y se decía que las viejas plantillas dejarían de existir y aún gozan de buena salud pero, de todos modos, habrá que poner las barbas en remojo.

¿No es lindo esto de lidiar con las mejoras que empeoran todo?

¿Que haría yo si no fuera por estos pequeños placeres?

¿Dedicarme a tener un blog? Bah, eso es aburrido.