Buttons flashing with question mark and non responsive.
@Apetrou I think you're missing some files (those white blobs seems to be huge toolbar icons, so the font-size seems to be changed). Try to start from the file used for the demo https://github.com/artf/grapesjs/blob/gh-pages/demo-newsletter-editor.html
Read full answer below βQuestion
Hi,
I'm having issues using this library, firstly some buttons are missing their icons and are flashing when clicking on them they are not responsive. E.g.:
Aswell when I select certain elements on the page some white blobs appear. E.g:
For reference i am using the preset newsletter plugin however I have tried without and I still face the same issue.
Any help would be appreciated. Thanks, Alkis.
Answers (3)
@Apetrou I think you're missing some files (those white blobs seems to be huge toolbar icons, so the font-size seems to be changed). Try to start from the file used for the demo https://github.com/artf/grapesjs/blob/gh-pages/demo-newsletter-editor.html
I also have this problem.
I am trying to include it in a CakePHP application. If I run my same gjs includes and scripts on a simple HTML file from my desktop, it works as expected - meaning it is not a missing include. However, including that gjs setup in the application I need it to causes it to look identical to the image above.
Okay. After lots of trial and error, the issue is that I am already including font-awesome in my header.
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/js/all.min.js" integrity="sha512-RXf+QSDCUQs5uwRKaDoXt55jygZZm2V++WUZduaU/Ui/9EGp3f/2KZVahFZBKGH0s774sd3HmrhUy+SgOFQLVQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
Unfortunately, I cannot remove font-awesome from there as I use it in many places.
Related Questions and Answers
Continue research with similar issue discussions.
Issue #2148
[QUESTION] IE11 (Unable to get property 'style' of undefined)
Hi! Just faced the same issue: https://github.com/artf/grapesjs/issues/1295#issuecomment-410046832 While click on one of this buttons this....
Issue #3267
Cannot set 0px box shadow blur
For some reason, the editor does not allow to set the blur to 0px. 0 always magically turns into 5px. <img width="243" alt="Screenshot 2021...
Issue #2955
Missing icons in Block manager
Hi, I have started using grapesjs and for some reason some of the icons from the Block Manager are missing. I can see that the icons displa...
Issue #3382
Not able to add more than 2 projects under free version
WARNING READ and FOLLOW next 3 steps, then REMOVE them before posting the issueFollow CONTRIBUTING Guidelines https://github.com/artf/grape...
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.
Tutorial
Embed GrapesJS in Your SaaS: A Weekend Guide
Embed GrapesJS in your SaaS and ship a white-label page builder over a weekend. Honest tradeoffs, real code, and the plugins that close the UX gap.
Tutorial
Big news from DevFuture β we just repriced everything
Hey GrapesJS community π we just repriced all prices on plugins.
Tutorial
Superβ―Tooltip for GrapesJS β Versionβ―0.1.5 Released π
Weβre excited to announce the vβ―0.1.5 update of Superβ―Tooltip, our floatingβmenu and tooltip plugin for GrapesJS
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.