CSS-Code, der Eltern- oder Kindcode hat, kann nicht zurückgesetzt werden.

Question

Getestet sowohl auf npm als auch cdn GJS Version - 0.14.20 (neueste) OS - Mac Browser - Chrome Problem Wenn der CSS-Klassenname einen Elternteil oder ein Kind wie '#parent .child{ color: red }' hat, kann der Benutzer den Stil nicht auf den Ursprung zurücksetzen, er bleibt in CodeView. Codepen Demo 1 – CSS aus dem Block hinzufügen Codepen Demo 2 - CSS innerhalb von '#gjs'

hinzufügen In Demo1 nehmen wir an, der Benutzer zieht "Test Block" in die Leinwand und entfernt es. Der CSS-Stil bleibt...

artf · Accepted Answer

Um die CSS-Codes zu entfernen, die zu einem bestimmten Block gehören. Tatsächlich gehört dieser CSS-Block zu keiner Komponente (ich spreche davon, wie der Editor funktioniert), daher wird diese Deklaration immer gerendert. GrapesJS kann nur kursbasierte Selektoren zuordnen, z. B. '''css .klasse1 {...} .class1.class2 {...} .class1.class2, .class3 {...} ``` nicht einmal verschachtelt wie '.class1 .class2', in diesem Fall wird die Regel korrekt importiert, gehört aber zu keiner Komponente

artf · Answer

Das liegt daran, dass du einfach Komponenten abräumst. Du kannst den eingebauten Befehl 'core:canvas-clear' verwenden.

Ronaldaug · Answer

@artf Danke für deine schnelle Antwort. Entschuldigung für meine unklare Frage. Was ich eigentlich erreichen möchte, istEntfernen der CSS-Codes, die zu einem bestimmten Block gehören. Wenn ich zum Beispiel einen Block in der Canvas lösche, werden auch die CSS-Codes dieses Blocks gelöscht. Ich möchte nicht die ganze Leinwand leeren. Wahrscheinlich feuert er beim Zerstören. 'Redakteur. Commands.add ('tlb-delete', e => {' '// entfernt das CSS aus diesem Block' }) In diesem Fall kann ich den CSS-Co...

CSS-Code, der Eltern- oder Kindcode hat, kann nicht zurückgesetzt werden.

Frage

Antworten (3)

Verwandte Fragen und Antworten

CSS-String mit Zeichen wie '#' mit setStyle() kann nicht geladen werden

Der Inhalt kann nach dem Update über die Blockmanager-API nicht mehr bearbeitet werden.

Stellen Sie sicher, dass getHtml() / runCommand("gjs-get-inlined-html") den allerneuesten Inhalt der Canvas zurückgibt

Wenn ein Element nicht zur Auswahl verfügbar ist, schlägt vor, fährst und auf Ereignis klickt, um den verfügbaren Elternteil auszuwählen.

Kostenpflichtige Plugins, die diesem Problem entsprechen

Durchsuchen Sie Plugin-Kategorien