External Style Sheet
This is a correct behavior if you're loading CSS as a remote resource. One workaround, for your case, would be to load CSS via ajax and add the result with editor.addComponents('<style>${cssText}</style>')
Read full answer below ↓Question
Nice work .Got a little problem if the styles for the web page is moved to a stylesheet then most of the css properties in decorations sections not loading from stylesheet. (eg: background-image property for header)
Answers (2)
This is a correct behavior if you're loading CSS as a remote resource. One workaround, for your case, would be to load CSS via ajax and add the result with editor.addComponents('<style>${cssText}</style>')
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 #1807
GrapeJs framework breaks on adding external stylesheet
When i add my external stylesheet using the grapesjs framework no more works. How can I have the style sheet as well as the grapesjs framew...
Issue #1506
Css Media Query Issue
Hello @artf There is an issue on demo page as well as library in media query. Issue is that if user update style on mobile view first and t...
Issue #442
Is it possible to include an external stylesheet in the grapesjs canvas?
We want to create some custom components whose style changes according to an external theme css (there can be different themes), and we wan...
Issue #1475
[Question] adding filter to styleManager
Hi, I am trying to add a filter property to Styles. The problem that I am having is that the property demands 2 arguments: 1. The type of f...
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.