How can I edit only part of template

[henzigo]

Hello,

I want to edit only part of template in editor. I got some help, how I'm able to disable some parts of my template, but this is not exactly what I need. I tried to figure out how can I invert logic of code pasted bellow, but without any success.

If you need to disable parts of your template, this is probably what you're looking for: https://jsfiddle.net/artur_arseniev/w6mvq4bx/

I will try to describe my situation:

I have using GrapesJS for editing blog articles. I want to make the use more enjoyable so before I initialize GrapesJS I download template of my frontend (This template is created dynamically, so it can be changed everytime I'm loading editor) and show this template in editor. Unfortunately I need to allow editing, dragging, dropping etc. only one nested div, so I can't use example above. (The best way would be to invert logic and allow editing only for div with specific class).

Here is how my template page looks like on frontend

After I'm done with styling article, I need save to my database only content of that nested div, so I can load contend via API on frontend.

Here is how my editor with loaded template looks like:

Is there any way, how can I achieve my requirements at this time? Maybe in future, It would be nice to have some selector in configuration, that will do what I need. What do you think?

Thank you for your advice ❤️

[artf]

Sorry @henzigo replied to you already on your original issue #4083
I'll post there the demo example once the new release, with fixes, is published.