Images don't display over email
https://github.com/artf/grapesjs/blob/dev/src/asset_manager/config/config.js#L77
Read full answer below ↓Question
My team and I used grapesjs to create email templates and are storing them in an AWS S3 bucket. We have successfully sent an email through our web application, however, images fail to display. After clicking "view original", I can see that the image src displays properly, but the actual image doesn't display. We believe it may have something to do with the base64 encoding. Is there any reason why images within a template wouldn't display when sending to a popular email service such as Gmail?
Answers (3)
From what you said it might be also because you simply didn't enable to view images in that email... Anyway, this has nothing to do with GrapesJS itself so there is no reason to keep this issue open.
Does grapesjs encode images within templates to base64? If so, is there a way to NOT do this or to decode before sending to S3?
Edit: So I downloaded a template from the Amazon S3 bucket where we are storing them and it seems to already be base64 encoded. This leads me to believe that grapes is encoding it before it gets to Amazon. Is there a way to NOT encode images? Thank you.
Related Questions and Answers
Continue research with similar issue discussions.
Issue #2799
[Questions] Ordering of selector with id and class selectors, space after id-selector
I am currently working on a web application for which we integrate this project as GUI editor to customize the environments. Our GUI compon...
Issue #1799
LeadPages - Thrive - Looking to integrate into Mautic a real designer of landing pages and email templates
Looking through docs - api to integrate into Mautic as a plugin to create forms and email templates. Any advice in tasking this? Anyone int...
Issue #3383
Is it possible to include the style in the html?
I'm currently using grapesjs to build email templates, however when I import HTML with the <style> tag already inside, before this is store...
Issue #2924
[QUESTION] Component HTML being changed
I am using GrapesJs to define Freemarker FTL templates. I am seeking an issue when my custom component HTML has been changed after inserted...
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.
Tutorial
Embed GrapesJS in Your SaaS: A Weekend Guide
Embed GrapesJS in your SaaS and ship a white-label page builder over a weekend. Honest tradeoffs, real code, and the plugins that close the UX gap.
Tutorial
Why use grapesjs shadcn for your template builder
Skip months of editor plumbing and start with a fully working visual builder — polished UI included.
Tutorial
GJSDocs: Say Goodbye to Manual Document Work
Invoices, contracts, proposals, reports — all generated automatically. GJSDocs turns your template into a live document in seconds.
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.