Problem #2705✓ GelöstApr 7, 2020 geöffnetvon andy-bewusst2-Reaktionen

Bildgrößen zum Bild hinzufügen

Kurze Antwortvon artf2

@awaredigital wahrscheinlich die beste Lösung wäre, dem Vorschlag zu folgen, auf 'src'-Änderungen zu achten, dann das richtige Asset zu finden und die Attribute entsprechend zu aktualisieren '''js model: { init() { this.on('change:src', this.onSrcUpdate); }, onSrcUpdate() { const src = this.get('src'); const assets =...

Lesen Sie die vollständige Antwort unten ↓

Frage

Wenn ich ein Bildattribut zur Seite hinzufüge, ist mir aufgefallen, dass das Bild innerhalb der komponente Attribute enthält. Wenn ich meine Bilder zum Asset Manager aufrufe, mache ich das folgendermaßen: Allerdings sind Höhe und Breite nicht verfügbar, wenn das Bild zur Leinwand hinzugefügt wird. Ich habe versucht, die Größen zu bekommen, indem ich Folgendes gemacht habe: 'component.views[0].el.height' und es zum Objekt hinzuzufügen, aber jedes Mal, wenn ich es versuche, bekomme ich 0, weil das Bild im DOM noch nicht verfügbar ist und es daher nicht weiß, welche Größe es hat. Gibt es eine Mö...

Antworten (3)

👍 Am hilfreichstenartfInvalid Date

@awaredigital wahrscheinlich die beste Lösung wäre, dem Vorschlag zu folgen, auf 'src'-Änderungen zu achten, dann das richtige Asset zu finden und die Attribute entsprechend zu aktualisieren '''js model: { init() { this.on('change:src', this.onSrcUpdate); }, onSrcUpdate() { const src = this.get('sr...

PouyamiralayiApr 9, 2020

Hallo @awaredigital checkout #2696 Kommentar, der die Stile aktualisiert, wann immer sich das "src" ändert. Prost!

andy-bewusstApr 9, 2020

Hallo @pouyamiralayi, danke für die Antwort, aber das ist nicht das, was ich machen möchte. Ich möchte dem Bildelement selbst Höhe und Breite hinzufügen. Zum Beispiel geht das Bild im Moment so hinein: '<img src="http://placehold.it/350x250/459ba8/fff/image2.jpg" id="123" />' Was ich machen möchte,...

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 →

Durchsuchen Sie Plugin-Kategorien

Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.