Can't bootstrap GrapesJS + Material Design Lite integration
Hi @vrudikov JS seems to be loading correctly (and you can see that by other JS elements like dialog) but seems like MDL is not auto-initializing. I think you just have to find how to call its init method
Read full answer below ↓Question
So i'm trying to bootstrap this integration and i think MDL framework doesn't run, because JS components are not initialized at all
Here is the plunker
I digged into the code of both GrapesJS and MDL and both seems work ok. I tried several ways of initializing MDL JS: canvas init, init script after GJS div content, but no luck
Will appreciate any help
Answers (3)
Hi @vrudikov JS seems to be loading correctly (and you can see that by other JS elements like dialog) but seems like MDL is not auto-initializing. I think you just have to find how to call its init method
For everyone who want to have Material + GrapesJS integration - just use material-components-web
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 #1818
[Question]: Making grapesjs working with angular7 and material
I'm trying to integrate the library with Angular7, but got problem when moving container <div id="gjs"></div>into the material component (s...
Issue #1897
[Question] view vs code
Hello...and sorry for my english! First of all, congratulations for this fantastic framework. I'm trying to use GrapeJS to create my own wo...
Issue #1863
Adding new components to Block Manager
I'm trying to add multiple components which are in my canvas into the block manager but I believe because of an id issue they're not visibl...
Issue #773
Multiple editors in the same window
Hi all! I'm trying to initiate several editors in the same window. I think almost everything is working great (edition, saving, adding comp...
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.