Help adding images to the canvas
... it adds a blank image to the canvas Can't reproduce it. Any live demo? Or at least a screencast/gif?
Read full answer below ↓Question
I've followed the docs and have been able to upload images.
When I drag an image block (using the newsletter preset) and select an image from the assets it adds a blank image to the canvas. I need to double click the image on the canvas and select the image again for it to show.
Is there something I need to do to wire it up? I've tried adding window.editor = editor; but it didn't fix it.
Thanks for your help!
Answers (3)
... it adds a blank image to the canvas
Can't reproduce it. Any live demo? Or at least a screencast/gif?
I put together a basic sample and it works, it must be a problem with my code.
Sorry to take up your time!
If anyone else sees this problem in my case it was happening because I was using the canvas:drop event to adjust the HTML (to perform a mail merge). I've fixed it by checking if the user is dropping an image in which case we leave the HTML as is.
Related Questions and Answers
Continue research with similar issue discussions.
Issue #816
[QUESTION] Adds image block trough Editor API
Hi @artf , When I drag and drop a Image block within the canvas it triggers the active event for the image block thats runs the openModal m...
Issue #1721
[QUESTION] Resize image before adding it as base64
I'm currently adding images to the canvas as base64 (embedAsBase64: true). I don't want to upload the image for the moment, to keep things...
Issue #1439
Removing images from the canvas/LS when deleted from the AM
I upload an image with the assets manager which stores the image on the server. I select the image to insert into the canvas and it stores...
Issue #957
[Question] Add custom attributes (data-) to assets/images on Upload/Selection
Hi, I am trying my best to find the proper/best way to do this, but I need to attach two custom HTML5 data tags to an image once it is sele...
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.