StyleManager Option for Editing single Elements allways
Question
I'm using this great Library for Editing only Parts of Pages. I mainly design Compontens ready to use on the Page and when using the style Manager it allways should only take effect to only the selected Elements, not its classes.
So at the Moment I allways have to deselect calsses and edit. Is it possible to add an Option so Style Manager will allways use the ID for generating CSS?
Answers (3)
You can make use of selector:add event
editor.on('selector:add', selector => selector.set({
active: false, // disable the selector
// or
private: true, // hide the selector
}));
Thanks for the Solution. This is rather easy.
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.
Related Questions and Answers
Continue research with similar issue discussions.
Issue #1349
Update style manager properties depends on components
Hi @artf Thank you for great library. I want to update style manager properties on the basis of components type. For example, If there is t...
Issue #1177
[QUESTION] Multiple identical classes usage
Hey @artf , I have a question around the Style Manager. Let's say we have multiple elements with row classes inside html, is there any poss...
Issue #1750
[Question] Show drawing outlines only under actively editing blocks
Is it possible to show show drawing outlines only for the currently selected (with all children) and for the hovered elements? Thus all oth...
Issue #1994
[question] Is it possible to add StyleManager property for only class name
Thank for this awesome library. I am gonna to add style controller to sector. This style will be for only one class name and won't set targ...
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.