Error on resize image.
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 #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...
Problem #5346
Eine Komponente löschen, ohne ihren entsprechenden Stil zu löschen
GrapesJS-Version [X] Ich bestÀtige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? neueste Version von Chrome Re...
Problem #4447
Style manager does not accurately reflect inherited color
GrapesJS-Version [X] Ich bestÀtige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? 103.0.5060.114 Reproduzierbar...
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
Introducing Search on GJS.Market
GJS.Market now has one search across everything we publish â plugins, articles, community questions, guides, authors and services. Press âK from any page.
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.