How to change id/class when new element drop on editor or render element with dynamic ip?

Question

Hello @artf , Hope you are doing well. I have two questions regards dynamic blocks adding, 1) Is it possible to render the block with dynamic id? 2) Is it possible to change the id/class/onClick methods in block:drag:stop or component:add grapesjs methods? Here is some of my code, In above example i need to make dynamic instead of staticId. Which is also passed into the onclick function as well. I am trying to change that id inside the But after the change with the help of $('#staticId').attr('...

artf · Accepted Answer

In your block:drag:stop callback you should make a change to the droppedComponent (is an instance of Component, so use its API), the $('#staticId') doesn't even exist, the canvas is in the other frame of the document.

AkibDeraiya123 · Answer

Hello @artf, Thank you for your quick support. It's working for me now, This is worked for me. Suppose i have content like, Is there any possibilities to update img tag's id and onclick function?

artf · Answer

@AkibDeraiya123 you can do whatever you want, check the API please https://grapesjs.com/docs/api/component.html

How to change id/class when new element drop on editor or render element with dynamic ip?

Question

Answers (3)

Related Questions and Answers

[QUESTIONS] change or add event on add component from block

Change HTML content while block is render in editor

Render block after trait action .

How to add parent class when drag element

Paid Plugins That Match This Issue

Related tutorials

🚀 Introducing GrapesJS Email Blocky: The Ultimate Email Block Library for GrapesJS

Browse Plugin Categories