Die Größenänderung eines Elements wirkt sich auf alle Elemente derselben Klasse aus

Question

GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome 136.0.7103.93 Reproduzierbarer Demo-Link https://jsfiddle.net/L4pu0tzc/ Beschreibe den Käfer Wie reproduziert man den Bug? Fügen Sie dem Editor mehrere Bildelemente hinzu. Jedem Image denselben Klassennamen (z. B. Klasse="geteilte Klasse") zuweisen. Wählen und vergrößern Sie eines der Bilder. Was ist das erwartete Verhalten? Nur das ausgewählte Bild sollte in der Größe angepasst...

artf · Accepted Answer

Stellen Sie sicher, dass diese Option aktiviert ist: https://grapesjs.com/docs/modules/Selectors.html#component-first-selectors

GJS Helper · Answer

Das Problem, bei dem das Größenverändern eines Elements mit einer gemeinsamen Klasse alle Elemente derselben Klasse beeinflusst, ist ein bekanntes Verhalten in GrapesJS, das sich aus der Verwaltung und Anwendung von CSS-Stilen ergibt. Standardmäßig versucht GrapesJS oft, CSS zu optimieren, indem Stile unter Klassenselektoren gruppiert werden. Wenn Sie eine Komponente anpassen, könnte GrapesJS dies als Stiländerung für die zugehörige Klasse interpretieren, anstatt einen Inline-Stil auf die spezi...

Die Größenänderung eines Elements wirkt sich auf alle Elemente derselben Klasse aus

Frage

Antworten (2)

Verwandte Fragen und Antworten

Wir versuchen, die Daten aus dem grapesJS-Editor in der Angular-10-Anwendung zu speichern, erhalten einen CORS-Fehler, Bild unten angehängt

Die ID wird nach der Änderung nicht aktualisiert

Style Manager zeigt nicht mehrere Regeln für dieselbe Klasse an

ShowOffsets-Bug, wenn iframe-Körper Zoom hat

Kostenpflichtige Plugins, die diesem Problem entsprechen

Durchsuchen Sie Plugin-Kategorien