Problem #3421💬 BeantwortetApr 29, 2021 geöffnetvon ltenti-eventboost2-Reaktionen

Wie man die CSS-Regel des Klassenselektors entfernt

Kurze Antwortvon ltenti-eventboost❀ 1

Das ergibt Sinn, jetzt muss ich nur noch einen Weg finden, diese Funktion in meinen Builder einzubauen. Danke @Ju99ernaut!

Lesen Sie die vollstĂ€ndige Antwort unten ↓

Frage

Ich benutze componentFirst auf true eingestellt, damit meine Nutzer den benötigten Stil auf die ausgewÀhlte Komponente anwenden können.

Wenn man eine Komponente auswĂ€hlt, die auf eine CSS-Klasse angewendet wird, die spezifisch fĂŒr den Komponententyp ist, und auf die SchaltflĂ€che "Synchronisieren" klickt, Ă€ndert sich der Selektor von der Komponenten-ID zur entsprechenden CSS-Klasse.

Jetzt finde ich keinen Weg, zurĂŒckzugehen und die CSS-Regel wegzuwerfen, die die Komponentenklasse als Selektor hat, weshalb jede neue Instanz dieser Komponente denselben Stil hat.

Danke fĂŒr deine Hilfe!

Antworten (4)

ltenti-eventboost‱ May 7, 2021

Das ergibt Sinn, jetzt muss ich nur noch einen Weg finden, diese Funktion in meinen Builder einzubauen. Danke @Ju99ernaut!

bgrand-ch‱ May 11, 2021

Hallo, FĂŒr zukĂŒnftige Fragen oder technische Probleme, die keine Bugs sind, ist der Tab Diskussionen auf GitHub der richtige Ort. Vergesst nicht, dieses Problem zu schließen, falls es gelöst ist, oder eine neue detaillierte Nachricht in die Kategorie Diskussionen -> Q&A zu schreiben (und diese Ausg...

artf‱ May 6, 2021

Hallo @ltenti-eventboost, ich bin mir nicht sicher, ob ich genau verstehe, wo dein Problem liegt. Wenn du mit aktiviertem 'componentFirst' bearbeitest, wendet der Editor StilÀnderungen an einer komponentenspezifischen CSS-Regel an (z. B. '#cmp-id { color: red }'). Wenn du auf die SchaltflÀche "Sync...

GJSBlock‱ May 17, 2026

Danke, dass du das gemeldet hast, @ltenti-eventboost. Tolle Frage zu [FRAGE] Wie man die CSS-Regel des Klassenauswahlors entfernt. Der empfohlene Ansatz mit StyleManager ist die Nutzung der ereignisgesteuerten API. Fang hier an: ÜberprĂŒfen Sie die GrapesJS-Dokumentation fĂŒr Ihr spezielles Modul Suc...

Verwandte Fragen und Antworten

FĂŒhre die Forschung mit Ă€hnlichen Themendiskussionen fort.

Kostenpflichtige Plugins, die diesem Problem entsprechen

Kuratiert nach Themen-SchlĂŒsselwörtern und Label-Relevanz, damit Sie schneller liefern.

Alle Plugins anzeigen

Lade: Empfehlungen fĂŒr kostenpflichtige Plugins...

Kostenlose Option

ÜberprĂŒfen Sie die Open-Source-GrapesJS-Plugins auf GitHub Oder suchen Sie schnell in unserem kostenlosen Katalog.

Durchstöbere kostenlose Plugins →
Premium-Option

Premium-Plugins werden mit Support, regelmĂ€ĂŸigen Updates und produktionsreifen Funktionen geliefert – das spart Tage an Integrationsarbeit.

Durchsuchen Sie Premium-Plugins →

Durchsuchen Sie Plugin-Kategorien

Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.