Font not loading when using with webpack - grapesjs is trying to load fonts with relative path
i.e. the html file is at /public/editor/demo.html and the files output by webpack are located as /public/js/ (bundle.js and font files) - so if I copy font files to /public/editor/fonts/ it works fine. Well I think from this sentence is quite clear that the issue is where webpack places fonts (probably you just need t...
Read full answer below βQuestion
I am trying to load grapesjs editor in a simple html file and it does not load the grapesjs own icons or the fontawesome icons. Now, I looked into these 2 issues #2320 and #1474 but they did not help me in resolving my problem, hence I am raising it. Below is my source script (demo.js) which is then used by webpack to package it up as `bundle.js My webpack configuration is as below : I can see that when I run webpack to bundle everything, it creates the `bundle.js and also outputs the font files .woff, .svg for both main and fontawesome icons etc. But when I try to use them in my html, it alw...
Answers (1)
i.e. the html file is at /public/editor/demo.html and the files output by webpack are located as /public/js/ (bundle.js and font files) - so if I copy font files to /public/editor/fonts/ it works fine. Well I think from this sentence is quite clear that the issue is where webpack places fonts (prob...
Related Questions and Answers
Continue research with similar issue discussions.
Issue #2101
Selected content parent tag remove
https://github.com/artf/grapesjs/issues/906#issuecomment-381403858 I need to remove the html content from editor.getSelected(). Now I'm usi...
Issue #2972
Disable scripts on canvas
Hello, first of all thanks for a great tool. On my project i hit the problem where I need to disable scripts inside the editor. I found 2 s...
Issue #2968
Trying to have 'Settings' sector under the style
https://github.com/artf/grapesjs/issues/1627 I think the question is related to this line specifically, I have the same issue. I look thru...
Issue #2853
Do you have plans to remove dependency on Document.execCommand in RTE?
I noticed that in https://github.com/artf/grapesjs/issues/74 when the move to the Pell based editor is listed it's use of Document.execComm...
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 βBrowse Plugin Categories
Jump directly to plugin category pages on the marketplace.