GrapeJs framework breaks on adding external stylesheet
Well it's not that hard to break stuff with CSS, so yes, a bad written CSS (eg. using global selectors * or via tags like div, span { ... }) definitely can break the editor
Read full answer below ↓Question
When i add my external stylesheet using
const editor = grapesjs.init({
canvas: {
styles: [
'style.css',
]
}
});
the grapesjs framework no more works. How can I have the style sheet as well as the grapesjs framework. Is this happening because some styles may not be compatible with GrapesJs?
Answers (2)
Well it's not that hard to break stuff with CSS, so yes, a bad written CSS (eg. using global selectors * or via tags like div, span { ... }) definitely can break the editor
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 #2008
[Question]The canvas turns dark and unmodifiable on adding a large piece of custom html.
I used to add custom html with editor.addComponent(). It works well at most of the time, but when I try to insert a large piece of HTML whi...
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 #1215
[Question]Adding Google Font doesn't work
Bonjour, I try to add Google Font : When i click on Typography, script stop in Grapes.jp show: function show() { this.$el.addClass(this.pfx...
Issue #859
[QUESTIONS] Change canvas style
Hi there, I have some question about canvas style, in this case i have config like this. By default i use css with name builder-desktop.css...
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.