Problem #4157💬 BeantwortetFeb 24, 2022 geöffnetvon Adham3800-Reaktionen

Das Anpassen der GrĂ¶ĂŸe der Leinwand fĂŒhrt dazu, dass Komponenten nach dem Export mit d-Modus "absolut" falsche Positionen bekommen

Kurze Antwortvon Adham380

Ich habe irgendwie einen Workaround gefunden... Setze den .gjs-frame-wrapper in CSS auf die gewĂŒnschte Breite und transformiere: translate (- x px, 0px) fĂŒr den iframe in CSS. Die Leinwand hat dann nicht die richtige Breite (etwas kleiner), aber alles scheint trotzdem gut zu funktionieren... Ich werde das Problem jedo...

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? Microsoft Edge 98.0.1108.56 Reproduzierbarer Demo-Link https://jsfiddle.net/473b2tah/1/ Beschreibe den KĂ€fer Die Canvas-GrĂ¶ĂŸenĂ€nderung ist cool, berĂŒcksichtigt aber nicht, dass man möglicherweise mit Px-Offsets arbeitet, da dMode mit PX-Offsets funktioniert, das heißt, die verzogene Leinwand spiegelt nicht die exportierte index.html Seite wider. Die gesamte rechte Seite ist nach dem Export leer, weil die Bilder nie angewiesen werden, neu skaliert zu werden, um zur exportierten Version...

Antworten (3)

Adham380‱ Feb 28, 2022

Ich habe irgendwie einen Workaround gefunden... Setze den .gjs-frame-wrapper in CSS auf die gewĂŒnschte Breite und transformiere: translate (- x px, 0px) fĂŒr den iframe in CSS. Die Leinwand hat dann nicht die richtige Breite (etwas kleiner), aber alles scheint trotzdem gut zu funktionieren... Ich we...

GJSBlock‱ May 17, 2026

Danke, dass du das gemeldet hast, @Adham380. Das Problem mit GrĂ¶ĂŸenanpassung der Leinwand fĂŒhrt dazu, dass Komponenten nach dem Export mit d-Modus 'absolut' falsche Positionen bekommen, scheint ein Rennbedingungs- oder Zustandsmanagement-Timingproblem zu sein. Dies passiert typischerweise, wenn sic...

Verwandte Fragen und Antworten

FĂŒhre die Forschung mit Ă€hnlichen Themendiskussionen fort.

Kostenpflichtige Plugins, die diesem Problem entsprechen

Kuratiert nach Themen-SchlĂŒsselwörtern und Label-Relevanz, damit Sie schneller liefern.

Alle Plugins anzeigen

Lade: Empfehlungen fĂŒr kostenpflichtige Plugins...

Kostenlose Option

ÜberprĂŒfen Sie die Open-Source-GrapesJS-Plugins auf GitHub Oder suchen Sie schnell in unserem kostenlosen Katalog.

Durchstöbere kostenlose Plugins →
Premium-Option

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.

Alle Tutorials →

Durchsuchen Sie Plugin-Kategorien

Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.