Issue #913💬 RespondidoAbierto el 28 de febrero de 2018por richardabearReacciones 0

Usando la etiqueta Style en lugar de css

Respuesta rápidapor ryandeba

Hola @Owchzzz, Parece estar integrado en el núcleo de GrapesJS que los componentes no tendrán etiqueta de estilo; véase este ejemplo donde se elimina explícitamente. No estoy seguro de si modificar este comportamiento resolvería completamente tu caso de uso, pero podrías empezar por sobrescribirlo con el siguiente cód...

Lee la respuesta completa abajo ↓

Pregunta

Hola,

He estado echando un vistazo al interior del dom_components, pero no consigo averiguar cómo anular manualmente el aspecto del estilo.

Necesito una forma para que el componente pueda guardar todos los estilos nuevos en la etiqueta de estilo en lugar de la clase CSS real. (Prueba a mover un componente que fue estilizado con forzar CSS) y elimina todo el estilo.

Espero que podáis ayudar, Un saludo cordial, Richard

Respuestas (3)

ryandeba8 de marzo de 2018

Hola @Owchzzz,

Parece estar integrado en el núcleo de GrapesJS que los componentes no tendrán etiqueta de estilo; véase este ejemplo donde se elimina explícitamente. No estoy seguro de si modificar este comportamiento resolvería completamente tu caso de uso, pero podrías empezar por sobrescribirlo con el siguiente código:

var defaultType = editor. DomComponents.getType("default");
defaultType.model.prototype.getAttrToHTML = function() {
  return this.getAttributes();
};

Probablemente quieras que este código se ejecute antes de que el contenido haya sido instalado en el editor, así que lo mejor sería ponerlo en un plugin. Si haces eso y aún tienes problemas que resolver, dime cuáles son los problemas y puedo intentar investigar más.

Amir282828 de agosto de 2019

¿Conseguiste encontrar alguna solución completa que dejara las etiquetas de estilo intactas sin cambios?

amenk17 de abril de 2021

La solución de @ryandeba parece influir únicamente en el uso de atributos de estilo en línea como '<div style="...">'. (Pero para mí tampoco se filtraron sin sobrescribir ese prototipo. Estamos teniendo el problema de que

<style>
...
</style>

está filtrado, no estoy seguro de si el OP tiene el mismo problema

Preguntas y respuestas relacionadas

Continúa investigando con debates sobre temas similares.

Plugins de pago que cumplen con este problema

Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.

Ver todos los plugins

Cargando recomendaciones de plugins de pago...

Opción gratuita

Consulta los plugins de código abierto de GrapesJS en GitHub O haz una búsqueda rápida en nuestro catálogo gratuito.

Explora plugins gratuitos →
Opción premium

Los plugins premium incluyen soporte, actualizaciones regulares y funciones listas para producción — ahorrando días de trabajo de integración.

Explora plugins premium →

Explorar categorías de plugins

Ve directamente a las páginas de categorías de plugins en el marketplace.