Plugin Basic Blocks

GrapesJS core ships no blocks at all — an editor built straight from the library starts with an empty Block Manager. grapesjs-blocks-basic is the official set that fills it, and it is the fastest way to get a usable canvas.

The nine blocks

• Layout: column1, column2, column3 and column3-7 — a two-column 30/70 split.
• Content: text, link, image, video and map.

Options

• blocks — register a subset instead of all nine.
• flexGrid — build the column blocks with flexbox rather than floats. Off by default for backward compatibility.
• addBasicStyle — whether the plugin injects its own CSS for the blocks. On by default; turn it off when your design system owns the styling.
• category — the Block Manager category the blocks land in, defaulting to Basic.
• stylePrefix — the class prefix, defaulting to gjs-.
• rowHeight — the initial row height in pixels, defaulting to 75.
• labelColumn1 through labelMap — every block label can be overridden, which is how you localise the Block Manager.

Good to know

The plugin registers under the name gjs-blocks-basic while the npm package is grapesjs-blocks-basic. BSD-3-Clause.