文章/答案/技术大牛

发布

社区首页 >问答首页 >如何在MJML上使用mjml上的相对路径-对电子邮件模板进行反应

问如何在MJML上使用mjml上的相对路径-对电子邮件模板进行反应
EN

Stack Overflow用户

提问于 2020-12-14 18:50:41

回答 1查看 726关注 0票数 0

描述了bug

使用相对路径在电子邮件收件人上呈现断开的链接
使用来自web上图像的链接会在电子邮件中生成断开的链接，除非这些链接有一个明确命名图像的终止，其类型(jpg等)，例如src="http:://somelink....jpg"。

复制

相对路径无效：

       <MjmlImage
              width="400px"
              src="./public/Book/Book.png"
            ></MjmlImage>

只有这样的链接才能工作：

<MjmlImage
              width="400px"
              src="https://image.shutterstock.com/image-photo/bright-spring-view-cameo-island-260nw-1048185397.jpg"
            ></MjmlImage>

期望行为图像应该显示在收件人的电子邮件上。

MJML环境(请完成以下信息)：

操作系统: Windows
MJML版本4.7.1
使用的MJML工具: mjml-react 1.0.61

电子邮件发送环境(用于呈现问题)

用来发送电子邮件的平台: Gmail

影响电子邮件客户端(用于呈现问题)：

电子邮件客户端: Gmail
操作系统: Windows
浏览器: Google

截图

附加上下文，我尝试使用这个包裹，并在next.config.js文件上遵循了webpack的步骤(我使用的是NextJ)，但它也不起作用。

javascript

reactjs

next.js

email-templates

mjml

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-12-21 07:43:23

在一般情况下：

当您正在开发电子邮件时，相对地址在您的系统上工作。

可悲的是，没有办法用电子邮件发送外部文件。因此，您可以在系统上找到的具有相对地址的文件不太可能出现在收件人的系统中。

你会想把你的文件放在可以上网的网址上，然后在你的电子邮件中以这种方式引用它们。

正如您所观察到的，当您引用整个路径和文件名(包括扩展名)时，这很好。

就你而言：

您正在使用的包力求成为一种通过电子邮件发送图像的方式。很漂亮。如果它有效的话，它隐藏了大量的复杂性。

我注意到这个软件包已经两年或更长时间没有更新了。如果它当时起作用了，那么它不再起作用也就不足为奇了。祝好运!

附加:小心发送你的电子邮件。我听说过的每一个电子邮件客户端都会更改您的HTML，如果您使用剪切粘贴将HTML放在他们的编辑器中进行发送。如果他们改变了你的HTML，你就不是在发送你认为你要发送的内容。真扫兴。解决方法是使用电子邮件服务提供商。有些是免费发送的有限数量的电子邮件。选择一个不会改变HTML的；有些会改变！

您可以通过将HTML粘贴到免费服务https://putsmail.com中来测试它(不要单击该选项来内联您的CSS)。他们会发送电子邮件到您选择的电子邮件帐户，您可以在您选择的电子邮件客户端检查它。

顺便说一句，MJML支持的一个很好的来源是https://slack.mjml.io/。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/65294771

复制

相似问题

问如何在MJML上使用mjml上的相对路径-对电子邮件模板进行反应
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在MJML上使用mjml上的相对路径-对电子邮件模板进行反应EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在MJML上使用mjml上的相对路径-对电子邮件模板进行反应
EN