Haz que el estilo CSS no sea devuelto

Question

Cómo evitar que el CSS de un bloque/componente no se devuelva cuando usamos 'editor.getCss();'

Es como 'https://grapesjs.com/docs/api/component.html#tohtml'

pero debería ser algo como toCSS dentro de un componente personalizado

froderf · Accepted Answer

toHTML() { regresar ''; }, toCSS() { regresar ''; },

artf · Answer

El componente tiene el método 'getStyle' que devuelve un objeto como este '{ color: 'red'}'. Si el objeto que devuelve está vacío, no se creará ninguna regla en el código, pero se aplica lo mismo en el lienzo, así que no verás tus estilos. Lo que puedes hacer es crear un componente personalizado así: '''js domc.addType('no-css-in-code', { modelo: { ... getStyle() { if (exportingCode) { return {} } else { return defaultModel.prototype.getStyle.apply(this); } } }, }); ``` Así que antes de exporta...

froderf · Answer

@artf la solución "getStyle()" que proporcionaste solo puede aplicarse a la solución ¿y si este componente tiene una clase de "isNewComponent" y tiene un estilo de es posible que el editor no incluya el estilo anterior (con una clase) cuando llamamos editor.getCss();

Haz que el estilo CSS no sea devuelto

Pregunta

Respuestas (3)

Preguntas y respuestas relacionadas

El evento "component:add" se activa cuando se mueven componentes

Cuando se usan IDs, no es posible actualizar o eliminar un estilo

El desplazamiento de ColorPicker incorrecto cuando los paneles están fuera del contenedor del editor

RTE se pierde al abrirse justo después de soltar el componente 'activeOnRender'

Plugins de pago que cumplen con este problema

Explorar categorías de plugins