CSS isnt loaded fully

[nilspolek]

Hi, I’m new to GrapesJS.

When I load HTML from my database and apply styles, sometimes the CSS doesn’t load correctly.

I’m currently doing it like this:

editor.setStyle('');
editor.DomComponents.clear();

editor.setComponents(templateData.html);
editor.setStyle(cleanCss);

The issue is that some components don’t get styled properly, and editor.getCss(); doesn’t return all of the CSS classes.

Any help would be appreciated!

[mohamedsalem401]

Could you provide an example of the HTML and CSS where the issue happens? That’ll help narrow down what’s going wrong.

Also, the lines

editor.setStyle('');
editor.DomComponents.clear();

aren’t needed in this case.

Try using the following instead and see if it solves the problem:

editor.loadProjectData({
  pages: [
    {
      frames: [
        {
          component: templateData.html,
          styles: cleanCss,
        },
      ],
    },
  ],
});