Can you load dynamic webpages in GrapesJS?

[tashicorp]

Sort of an unconventional use case - I want to use GrapesJS as the editor for an A/B testing tool I'm building.

I want to load an existing webpage on the canvas so it can be edited (for example, a HTML document with potentially many linked external scripts and style elements).

I would like the webpage to behave the same in the canvas as if it were loaded in the browser. This is simply because on many websites, elements slide/fade in and can't be edited unless they've done so (or they wouldn't be visible).

Currently, I can get the HTML and CSS of webpages working fine, but dynamic JS is a struggle.

I have tried:

canvas: { scripts: [...scriptSources], },

and

      options: {
        allowScripts: true,
       }

But I'm still getting missing behaviours and elements not showing up.

Any thoughts on whether this use case is possible? 🙏