Grapesjs Firebase Storage
What's Included
- Free to download & use
- Open for personal & commercial use
Support The Creator
Use one-time or monthly support to thank the creator for this free product.
GrapesJS Compatible
Tested with GrapesJS 0.18.x, 0.19.x, 0.20.x, 0.21.x
Open Source on GitHub
Free to use, fork, and contribute
Editor Compatible
Designed for the GrapesJS open-source editor
Free to Use
Open for personal and commercial projects
By default the GrapesJS Asset Manager embeds uploaded images as base64, which inflates every saved project and makes stored pages enormous. This plugin routes uploads into a Firebase Storage bucket instead, so the canvas holds URLs rather than encoded image data.
Required setup
Two things must be configured. Pass your Firebase app credentials through firebaseConfig, and set assetManager: { embedAsBase64: 0 } in your editor config — without that second line GrapesJS keeps embedding files and the plugin never sees them.
What it adds
A get-firebase-assets command that loads the bucket's existing contents into the Asset Manager, so previously uploaded images are available in new sessions rather than only in the one that uploaded them.
Options
firebaseConfig— your Firebase app credentials.fileName— the storage folder uploads land in, defaulting toassets.
Version constraint
The plugin is tested on Firebase v8 and above, and v9 is not yet supported. Firebase v9 introduced a modular SDK with a different import shape, so pin the compat version or the plugin will not initialise.
Good to know
Install as grapesjs-firebase-storage.
Ratings:
No reviews yet. Be the first to share your experience.
Questions & Answers
No questions yet. Have something to ask?
Common problems this plugin can help fix
Real community questions on the same topic — see how others worked around them.