Usando la etiqueta Style en lugar de css
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)
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.
¿Conseguiste encontrar alguna solución completa que dejara las etiquetas de estilo intactas sin cambios?
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.
Issue #3421
[PREGUNTA] Cómo eliminar la regla CSS del selector de clases
Estoy usando componentFirst configurado en true para que mis usuarios apliquen el estilo necesario al componente que seleccionaron. Selecci...
Issue #3541
[PREGUNTA] ¿Cuál es la forma idiomática de añadir y eliminar clases de los componentes?
Hola 👋 ¡Me encanta el editor! Estamos usando rasgos para modificar las clases que tiene un componente, pero eso resulta un poco forzado po...
Issue #2936
PREGUNTA: El estilo en línea carga en id en lugar de en clase
Hola, He estado usando tu herramienta durante un tiempo y decidí actualizar a una versión más nueva (de la v0.12.37 a la v0.16.3 + gjs-pres...
Issue #3383
¿Es posible incluir el estilo en el html?
Actualmente estoy usando grapesjs para crear plantillas de correo, pero cuando importo HTML con la <style> etiqueta ya dentro, antes de que...
Plugins de pago que cumplen con este problema
Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.
Cargando recomendaciones de plugins de pago...
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 →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.