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

✓ Solved: Adding custom styles to element using ID.

👍 Most helpfulartf• Aug 7, 2020

The proper way would be this:

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

mcottret• Jul 27, 2020

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 :) !

Curated by issue keywords and label relevance to help you ship faster.

Loading paid plugin recommendations...

Free option

Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.

Premium option

Premium plugins ship with support, regular updates, and production-ready features — save days of integration work.

Jump directly to plugin category pages on the marketplace.