Wie ändert man id/klasse, wenn ein neues Element im Editor droppt oder ein Element mit dynamischer IP rendert?

Question

Hallo @artf, Ich hoffe, es geht dir gut. Ich habe zwei Fragen bezüglich dynamischer Blöcke, 1) Ist es möglich, den Block mit dynamischer ID zu rendern? 2) Ist es möglich, die id/class/onClick-Methoden in den Grapesjs-Methoden 'block:drag:stop' oder 'component:add' zu ändern? Hier ist ein Teil meines Codes, Im obigen Beispiel muss ich dynamisch statt 'staticId' machen. Das wird auch in die Onclick-Funktion übergeben. Ich versuche, dieses Id in der Aber nach der Änderung mit Hilfe von '$('#static...

artf · Accepted Answer

In deinem 'block:drag:stop'-Callback solltest du eine Änderung am 'droppedComponent' vornehmen (ist eine Instanz von Component, also nutze dessen API), das '$('#staticId')' existiert nicht einmal, die Leinwand befindet sich im anderen Frame des Dokuments. '''js const randomId = '...'; droppedComponent.addAttributes({ id: randomId, onclick: 'jsFunc('#${randomId}')', }) ```

AkibDeraiya123 · Answer

Hallo @artf, Vielen Dank für Ihre schnelle Unterstützung. Jetzt funktioniert es für mich, Das hat bei mir funktioniert. Angenommen, ich habe Inhalte wie, Gibt es Möglichkeiten, die ID und die Onclick-Funktion des IMG-Tags zu aktualisieren?

artf · Answer

@AkibDeraiya123 du machen kannst, was du willst, überprüfe bitte die API https://grapesjs.com/docs/api/component.html

Wie ändert man id/klasse, wenn ein neues Element im Editor droppt oder ein Element mit dynamischer IP rendert?

Frage

Antworten (3)

Verwandte Fragen und Antworten

Wie man den Rand von px zu rem ändert

Wie man den Rückgängig-Knopf deaktiviert

Wie man eine Elternklasse hinzufügt, wenn ein Drag-Element

Wie man Blöcke unter verschiedenen Tabs zeigt

Kostenpflichtige Plugins, die diesem Problem entsprechen

Durchsuchen Sie Plugin-Kategorien