Error _mce_style o _mce_bogus

¿Por qué sale _mce_style o _mce_bogus en mi Web?

Es posible que un día estés escribiendo un artículo para tu Web, por ejemplo con Joomla!, como ejemplo sencillo escribo la palabra prueba la selecciono y la centro en pantalla usando el editor de texto, pulso el botón guardar y cuando ves el código final guardado ves cosas como esta:

<p style="text-align: center;" _mce_style="text-align: center;">prueba<br _mce_bogus="1"></p>

He puesto en rojo el código que se ha añadido de más... pero ¿por qué aparece ese código? Voy a centrarme en Joomla! que es lo que tengo ahora a mano. Ese código es añadido automáticamente por el editor TinyMCE que es un editor WYSIWYG controlado con JavaScript. Desde Joomla! vamos a ir a la configuración de TinyMCE que es un plugin-Editor, es decir, el posible editor de texto donde has escrito tus artículos.

En Joomla! vamos a Extensiones-plugins y seleccionamos Editor - TinyMCE, ahí tenemos varias configuraciones pero la zona que nos interesa es la siguiente:

Seguramente tu configuración en "Limpiar código al guardar" sea la indicada: "Nunca" que no limpia el código. El editor TinyMCE añade ese código y para eliminarlo deberás seleccionar en el desplegable "Sitio" o "Siempre", yo lo dejo en su valor recomendado: Siempre.

Transcribo literalmente lo que la ayuda nos dice:

Limpiar código al guardar

Predeterminadamente, el editor TinyMCE limpiará el código de ciertos elementos HTML, como puedan ser las etiquetas "script" y "center", y hará una revisión de seguridad y de compilación XHTML. La configuración recomendada es "Siempre". "Nunca" no limpia el código al guardar. "Sitio" limpia el código sólo si se edita desde el sitio. "Siempre" limpia el código tanto cuando se edita desde el sitio, como desde la administración.