From ef19b2e829cb33e29aa52a12ab3db7ba8a01d7a0 Mon Sep 17 00:00:00 2001 From: Artur Arseniev Date: Thu, 30 Dec 2021 00:55:20 +0100 Subject: [PATCH] Update Style Manager doc --- docs/modules/Style-manager.md | 23 ++++++++++++++++++++++- 1 file changed, 22 insertions(+), 1 deletion(-) diff --git a/docs/modules/Style-manager.md b/docs/modules/Style-manager.md index 664149394..29045a1c7 100644 --- a/docs/modules/Style-manager.md +++ b/docs/modules/Style-manager.md @@ -450,7 +450,28 @@ For a more advanced usage you can rely on the [Style Manager API] to perform dif // Update selected targets with a custom style sm.addStyleTargets({ color: 'red' }); ``` -* Adding new built-in property definitions. +* Adding/extending built-in property definitions. + ```js + const myPlugin = (editor) => { + editor.StyleManager.addBuiltIn('new-prop', { + type: 'number', + label: 'New prop', + }) + }; + + grapesjs.init({ + // ... + plugins: [myPlugin], + styleManager: { + sectors: [ + { + name: 'My sector', + properties: [ 'new-prop', ... ], + }, + ], + }, + }) + ``` * Adding new types.