[FEATURE REQUEST] Support rendering layouts which are not part of the editable content

Question

Basically my use case is that I want to show a whole page - with header, menu(s) and footer - in the editor canvas, but only allow the user to edit the actual content of it. The reasoning behind this is so that the users can see the page as close as it will be to the "end product". I've been able to accomplish something like this by rendering the full page into the wrapper, using the fromElement option, and taking care to set highlightable, badgable and all the other such attributes to false on...

artf · Accepted Answer

For the point 1 you can pass this to your init options: Point 2, what about something like a custom placeholder component which just overwrites toHtml method in the model definiton

artf · Answer

Hey @dsgh, did you manage to accomplish your task?

dsgh · Answer

@artf These past few days I've been busy working on other extensions to grapesjs that we're also needing. Thank you for your suggestions here - I'll investigate more about the showWrapper option, and I think your suggestion for point 2 is spot on! I should have thought of doing that. I'll return to this later this month, and report back - if you want to close this issue in the meantime, feel free to do that, as I'm fairly confident I'll be able to solve it without any changes to grapesjs. Thanks

Support rendering layouts which are not part of the editable content

Question

Answers (3)

Related Questions and Answers

[Question] How to disable editing on fetched content

[QUESTION] How to get style for header & footer components only

QUESTION: How to keep default sections in the canvas without the possibility to be removed by the user?

FEAT: Support for search and commands in the editor for custom components

Paid Plugins That Match This Issue

Browse Plugin Categories