Das Ändern der CSS-Eigenschaften an einer Komponente mit einer bestehenden Klasse verändert diese Klasse, anstatt eine neue hinzuzufügen
Ich dachte, das Verhalten könnte so aussehen: Standard (aktuelles Setup):Wenn das Element keine Klassen hat, erstelle eine eindeutige Klasse basierend auf Cid und wende Stile anWenn das Element Klassen hat, wenden Sie Stile auf die Vereinigung dieser Klassen (oder welche Klassen auch immer in der Benutzeroberfläche au...
Lesen Sie die vollständige Antwort unten ↓Frage
Das sieht man in der Demo (http://grapesjs.com/demo.html). Wählen Sie eines der Navigationselemente (zum Beispiel 'Web') aus – beachten Sie, dass es eine bestehende Klasse von 'Menü-Item' gibt. Wenn du jetzt einige Eigenschaften änderst, wie zum Beispiel die Textausrichtung, werden diese Änderungen auf die Menü-Item-Klasse angewendet, die die anderen Instanzen ('Template', 'Builder') beeinflusst. Ist es möglich, GrapesJS zu zwingen, eine neue 'eindeutige' Klasse anzuwenden und die Änderungen dort anzuwenden – ähnlich wie es funktioniert, wenn man Änderungen an einer Komponente ohne vorhandene...
Antworten (3)
Ich dachte, das Verhalten könnte so aussehen: Standard (aktuelles Setup):Wenn das Element keine Klassen hat, erstelle eine eindeutige Klasse basierend auf Cid und wende Stile anWenn das Element Klassen hat, wenden Sie Stile auf die Vereinigung dieser Klassen (oder welche Klassen auch immer in der B...
Hallo @thecodefish was haltet ihr von diesem Ansatz? https://codepen.io/artf/pen/jaaKvq Dort wirst du sehen, wie man Selektoren privat macht (nicht für den Benutzer manipulierbar) und wie die neue 'avoidInlineStyle')-Option verwendet wird, die es ermöglicht, Komponenten (keine Klassenselektoren) zu...
Ich würde sagen, du hast zwei Möglichkeiten:
- Deselecteer einfach die Klasse, in diesem Fall ändert sich der Style-Manager-Scope auf die Komponente und nicht auf die Regel
- Füge der Komponente eine neue Klasse hinzu, statt der '.menu-item'-Regel bekommst du '.menu-item.your-new-class'
Verwandte Fragen und Antworten
Führe die Forschung mit ähnlichen Themendiskussionen fort.
Problem #1780
Wie man das zusätzliche Dropdown-Menü für das Link-Change-Merkmal ändert
Hallo @artf, Ich möchte dem Benutzer eine weitere Funktionalität geben, zum Beispiel dass der Benutzer jeden Link mit dem Standard-Links-Dr...
Problem #4000
Das Einfügen einer Komponente in der Root-Body-Schicht wirft TypeError aus
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome v89 Reproduzierbarer D...
Problem #3574
Das Hinzufügen von Eigenschaften wird vom Trait Manager nicht erkannt.
Folgendes Beispiel aus docs . Gibt es weitere Konfigurationen, um neue Eigenschaften für Elemente sichtbar zu machen? Das Beispiel mit der...
Problem #3731
Textelement kann nach Erweiterung mit Ereignissen nicht zweimal ausgewählt werden
Version: 0.17.25 Kannst du den Fehler aus der Demo reproduzieren?[ ] Ja[x] Nein Was ist das erwartete Verhalten? Aktualisieren Sie eine bes...
Kostenpflichtige Plugins, die diesem Problem entsprechen
Kuratiert nach Themen-Schlüsselwörtern und Label-Relevanz, damit Sie schneller liefern.
Lade: Empfehlungen für kostenpflichtige Plugins...
Überprüfen Sie die Open-Source-GrapesJS-Plugins auf GitHub Oder suchen Sie schnell in unserem kostenlosen Katalog.
Durchstöbere kostenlose Plugins →Premium-Plugins werden mit Support, regelmäßigen Updates und produktionsreifen Funktionen geliefert – das spart Tage an Integrationsarbeit.
Durchsuchen Sie Premium-Plugins →Verwandte Tutorials
Tiefgehende Anleitungen zum gleichen Thema.
Tutorial
How to integrate GrapesJS into a Laravel app (complete guide 2026)
Embed the GrapesJS drag-and-drop editor in a Laravel app: render it in a Blade view, persist content to a controller with CSRF, and export clean HTML/CSS.
Tutorial
10 Mistakes When Building a Visual Editor (And How to Avoid Them)
Visual editors are powerful tools — they enable non-technical users to create websites, emails, landing pages, and applications without writing code
Tutorial
GrapesJS vs Webflow vs Tilda (2026): Honest Comparison, Pricing & Which to Pick
GrapesJS vs Webflow vs Tilda compared head-to-head: real 2026 pricing, SEO features, code export, and which one actually fits your project
Durchsuchen Sie Plugin-Kategorien
Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.