Bild konnte nicht vergröĂert werden
@yashvi2026 Das liegt an deinem eigenen CSS-Code. Entfernen Sie diesen Teil: '''js Stile: '.image{max-width:100%;}@media (max-Breite: 480px) {.image {display: inline-block; Höhe:Auto!Wichtig; Breite: 100% !wichtig; max-width:100%;}}, `` von 'Editor'. BlockManager.add('image', {'
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? Chrome Reproduzierbarer Demo-Link https://codepen.io/Harshsne/pen/YPXdgmj Beschreibe den KĂ€fer Wie reproduziert man den Bug? Ein Bild hochladen Zur mobilen Ansicht wechseln Das Bild in der GröĂe anpassen ! Bild Was ist das erwartete Verhalten? Beim manuellen Ăndern von Breite und Höhe im Style Manager wird das Bild in der GröĂe angepasst. Wie ist das aktuelle Verhalten? Ich konnte das Bild nicht vergröĂern Der Grund wĂ€re, dass !important beim GröĂenverĂ€ndern des Bildes auf der Leinwan...
Antworten (4)
@yashvi2026
Das liegt an deinem eigenen CSS-Code.
Entfernen Sie diesen Teil: '''js Stile: '.image{max-width:100%;}@media (max-Breite: 480px) {.image {display: inline-block; Höhe:Auto!Wichtig; Breite: 100% !wichtig; max-width:100%;}}`,
von 'Editor'. BlockManager.add('image', {'
Ich bestĂ€tige, dass der Komponenten-Resizer im Moment nicht "!wichtig" berĂŒcksichtigt, aber ich wĂŒrde mehr oder weniger dem folgen, was @mosh-tudor vorgeschlagen hat. Du musst nicht die gesamten 'Stile' entfernen, da ich vermute, was du brauchst, aber ich sehe keinen Sinn darin, '!wichtig' dort zu...
Ich muss '!wichtig' in meinem Stil verwenden. Mir ist aufgefallen, dass in anderen Komponenten, wenn '!wichtig' in den Standard-Stilen enthalten ist, die ĂŒber den Style-Manager hinzugefĂŒgten Stile auch '!important' enthalten, um sicherzustellen, dass sie den Standard ĂŒberschreiben. ! Bild Wenn der...
Danke, dass du das gemeldet hast, @yashvi2026. Tolle Frage zu Konnte das Bild nicht vergröĂern. 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-Listene...
Verwandte Fragen und Antworten
FĂŒhre die Forschung mit Ă€hnlichen Themendiskussionen fort.
Problem #5083
Blöcke können nicht auf die Leinwand gezogen werden
GrapesJS-Version [X] Ich bestÀtige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Tauri Reproduzierbarer Demo-L...
Problem #6248
ShowOffsets-Bug, wenn iframe-Körper Zoom hat
GrapesJS-Version [x] Ich bestÀtige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome Reproduzierbarer Demo-...
Problem #4529
Wenn wir ein Bild mit einer Klasse 'xyz' in GröĂe vergröĂern, werden alle Elemente auf der Seite mit derselben Klasse ebenfalls verkleinert, weil der Editor CSS zu diesen Klassen hinzufĂŒgt.
GrapesJS-Version[X] Ich bestÀtige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Version 104.0.5112.101 (Offizie...
Problem #6494
Erstellen und zerstören wiederholt wirft Fehler
GrapesJS-Version [x] Ich bestÀtige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome Reproduzierbarer Demo-...
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 âDurchsuchen Sie Plugin-Kategorien
Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.