No se puede restablecer el código CSS que tenga padre o hijo.

Question

Probé tanto en npm como en cdn Versión GJS - 0.14.20 (última) OS - Mac Navegador - Chrome Problema Si el nombre de la clase CSS tiene un padre o hijo como '#parent .child{ color: red }', el usuario no puede restablecer el estilo a origen, pero aún permanece dentro de CodeViewer. Codepen Demo 1 - Añadiendo CSS del bloque Codepen Demo 2 - Añadiendo CSS dentro de '#gjs

' En la demo1, digamos que el usuario arrastra "Test Block" al lienzo y lo elimina. El estilo CSS seguirá permaneciendo dentro...

artf · Accepted Answer

Eliminar los códigos CSS que pertenecen a un bloque específico. De hecho, ese bloque de CSS no pertenece a ningún componente (me refiero a cómo funciona el editor), así que esa declaración siempre se renderiza en el papel. GrapesJS solo puede asociar selectores basados en clases, por ejemplo, '''css .clase1 {...} .clase1.clase2 {...} .clase1.clase2, .clase3 {...} ``` ni siquiera anidado como '.class1 .class2', en ese caso la regla se importa correctamente pero no pertenece a ningún componente

artf · Answer

Esto es porque solo estás limpiando componentes. Puedes usar el comando incorporado 'core:canvas-clear'

ronaldaug · Answer

@artf Gracias por tu rápida respuesta. Perdón por mi pregunta poco clara. Lo que realmente quiero conseguir esEliminar los códigos CSS que pertenecen a un bloque específico. Por ejemplo, cuando borro un bloque en el lienzo, también se eliminan los códigos CSS de ese bloque. No quiero limpiar todo el lienzo. Probablemente, disparará al destruir. 'Editor. Commands.add ('tlb-delete', e => {' '// quitar el CSS de este bloque' }) En este caso, puedo eliminar el código CSS que no tiene padre eliminan...

No se puede restablecer el código CSS que tenga padre o hijo.

Pregunta

Respuestas (3)

Preguntas y respuestas relacionadas

No se puede añadir una nueva regla CSS si un elemento que la está usando no está presente en el html

No se puede cargar en una cadena CSS con caracteres como '#' con setStyle()

Arrastrar y soltar no funciona como debería cuando se usa un dispositivo táctil.

NPM Start no funciona en la versión 0.14.33

Plugins de pago que cumplen con este problema

Tutoriales relacionados

🚀 Introducing GrapesJS Email Blocky: The Ultimate Email Block Library for GrapesJS

Explorar categorías de plugins