Code editor Support

And an option we can disable the style manager, since in the real world end user if not a technical guy , he will not understand css style and the style is too complicated, and for the frontend developer, without a code editor, it is too hard to work, if you want a real and good designed responsive page, these inline style will cause a lot of problems. There are a lot of good enough frame to avoid using any inline style e.g. tailwindcss.

Further more, I just want to set some rule in particular level of tag it will be selectable and visually editable, but beyond the rule the visual won't change it, alternately we can just select it in the code editor and directly edit by row code. E.g. only the root .page under body can be drag to sort and droppable.

This might be a good candidate for a plugin https://grapesjs.com/docs/modules/Plugins.html