Fügen Sie benutzerdefinierte Attribute (Daten-) zu Assets/Bildern beim Upload/Selection hinzu

Question

Hallo, ich versuche mein Bestes, den richtigen und besten Weg dafür zu finden, aber ich muss zwei benutzerdefinierte HTML5-Datentags an ein Bild anhängen, sobald es im Assets-Manager ausgewählt wurde. So: '''html <img src="path/to/img" data-entity-type="file" data-entity-uuid="some-uuid" /> Da ich das nicht zum Laufen gebracht habe, habe ich versucht, sie im Komponenten-Update-Event hinzuzufügen, aber ich bezweifle, dass das nach dem Hinzufügen einen Wert zurückgibt, um sie zu aktualisieren. ''...

Coyote6 · Accepted Answer

Ich habe eine Lösung gefunden, aber sicher gibt es eine bessere als diese: '''javascript editor.on('component:update', (component) => { wenn (component.attributes.type == 'image' && typeof (assets[component.attributes.src]) != 'undefined') { var thisAsset = assets[component.attributes.src]; var iframe = $('#gjs iframe'); $('.' + component.cid,iframe.contents()).attr('data-entity-uuid', thisAsset.uuid); } }); ``` Danke.

artf · Answer

Deine Lösung aktualisiert nur das Element innerhalb der Leinwand und nicht das Modell (also wirst du sie in deinem endgültigen Code nicht sehen). Wenn du das Modell aktualisierst, wird das Element im Sichtfeld automatisch aktualisiert, z. B. '''js editor.on('component:update:src', component => { component.is('image') && component.addAttributes({'data-uuid': '...'}); }); ```

Coyote6 · Answer

Danke! Wird es in Zukunft eine Funktion geben, um Attribute beim Asset-Import hinzuzufügen? Nur aus Neugier.

Fügen Sie benutzerdefinierte Attribute (Daten-) zu Assets/Bildern beim Upload/Selection hinzu

Frage

Antworten (3)

Verwandte Fragen und Antworten

Hilfe beim Hinzufügen von Bildern zur Leinwand

Fügen Sie benutzerdefiniertes HTML innerhalb von Canvas hinzu

Wie fügt man ein zusätzliches Feld in Eingabemerkmale hinzu

Das benutzerdefinierte Link-Modal aktualisiert den aktuellen Text nicht, sondern fügt einen weiteren Text mit Link hinzu

Kostenpflichtige Plugins, die diesem Problem entsprechen

Durchsuchen Sie Plugin-Kategorien