How insert box, section, footer, header...
You can easily create your own blocks. https://grapesjs.com/docs/modules/Blocks.html
Read full answer below βQuestion
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 insert are rows - columns, images, navs... but a section or a box .... how do it? Please an answer :( Thanks
Answers (3)
You can easily create your own blocks. https://grapesjs.com/docs/modules/Blocks.html
Thanks Yes I know I can create blocks, but In the demo (https://grapesjs.com/demo.html) I see this elements but I can't see any special block for this kind of elements. This is the reason of my question, hoe this blocks have seen created if there is no block for them? Bye
@jotakar it's just an import of a pre-made template https://github.com/artf/grapesjs/blob/gh-pages/demo.html#L147
Related Questions and Answers
Continue research with similar issue discussions.
Issue #1850
[QUESTION] How to show blocks under different tabs
Hello @artf , Hope you are doing fine. I was trying to show all the blocks under different tabs. For example: displaying sections, columns...
Issue #1504
[Question] Dynamic height
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 d...
Issue #1789
[Question] How to append a plus icon in the column and element section?
Hi @artf . First of all, great work. I have been trying to use grapesjs for a month now. So, I stumbled upon a situation where I need to le...
Issue #1141
[Question] - How to extend the existing traits and render the changes in canvas?
I am trying to write a plugin to manage all the element properties of Boostrap Blocks. If someone clicks on the button it will show button...
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.