QUESTION: Wrapper styling
Question
First of all, congrats @artf for this amazing project 💯
I am currently working on a project and I wanted to ask if I can edit the wrapper (body) like I edit other components inside it. For example I would like to edit the padding of the wrapper as I do with the background-color.
I've had a look over the configs but couldn't find anything helpful.
Thank you!
LE: I have found a way. I am overwritting the stylable array from getWrapper() but I'm not 100% sure this is the correct way. Can you confirm this?
Answers (3)
Yes @kuhelbeher, now the wrapper is created post plugins, so you can entirely extend it as any other component
LE: I have found a way. I am overwritting the stylable array from getWrapper() but I'm not 100% sure this is the correct way. Can you confirm this?
Yeah sure it's ok, but if you need, you can change the wrapper properties on init via mainConfig.domComponents.wrapper option
https://github.com/artf/grapesjs/blob/18b2f95b7f844578dc2b28d786b126013d155d9e/src/dom_components/config/config.js#L9
you can change the wrapper properties on init via
mainConfig.domComponents.wrapperoption https://github.com/artf/grapesjs/blob/18b2f95b7f844578dc2b28d786b126013d155d9e/src/dom_components/config/config.js#L9
Hello, I've noticed that this options is for old version of grapesjs, but in new version wrapper property is removed from domComponents config. Is there a way to set some wrapper properties on initialization in new version?
Related Questions and Answers
Continue research with similar issue discussions.
Issue #2288
[QUESTION] Why stylable and unstylable props not working?
First of all, excellent project! I love it! Very complete all-around. I've been reading and re-reading the doc and it is a steep learning c...
Issue #2065
Few Questions
First of all, Amazing project thumbs up to everybody involved. I have a couple of questions:How can I iterate over all of the components an...
Issue #3399
Convert JSON to HTML server-side
So first of all, thank you @artf for this amazing project. I have a question: Is it possible to easily convert the components-JSON to HTML...
Issue #2274
[QUESTION] How to load children of a readonly component?
I'm trying to mount a readonly component (draggable, droppable etc all set to false) and allow the user to edit child components inside. Fo...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.