Grapesjs Cloudinary

Cloudinary handles the parts of image delivery that a page builder should not: storage, format negotiation, on-the-fly resizing and a CDN in front of all of it. This project wires its uploader into the GrapesJS Asset Manager.

What it is

It is best described as a working reference implementation rather than a heavily configurable plugin. The repository is deliberately small — clone it, read how the uploader is attached, and adapt it to your own Cloudinary account and upload preset. A live demo is linked from the repository, so you can see the result before committing to the approach.

Why route uploads through Cloudinary

The GrapesJS Asset Manager embeds uploads as base64 by default, which means every image lives inside the saved project and page payloads grow without limit. Sending them to Cloudinary instead leaves URLs on the canvas, keeps stored projects small, and lets you change delivery format or dimensions later by changing the URL rather than re-uploading the file.

Good to know

Published as gjs-cloudinary and released under the MIT licence. Part of the Blocomposer collection of GrapesJS asset and storage integrations.