Same Design for all blocks
I think for the first Point you are searching for normal Components? https://grapesjs.com/docs/modules/Components.html#how-components-work
Read full answer below ↓Question
Hi @artf , this is not actually a bug but I would like to ask
if there is something like global design for every blocks.
for example all images has same border and border radius
What I want to do is
- Set global design that will apply on all blocks. e.g img, button, text, columns
- Global Design that is editable and will apply on blocks realtime.
Answers (3)
I think for the first Point you are searching for normal Components? https://grapesjs.com/docs/modules/Components.html#how-components-work
I did look at the link but it doesn't have what I'm looking for but I really appreaciate your help. What I'm looking for is something like this:I have a custom UI that generates this code belowNow I need this generated code to be applied on all images on the canvas. Thank you. :)
@froderf it's up to you how to create/maintain a Design System, you can import your classes and them by changing them you will change the design on any component with that class
Related Questions and Answers
Continue research with similar issue discussions.
Issue #1344
styleManager - global units settings - em,rem,mm
Hi! Is there a way to set a global option to extend units array in styleManager? I would like to give, for example, the choice for em, rem,...
Issue #1579
Border Color Issue
@artf There is bug in the border color if you drag a button on the editor and paste color like rgb(255, 0, 0) in border color and select an...
Issue #1532
How to ensure that the independent module is not dragged into other modules.
sorry to ask again，I really want to know How to set up the independent module is not dragged into other modules ，just like Built-in Blocks...
Issue #553
Adding new components to existing ones
Hello, I would like to ask if there's any existing support or API for adding new components to an existing component list (e. g. after fetc...
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.