[QUESTION] After installing grapesjs-style-bg plugin, how do I add it to StyleManager?
Question
Newbie question here, I added the plugin grapesjs-style-bg to the stack, now how to I show it in my StyleManager?
I reset all the sectors from the StyleManager on initialization, and then I add them one by one using styleManager.addSector("id", {...}).
Answers (2)
@pooriamo, thanks man! Life saver! It works great! :)))
Thanks for the cheatssheet too, lots of goodies in there!
You can cheat from here: https://github.com/artf/grapesjs/blob/gh-pages/demo.html#L1127
You must add background-bg to the buildProps array and then config it in properties, the type must be bg:
[
...
{
name: 'Decorations',
open: false,
buildProps: ['opacity', 'border-radius', 'border', 'box-shadow', 'background-bg'],
properties: [
...
{
id: 'background-bg',
property: 'background',
type: 'bg',
}
]
...
}
]
Related Questions and Answers
Continue research with similar issue discussions.
Issue #1524
Howto add Blocks?
Hello all, it turns me crazy but I do not understand how to add blocks. I can write them myself following tutorial, but when I load plugin,...
Issue #2360
[Question] How to add a new property type(integer) to StyleManager?
Hi, I am trying to create a custom StyleManager property with 'integer' type. My ultimate goal is to 're-define' how certain units are disp...
Issue #2742
[QUESTION] How to prevent unique ids generation?
Hi! Thanks for your work @artf. This is a simplified code of how I use grapesjs, I want to save the styles and then want to apply them agai...
Issue #2350
[Question] How do I add elements/sectors to views container using a custom button in the Panel
I have added a custom button to the Panel as below: const pm = editor.Panels; pm.addButton('views', { id: 'customButton', className: '', co...
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.