TinyMCE: Configuración de entidades
Pequeña configuración con TinyMCE. Dos espacios.
El Editor TinyMCE tiene configuraciones curiosas como ya vimos en otro artículo que escribí. Hoy voy a comentar un caso que me ocurrió hace unos días y te puede desconcertar. Imagina que quieres escribir con el editor TinyMCE dos (2) espacios seguidos después de un tag <span></span>, te pongo un ejemplo:
karmany va a poner dos espacios después de este texto azul: y continúo aquí.
Ahora te voy a mostrar el código:
<p><span class="texto_azul">karmany va a poner dos espacios después de este texto azul:</span> y continúo aquí.</p>
Haz lo siguiente, copia solamente el código y pégalo en HTML en el editor TinyMCE. No te preocupes aunque tu archivo de hojas de estilo no entienda "texto_azul", no importa. Ahora guarda los cambios, ve otra vez al código HTML y observa los espacios. Es posible que el editor TinyMCE te haya borrado un espacio y te deje sólo uno, mira lo que me ha ocurrido a mi haciendo lo que te he explicado:
No sólo ha eliminado literalmente los sino que los ha "transformado" en un sólo espacio. En la configuración del plugin TinyMCE eso se produce por dos motivos:
- Porque según comenté en este artículo: Error editor TinyMCE, en la configuración "Limpiar código al guardar" está la opción "Siempre". Si lees el anterior artículo lo predeterminado y recomendado es ponerlo en "Siempre" así que vamos al siguiente punto.
- Porque en la configuración "Codificación de entidades" estará en "Bruto". Literalmente como pone en el mismo plugin podemos leer lo siguiente:
-Se controla cómo se codifican las entidades. La configuración recomendada es "bruto". "nombrado" es el nombre asignado por la codificación de la entidad (por ejemplo, '<'). "numérico" usa la codificación HTML numérica (por ejemplo, '%03c'). "bruto" No codificar las entidades HTML. Note que las búsquedas en el contenido no puede funcionar correctamente si no está configurado en "bruto".
Yo lo pongo en nombrado y de ese modo puedo insertar correctamente los dos espacios. Observa también que codifica las letras con acento: