Iframe component json format

[shelendravashishtha2]

Hi @artf ,

I'm using grapesjs json to render data on my editor using

editor.setComponents(); editor.setStyle()

functions. now when I'm trying to add these components inside div i can provide the custom json like
{ "tagName: "div", attributes: { }, components : componentArray }
but same json is not working in case of iframe. Iframe is getting rendered on the editor but components are getting rendered outside the body of the document of iframe.

Iframe Json is like
{ "tagName: "iframe", attributes: { }, components : componentArray }
Can you please help me with this ?

[artf]

iframes don't work in that way, you generally pass the src, srcdoc or inject the content via JS (if it's not a cross-origin iframe).
What is your use case of using an iframe in that way?

[shelendravashishtha2]

Hi @artf
any suggestions .... ?

[artf]

You can have multiple pages on a single editor instance https://codepen.io/artf/pen/XWpJQoY

[shelendravashishtha2]

Actually, I want to show all the pages on a single screen ,not by just showing the page name in side bar on a single editor instance. like multiple pages can be edited and seen in figma. So for that I wanted to use iframe. Even if I render the components manually, I am not able to drag and drop inside the iframe src?

[shelendravashishtha2]

for the reference this should be the output
and those pages should be editable

[artf]

I've started to work on something like that but ,unfortunately, due to lack of time I left this feature behind.