Dynamic height
Got it working pretty nicely listening to the 'component:update' event, calculating iframe content height and applying it to the editor. Thanks.
Read full answer below ↓Question
Hi:
Is it possible to have an instance of GrapesJS with dynamic height, as in, the editor adjusts to the content size. What I'm trying to do is to embed GrapesJS in a page with other elements (header, footer, etc.) and having only one scrollbar for the entire page. As you insert content in the editor, the page as a whole grows longer. Is this really possible?
Thanks in advance.
Answers (3)
Got it working pretty nicely listening to the 'component:update' event, calculating iframe content height and applying it to the editor.
Thanks.
Not by default, but you should be able to do so by relying on Events
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.
Related Questions and Answers
Continue research with similar issue discussions.
Issue #1750
[Question] Show drawing outlines only under actively editing blocks
Is it possible to show show drawing outlines only for the currently selected (with all children) and for the hovered elements? Thus all oth...
Issue #336
[Question] How to disable editing on fetched content
Hi, i want to integrate your project into an existing webpage as a kind of CMS-editor. It is necessary for the editor to wrap the whole bod...
Issue #1548
QUESTION: How insert box, section, footer, header...
I'm trying to imagine how to insert a header or a section or a box... I see the blocks panel, and extra an every panel, but all I can inser...
Issue #1499
[Question] Is it possible to perform dom manipulation through the block's contents script?
Hey! First of all thank you so much to build such a great and versatile tool. Is it possible that I can manipulate the dom elements of the...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.
Browse free plugins →Premium plugins ship with support, regular updates, and production-ready features — save days of integration work.
Browse premium plugins →Related tutorials
In-depth guides on the same topic.
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.