BUG: Icons are not loading when loading within an angular application
Question
GrapesJS version
- I confirm to use the latest version of GrapesJS
What browser are you using?
Chrome
Reproducible demo link
https://stackblitz.com/edit/angular-dei45q?file=src%2Fapp%2Fapp.component.ts
Describe the bug
Added an attached image to give an idea of what the editor looks like
What is the expected behavior? Need to load the grapejs ediotr
What is the current behavior? Editor loads, but none of the icons are visible.
Code of Conduct
- I agree to follow this project's Code of Conduct
Answers (2)
I was able to resolve this issue by adding font awesome icons css directly to the grape.min.css file. I am not sure why that had to be done since the CSS was being imported already, its working with that workaround, but it would be better if a cleaner solution can be suggested.
Your demo doesn't seem to load, and the grapesjs version you're using there is quite outdated (0.14.15).
Please upgrade and next time open the new bug issue relative to the latest version.
Related Questions and Answers
Continue research with similar issue discussions.
Issue #6081
BUG: Custom Component not able to visible in grapsJs/studio at first rendering
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? chromeReproducible demo link https://stackbl...
Issue #6308
BUG: React Custom UI `Modal` Unable to display `Code`
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? 130.0.6723.117 Reproducible demo link http...
Issue #6063
How to load grapesjs by default preview
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? latest Reproducible demo link https://stac...
Issue #5263
BUG: Deleting a component without deleting its corresponding style, will adding new components later cause style conflicts?
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? latest version of Chrome Reproducible demo...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.