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 #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...
Problem #501
Fügen Sie eine benutzerdefinierte CSS-Regel hinzu
Hallo! Ich möchte eine CSS-Regel hinzufügen, die zum Beispiel das Aussehen einer Komponente basierend auf einem bestimmten Attribut ändert....
Problem #654
Benötigt Überprüfung der Barrierefreiheit
Die Demo sieht großartig aus, weist aber auf die Notwendigkeit einer ernsthaften Überprüfung der Barrierefreiheit hin. In der [Drupal-Commu...
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
GJS.Market Is Now Available for India 🇮🇳
GJS.Market is expanding its global presence with a dedicated experience for developers, agencies, SaaS companies, and digital creators in India
Tutorial
Wie viel kostet es, 2026 einen SaaS-Page Builder zu bauen?
Wie viel kostet es, einen SaaS-Seitenbauer im Jahr 2026 zu erstellen? Entdecken Sie realistische Entwicklungskosten, Zeitpläne, Funktionen und wie die Nutzung G
Tutorial
PageKit: Die GrapesJS Anwendung, die du sowieso bauen müsstest
Eine quellenbasierte Next.js -App rund um den Open-Source- GrapesJS Kern – Veröffentlichen, benutzerdefinierte Domains, Leads, Checkout und ein Plugin-Loader.
Durchsuchen Sie Plugin-Kategorien
Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.