Fehler bei der GröĂenĂ€nderung des Images.
Hallo Ronaldo, ich bin mir nicht sicher, ob es eine einfache Möglichkeit gibt, dieses Verhalten global fĂŒr alle AnwendungsfĂ€lle zu beheben, da man das Bild fĂŒr beide GröĂen und nicht nur fĂŒr die Breite anpasst (in diesem Fall wĂŒrde sich die Höhe nicht Ă€ndern). Was ich vorschlagen kann, ist, die Bildkomponente mit dies...
Lesen Sie die vollstĂ€ndige Antwort unten âFrage
GrapesJS-Version [X] Ich bestĂ€tige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Brave Browser Letzte Version Reproduzierbarer Demo-Link https://grapesjs.com/demo.html Beschreibe den KĂ€fer Wie reproduziert man den Bug?Ăffnet die Demo-Seite.Setzt ein Bild.Doppelklick, um das Bild auszuwĂ€hlen.Breite auf 100 % einstellen.Stelle die Höhe auf Auto oder klicke auf die 'x'-Eigenschaft in der Höhe.VergröĂern Sie das Bild, Sie werden sehen, dass die Breite in % bleibt und die Höhe in Pixeln berechnet wirdKlicken Sie auf das VorschauaugeAchten Sie darauf, dass das Bild abge...
Antworten (4)
Hallo Ronaldo, ich bin mir nicht sicher, ob es eine einfache Möglichkeit gibt, dieses Verhalten global fĂŒr alle AnwendungsfĂ€lle zu beheben, da man das Bild fĂŒr beide GröĂen und nicht nur fĂŒr die Breite anpasst (in diesem Fall wĂŒrde sich die Höhe nicht Ă€ndern). Was ich vorschlagen kann, ist, die Bil...
Hallo @artf. Eine Möglichkeit, wie wir das fĂŒr unseren Anwendungsfall basierend auf unseren Nutzern beheben konnten, ist, die Einheiten fĂŒr Breite und Höhe immer gemeinsam zu Ă€ndern. Das bedeutet, wenn der Nutzer beispielsweise die Breite von Pixel auf % Ă€ndert, wird die Höhe ebenfalls auf % geĂ€nde...
Sag Bescheid, ob das fĂŒr dich funktioniert
Hallo Arthur, diese Konfigurationen haben keine Ănderungen am Bild vorgenommen, sie setzt die Höhe immer mit 'px' statt 'auto', wie die Eigenschaft 'keepAutoHeight' suggeriert
Danke, dass du das gemeldet hast, @ronaldohoch. Gute Frage zu Fehler bei der VergröĂerung des Bildes.. 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 Suche nach der 'on()'-Ereignis-...
Verwandte Fragen und Antworten
FĂŒhre die Forschung mit Ă€hnlichen Themendiskussionen fort.
Problem #5583
Kann background:none in der mobilen Version mit dem Styles-Panel nicht einstellen
GrapesJS-Version [X] Ich bestÀtige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Edge letzte Version Reproduzi...
Problem #4859
Das Bearbeiten der CSS-Eigenschaft setzt einen Stil auf eine gemeinsame Klasse statt auf ein Element
GrapesJS-Version[X] Ich bestÀtige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Chrome v108Reproduzierbarer Dem...
Problem #5885
Im Vollbild ist der FarbwÀhler versteckt
GrapesJS-Version [X] Ich bestÀtige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Firefoxe 125.0.3 (64 Bit) Rep...
Problem #5788
CSS-Eigenschaften Standardwerte
GrapesJS-Version[X] Ich bestÀtige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? N/AReproduzierbarer Demo-Link h...
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
UnStudio for GrapesJS: 4 Plugins to Build Better Visual Editors
Meet UnStudio, a new GrapesJS plugin studio with four tools, safer and better editor: Command Palette, Responsive Pack, Autosave & Restore, and Autofill
Tutorial
Claude Skill for GrapesJS: How AI Is Changing the Way We Build Visual Editors
We've released the Claude Skill for GrapesJS Development â a free, open-source skill that turns Claude into a developer who actually knows GrapesJS
Tutorial
Vanilla GrapesJS vs GrapesJS With Plugins: What You Actually Get Out of the Box (2026)
New to GrapesJS? See exactly what the stock editor gives you, where it falls short, and which plugins close the gaps â a beginner-friendly 2026 comparison
Durchsuchen Sie Plugin-Kategorien
Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.