Parche al "bug de las comillas".

Como ya la mayoría habréis visto, el nuevo sistema "AntiSP4M -level1", ha traído algún que otro bug.
Creo que ya se arreglaron todos, pero hay uno que aún queda pendiente.
Mientras Freddie trabaja en su solución, he creado para mi propio uso un user.script que permite arreglar este problema de manera rápida y cómoda.

Los user.script, para quien no los conozca, son algo así como "scripts" que podemos ejecutar en "local", sobre una página que está en cualquier sitio. De esa manera, podemos automatizar tareas, o modificar el comportamiento de ciertas partes de las WEBS. Esto es lo que he hecho para arreglar el molesto bug que nos ocupa.

¿Qué navegadores soportan los user.scripts? Pues al menos, el OPERA, y el FireFox.

• El que realmente los admite, es el Ópera. (instalar y listo)
  
• El Firefox, requiere el GreaseMonkey, addon oficial de FireFox. Una vez instalado, los user.scripts se instalan aún más fácilmente que en Opera.
  
• En IExplorer, me consta que hay una extensión que te permite usar userScripts, pero no se desde qué versión, ni cómo funcionará.

El UserScript, descargable, es este.

INSTRUCCIONES:

• Se instala el user.script, como cualquier otro.
  (en FireFox, una vez instalado el GreaseMonkey, vasta con arrastrar el user.script a la ventana de FireFox. El navegador lo reconocerá, y te ofrecerá la posibilidad de instalarlo)
  
• El script entrará en funcionamiento cuando se vaya a postear, y se haya hecho una previsualización (o sucesivas). Antes, estará inactivo. (tampoco está activado para el envío de privados, pues allí no se sufre el "bug de las comillas").
  
• Una vez hecha la primera previsualización de tu post se verá que aparecen las comillas escapadas, y los quote sin formato.
  
• A la vez, verás que ha aparecido un nuevo comando <Arregla 'comillas'>, al lado del antiguo: <Cerrar marcadores>.
  
• Se aprieta el nuevo botón <Arreglar 'comillas'>.
  
• "Mágicamente" se cambian todas las comillas escapadas, por comillas simples.
  (esta es la parte más interesante del script, pues si no se usara, se deberían de corregisr manualmente todas las comillas, para que no salieran mal al postear si se dejaran "tal cual")
  
• El mismo botón, a la vez que cambia las comillas escapadas, por sencillas, cierra las etiquetas "quote" que no se hubieran cerrado, o las abre, si se había declarado su cierre, y tambien reformatea la previsualización, para que se vean correctamente los "quote".
  (este es el punto que no funciona en Opera)
  
• Sin mucho trabajo extra, se podría hacer para que el script corriese como evento "onload" de la página, sin tener que usar el botón.
  (pero he preferido no hacer esto sin asegurar antes que funciona en todos los casos posibles)

SCREENSHOTS:
Antes de pulsar el nuevo botón botón:


Después de pulsar <Arregla 'comillas'>



NOTAS:
NOTA 1: lo creé yo, para mí. Uso FireFox, y funciona "estupendamente" para FireFox
En Opera funciona "a medias". Arregla las comillas de un plumazo, pero la segunda parte del script no funciona (la que formatea los "quote"). He revisado la consola de error del Opera, pero la información que reporta no me es "inteligible". Si alguien se anima...
NOTA 2: El script no es una herramienta profesional, ni comercial. No lo pongáis a prueba haciéndole perrerías. Funciona bien para los casos que se me han ocurrido, pero seguro que si le anidáis alguna combinación rara de corchetes, comillas y barras de escape, no pueda procesarlas "adecuadamente". Sed buenos

Consideraciones finales:
Si alguien se anima a revisarlo en Opera, y alguien en Safari e IE, quizá se podría plantar a Freddie su inclusión en el cuerpo de la página de posteo en Cristalab, evitando tener que usarlo como User.script (pero claro, para eso, debería estar bien probado)

Ya contaréis vuestras experiencias con él por aquí.
Saludos.

PD1: mi próximo "fix", estará orientado a la etiqueta "[code]", para que pueda aceptar colores, y en previsualización, no salgan espaciados dobles.

PD2: agradeceré vuestros comentarios, para decidir si será interesante futuras aportaciones de este estilo.

Exactamente ¿cuá es el "bug" que arregla? No tuve problemas con las comillas

[quote=\"_CONEJO\"]Exactamente ¿cuá es el \"bug\" que arregla? No tuve problemas con las comillas[/quote]

Ehm...

BUG:

• Cuando escribes \"comillas\", y das a \"previsualizar\", te salen \"escapadas\" (es decir, con el caractes \\)
  (Si posteas \"directamente\", sin hacer antes una previsualización de tu post, no aparece el \"bug\".)
  
• El problema se agrava cuando haces \"quotes\" completos, (con el nombre del citado), como el que inicia este post.
  Al \"escaparse\" las comillas, el quote deja de tener su formato, y queda como un chorro de letras sin que se vea con su CSS habitual.

SI NO SE USA EL UserScript:

• Si no se usara mi userScript, una vez \"previsualizado\" el post que vas a publicar, se tienen que cambiar manualmente las \"comillas escapadas\" por \"comillas normales\", o saldrán así (como en este post) en la publicación final.
  
• Además por culpa del bug, los \"quotes completos\" (con nombre), nunca se ven bien en la preview.

SI SÍ SE USA EL UserScript:

• El UserScript, sustituya automáticamente todas las \"comillas escapadas\", por \"comillas\".
  
• Además \"repara\" la vista de \"quote\" a la que estamos acostumbrados en la \"preview\".

NOTA: este post, fue publicado tras una \"preview\" sin re-editar manualmente tadas las comillas, para ilustrar el problema.
(en las imágenes también se ven los efectos \"antes\" y \"después\" de usar el \"[i]fix\" que propongo.)[/i]

PD: El UserScript, está pensado para los que usamos el \"preview\" en todos nuestros post, y además citamos \"con nombre\", y hacemos uso de las \"comillas\".

PD:
creí que había publicado mi post con una encuesta pero creo que algún MOD la ha deshabilitado.
Si incumplí alguna norma no escrita al respecto, mis disculpas.

ahhh deberías de haber empezado por ahí... explicando el problema

porque nunca previsualizo mis posts!

_CONEJO escribió:

¿Te refieres a esto?

rizome escribió:

excelente rizome "excelente"

Creo que el bug de clab se soluciona haciendo un stripslashes a la variable que contiene el mensaje, justo antes de asignarla al template del preview.

Dano escribió:

Pués díselo a Freddie...

rizome escribió:

F no hace otra cosa, ninguna otra, mas que estar leyendo posts de clab. Si quieres decirle algo a F, díselo en un post.

Dano escribió:

Entonces con tu post... "queda dicho" ¿no?

De todas maneras, F está al corriente del 'bug', e imagino que lo habrá intentado arreglar...
si fuera algo tan elemental... ¿no habría podido repararlo ya?

Como cita la firma de un Claber del cual no recuerdo su nick:
"No mates un zancudo con un cañón".

Dano escribió:

En mi caso preferiría esperar la solución por parte de Freddie, queriendo pensar que ya está trabajando en ello.

Dano escribió:

jajajajaja

No

Obviamente fue lo primero que se me ocurrió, pero no funcionó. He traceado el puto error una y otra vez y no encuentro cómo evitarlo al cabrón ese. Pero te aseguro, le he puesto stripslashes, doble vez, antes del template, después, etc, etc.

No es tan fácil cómo suena.

Freddie escribió:

El javaScript es tu amigo.

No le des la espalda.

Freddie escribió:

Mmmm... Con riesgo a parecer un completo Idiota he de decir lo siguiente... Argh !

Una vez dicho eso, volvamos al tema; yo no soy un Master del BBcode, pero no quedaria bien solucionado reemplazar las comillas dentro del [quote] Tag, por algun otro caracter ¿?... Por ejemplo:

Código :

[quote=*M@U*]Mmmm... Con riesgo a parecer un completo Idiota he de decir lo siguiente... Argh ![/quote]

Hace un tiempo habia jugado con un Script derivado de otro, para lograr lo mismo que tu rizome... Pero el Browser comenzo a darme problemas; mostrando un Contenido que realmente no existia por lo que moleste un par de veces a Freddie en vano..

Como tu dices, tal vez sea cuestion de probar muchas veces hasta conseguir la solucion, pero creo que por ahi no va la cosa...

Solucionar en cliente un problema con origen en servidor maquilla el asunto pero no lo soluciona.
Igual kudos a rizome ... hay que sentarse a programar un user.script (aunque solo funciona en un par de navegadores)

Jorge

solisarg escribió:

Es cierto , problemas del lado del servidor, se deben de resolver del lado del servidor.
Lo que hizo rizome es atinado como solución temporal / personal. Sin embargo en ocasiones donde será imposible que haya una solución del lado del server, greasemonkey es tu único salvamento , como por ejemplo es más facil (en mi caso ) hacer un script para tener links de paginado en la parte de abajo, (cuando no aparecian) que pedirle a freddie que dejara todas sus labores para cumplirme ese "capricho"
Por cierto, respectoa lo mismo, greasem, estuvo parado un rato, para la Firefox 3 Beta 5, y ahi ni como hacerle

Freddie escribió:

Y que tal haciendo un str_replace('quote=\', 'quote=', $var); a la variable?

M@U escribió:

El problema del quote, no es el originario, sino una consecuencia del bug de las comillas.
Hacer lo que propones, arreglaría los quotes, pero no las demás veces en que se usan "comillas".

(

The Adominable Snowman escribió:

Lo que hace el user.script, podría pasarse sin problemas al lado server.
De hecho, sería muchísimo más fácil, y sería compatible para todos los navegadores con soporte a JavaScript.
El problema actual con el Opera, temo que se debe a la diferente manera que tienen los navegadores de ejecutar los user.scripts.

Evidentemente, la solución adecuada, es la de arreglarlo antes de que llegue el código a la máquina del usuario, pero como solución inmediata (y temporal) podría ponerse un script que parseara los datos que le manda el servidor (lo que hace mi user.script), pero hecho de manera oficial, y sin intervención del visitante.

Y sería algo MUY FÁCIL. Tan fácil como realizar estas dos modificaciones en dos archivos del foro de Cristalab:

• En la template del "preview", hacer quel contenido del "post" para previsualizar, aparezca dentro de un <tag> con id="ID_POST".
  Recalcar, que la firma, debería de estar fuera de este <tag id="ID_POST">
  
• Añadir un <SCRIPT> al final del body, o justo tras el <textarea> (yo he probado este último lugar).
  El contenido integro del script, sería:
  
  <script>
  //Recupera los dos sitios a corregir
  textarea=document.getElementsByTagName('textarea')[0];
  POST_TXT=document.getElementById('ID_POST');
  
  //Arregla el 'bug de las comillas'
  textarea.value=textarea.value.split('\\\\').join('').split('\\"').join('"').split('\\\'').join('\'');
  POST_TXT.innerHTML=POST_TXT.innerHTML.split('\\\\').join('').split('\\"').join('"').split('\\\'').join('\'');
  
  //Abre o cierra los 'quote' según sea preciso.
  var INI=POST_TXT.innerHTML.split('[quote').length;
  var END=POST_TXT.innerHTML.split('[/quote').length;
  var ADD='';
  if(INI>END){for(i=0;i<INI-END;i++){ADD+='[/quote'+']';}
  textarea.value+=ADD;
  POST_TXT.innerHTML+=ADD;
  }
  
  if(INI<END){for(i=0;i<END-INI;i++){ADD+='[quote="unknown"'+']';}
  textarea.value=ADD+textarea.value;
  POST_TXT.innerHTML=ADD+POST_TXT.innerHTML;
  }
  
  //Re-formatea los quotes
  POST_TXT.innerHTML=POST_TXT.innerHTML.split('[quote="').join('\n<p class="datos_bloque"><strong>').split('"]').join('</strong></p><div class="cita">').split('[/quote'+']').join('</div>');
  </script>

De hecho, estaría listo para ser insertado directamente.
Está probado en IE7,Opera y FF.
El código es tan simple, que se puede comprender a simple vista.

Freddie escribió:

Eso si lo soluciona, el stripslashes. El problema es que no has encontrado el lugar donde aplicarlo. Es hay donde esta la dificultad. Probablemente a la variable que le haces el strip no es la variable indicada. Igual por gtalk al rato hablamos y el encontramos solución a este bug.

M@U escribió:

El problema del quote, no es el originario, sino una consecuencia del bug de las comillas.
Hacer lo que propones, arreglaría los quotes, pero no las demás veces en que se usan "comillas".

(

The Adominable Snowman escribió:

Lo que hace el user.script, podría pasarse sin problemas al lado server.
De hecho, sería muchísimo más fácil, y sería compatible para todos los navegadores con soporte a JavaScript.
El problema actual con el Opera, temo que se debe a la diferente manera que tienen los navegadores de ejecutar los user.scripts.

Evidentemente, la solución adecuada, es la de arreglarlo antes de que llegue el código a la máquina del usuario, pero como solución inmediata (y temporal) podría ponerse un script que parseara los datos que le manda el servidor (lo que hace mi user.script), pero hecho de manera oficial, y sin intervención del visitante.

Y sería algo MUY FÁCIL. Tan fácil como realizar estas dos modificaciones en dos archivos del foro de Cristalab:

• En la template del "preview", hacer quel contenido del "post" para previsualizar, aparezca dentro de un <tag> con id="ID_POST".
  Recalcar, que la firma, debería de estar fuera de este <tag id="ID_POST">
  
• Añadir un <SCRIPT> al final del body, o justo tras el <textarea> (yo he probado este último lugar).
  El contenido integro del script, sería:
  
  <script>
  //Recupera los dos sitios a corregir
  textarea=document.getElementsByTagName('textarea')[0];
  POST_TXT=document.getElementById('ID_POST');
  
  //Arregla el 'bug de las comillas'
  textarea.value=textarea.value.split('\\\\').join('').split('\\"').join('"').split('\\\'').join('\'');
  POST_TXT.innerHTML=POST_TXT.innerHTML.split('\\\\').join('').split('\\"').join('"').split('\\\'').join('\'');
  
  //Abre o cierra los 'quote' según sea preciso.
  var INI=POST_TXT.innerHTML.split('[quote').length;
  var END=POST_TXT.innerHTML.split('[/quote').length;
  var ADD='';
  if(INI>END){for(i=0;i<INI-END;i++){ADD+='[/quote'+']';}
  textarea.value+=ADD;
  POST_TXT.innerHTML+=ADD;
  }
  
  if(INI<END){for(i=0;i<END-INI;i++){ADD+='[quote="unknown"'+']';}
  textarea.value=ADD+textarea.value;
  POST_TXT.innerHTML=ADD+POST_TXT.innerHTML;
  }
  
  //Re-formatea los quotes
  POST_TXT.innerHTML=POST_TXT.innerHTML.split('[quote="').join('\n<p class="datos_bloque"><strong>').split('"]').join('</strong></p><div class="cita">').split('[/quote'+']').join('</div>');
  </script>

De hecho, estaría listo para ser insertado directamente.
Está probado en IE7,Opera y FF.
El código es tan simple, que se puede comprender a simple vista.

Con esto, no aparecería ningún botón, y no se requeriría intervención del claber, pues la corrección se haría al momento de recibir la página.
Evidentemente, sólo funciona en navegadores con JavaScript activado, pero se supone, que ese es requisito sine-qua-non para poder postear en Cristalab.


EDICIÓN:
Rogaría algún MOD borrase mi post anterior a este, una versión desactualizada de este.
Dano se me adelantó, y ya no lo puedo borrar yo mismo.

Lo que tu propones es como Maquillar la pagina para no mostrar sus feas berrugas...
Pero a decir verdad me has intrigado, y probare lo que dices utilizando un poco de Stylish y GreaseMonkey !

M@U escribió:

Sí, algo así.
No pasa de ser un "parche" para un bastante incómodo BUG para los que usamos mucho las comillas, y más la "previsualización".

A la necesidad... soluciones improvisadas.

La segunda solución, la del script del lado "del servidor", ya sería una solución mucho más estable y adecuada, como paso intermedio a la solución final, y para tener algo "más decente" a la espera de la solución definitiva.

rizome escribió:

Precisamente Señor ! ! !
Es la idea fundamental de greasemonkey, adecuar las páginas a nuestras necesidades, esto si por alguna u otra razón, los webmasters no pueden o no quieren, o no saben (No siendo ninguno de estos casos aquí en clab) etc...

Muy buen trabajo rizome, en lo que haya algo oficial, es la solución inmediata, y esto no le quita nada de valor, al contrario, es un buen aporte a la comunidad y se te agradece.

\"me cago en las comillas\"

Freddie escribió:

sólo agregále un poco de rosa y ya , por ahí arriba hablaban de maquillajes creo *corre

rizome escribió:

No , solisarg no se refiere a que el script sea agregado por greasemonkey o sea subido al servidor de clab, sino que se refería a que javascript se ejecuta del lado del cliente, por lo que la solución correcta debería sería por medio de php que se ejecuta en el servidor.

Odin escribió:

... pues eso, lo que decía:

rizome escribió:

El enlace para descargar y experimentar el user.script esta roto... O cuando menos no me lleva hacia ningun lado !

El enlace funciona.
En ocasiones, pasa antes por una página de publicidad, que se ha de saltar.

Lo res-ubo a rapidshare.
Ahora hay dos vías:
- Megaupload
- Rapidshare

A ver si ahora va mejor.

BOFHs:
(agradecería que algún MOD incluyera estos dos links en mi post inicial, por si a alguien le es de utilidad. Gracias.)