search

GrapesJS / grapesjs

Free and Open source Web Builder Framework. Next generation tool for building templates without coding
https://grapesjs.com
BSD 3-Clause "New" or "Revised" License
22.36k stars 4.05k forks source link

Buttons flashing with question mark and non responsive. #2038

Closed Apetrou closed 5 years ago

Apetrou commented 5 years ago

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.: Screenshot 2019-05-25 at 12 53 28

Aswell when I select certain elements on the page some white blobs appear. E.g:

Screenshot 2019-05-25 at 12 55 08

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.

artf commented 5 years ago

@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

umer936 commented 3 years ago

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.

umer936 commented 3 years ago

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.

umer936 commented 3 years ago

The issue is with Font Awesome 5 when grapesjs wants Font Awesome 4 Fixed by changing the FA 5 include to:

`

`