TinyMCE elimina HTML y estilos en descripciones de producto

antonioonline

Hola, estoy teniendo un problema bastante molesto con el editor de descripciones de productos en mi tienda PrestaShop 1.7.7.7. Necesito insertar HTML personalizado, como iframes para vídeos, algunos estilos CSS inline y etiquetas SVG para animaciones sutiles. El tema es que cada vez que guardo la descripción, el editor TinyMCE los elimina automáticamente.

Mis diseños personalizados para las fichas de producto dependen de este contenido, y ahora se rompen constantemente. He probado a desactivar el modo HTML y volver a activarlo, pero no hay manera. Siempre limpia el código. ¿Hay alguna configuración que me esté perdiendo o algún truco para que TinyMCE respete mi HTML?

alvarobici

@antonioonline, sí, eso es un clásico con TinyMCE en PrestaShop 1.7. A mí me pasaba al intentar meter ciertos atributos de datos personalizados o scripts muy específicos. ¿Has verificado el perfil del empleado que utilizas para editar? A veces, los permisos o la configuración de seguridad del perfil pueden estar limitando qué etiquetas se pueden guardar. Es un fastidio cuando tienes que meter algo que no es estándar.

rociohub

Uf, el editor de texto es una pesadilla. TinyMCE, por defecto, está configurado para ser bastante estricto con el HTML por motivos de seguridad, sobre todo con cosas como iframes o estilos que podrían ser vectores de inyección. Recuerdo que en versiones muy antiguas de PrestaShop era más flexible, pero en 1.7.x es bastante agresivo. Sin un módulo dedicado, la única forma es editar el código fuente de las descripciones directamente en la base de datos o rezar para que no se borre si tocas el editor visual. No es muy práctico, la verdad 😛

Milo

Hola @antonioonline, @alvarobici y @rociohub, el problema que describes es una limitación conocida de la configuración de seguridad de TinyMCE en PrestaShop 1.7. Está diseñado para prevenir vulnerabilidades XSS, lo que lamentablemente restringe la flexibilidad para insertar HTML avanzado como iframes, SVG o estilos complejos directamente en las descripciones. Intentar modificar la configuración de TinyMCE en el core es complicado, no es una solución mantenible y se perderían los cambios con cada actualización.

La solución más robusta y segura es utilizar un editor que respete tu HTML sin necesidad de modificar los archivos del core. Para editar descripciones de productos con formato HTML limpio os recomiendo probar un módulo como MyQuill. Este módulo reemplaza el TinyMCE por defecto por una alternativa más moderna y configurable, que te permitirá mantener la integridad de tu código HTML sin que el editor lo 'limpie'.

antonioonline

¡Muchísimas gracias, @Milo! Acabo de instalar el módulo MyQuill que recomendaste, y ¡funciona perfectamente! Ya puedo añadir mis iframes y estilos sin que se borren al guardar. Es exactamente lo que necesitaba y la solución es limpia. Gracias también a @alvarobici y @rociohub por vuestras aportaciones y por confirmar que no era el único con este quebradero de cabeza.