Using the grapes cli to create a plugin
@arunkumar413 this issue must be posted at grapesjs-cliWhich of the following should be used to define components? you must define your components at `components.js file. loadComponents is the named import of that file. after that you must define your blocks inside blocks.js` file in order to expose your defined compo...
Read full answer below βQuestion
Hi Team, I'm trying to use the grapes cli tool (https://github.com/artf/grapesjs-cli) to create a plugin to be used with a react project. The cli tool created blocks.js, components.js and an index.js files. The index.js file contains the below code: Which of the following should be used to define components? Is the loadComponents used for loading the components defined in the components.js or adding the components? 1) loadComponents(editor, options) 2) editor.addComponents( ) 3) Or use the components.js file Could you please make a few codesandboxes to helps us better understand on how to use...
Answers (2)
@arunkumar413 this issue must be posted at grapesjs-cliWhich of the following should be used to define components? you must define your components at `components.js file. loadComponents is the named import of that file. after that you must define your blocks inside blocks.js` file in order to expos...
Could you please make a few codesandboxes to helps us better understand on how to use grapesjs with react, jsx, UI tool kits such as material-UI etc,.
https://github.com/artf/grapesjs/issues/2370#issuecomment-550515205
Related Questions and Answers
Continue research with similar issue discussions.
Issue #2376
Using material UI with grapesjs
Hi Team, I'm trying to use the material UI components in with the grapes but the material UI components aren't rendering as expected (https...
Issue #3119
How to create custom block made of grapesjs components?
Hi, i want to have custom blocks made of grapesjs components. I found solution how to add components: https://github.com/artf/grapesjs/issu...
Issue #1113
New trait type is not working with rendered components?
Hello, thanks for the great framework. I'm trying to apply this to my project. I want to add a new trait for existing LINK '<a>' component....
Issue #3939
Disabled drag and drop in preview
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? v95Reproducible demo link https://codesandbo...
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.
Tutorial
How We Built Composeit in Record Time Using GrapesJS Shadcn
Bypass foundational builder boilerplate and focus on what truly matters.
Tutorial
Building an AI-Assisted Document Engine with Next.js, GrapesJS, and the AI SDK
Transform your static template editor into an intelligent, generative design workspace with Vercel AI SDK, AI Elements and Next.js.
Tutorial
Ship to Production Faster: Whatβs New in GrapesJS Shadcn
Supercharge your page builder! GrapesJS Shadcn adds live drag previews, rich text / commands, dynamic data, and canvas presets to ship to prod faster.
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.