Grapesjs: FEAT: Adding custom styles to element using ID.

[BerkeAras]

What are you trying to add to GrapesJS?
Adding custom styles (like background) to element using ID.

Is there an alternative at the latest version?

[ ] Yes (descripe the alternative)
[X] No

Is this related to an issue?

[ ] Yes (Give a link to the issue)
[X] No

[mcottret]

Hi @BerkeAras !

Apparently it is undocumented but editor.Components.allById() might be what you're looking for, eg:

editor.Components.allById()['your-id'].set('style', {'background-color': 'red'});

Hope this will help, cheers :) !

[artf]

The proper way would be this:

const compById = editor.getWrapper().find('#i9x9h')[0];
compById && compById.addStyle({ 'background-color': '...' });