Twig 文件中的响应式电子邮件模板

Question

尝试在 Twig 文件中构建响应式电子邮件模板。在 Symfony 应用程序中使用 Swiftmailer 发送电子邮件。到目前为止，我遇到的两个问题是图像仅在我在本地主机上查看电子邮件时显示，而不是在 Gmail、收件箱或 Yahoo! 中查看电子邮件时显示！

使用绝对路径链接图像（当前）。此外，尝试了具有相同结果的相对路径。

<img src="{{ absolute_url(asset('bundles/coreecommerce/images/logo.png')) }}">

问题 #2 是包含样式表。我在样式表中有一些媒体查询，我试图将其包含在这样的 head 标记中。

  {% block stylesheets %}
    <link href="{{ asset('bundles/coreecommerce/css/email.css') }}" rel="stylesheet" />
  {% endblock %}

我在这里做错了。只是不确定是什么？你可以在 Twig 中为响应式电子邮件包含样式表、内联样式吗？

感谢您的帮助。

Answer 1

要在您的 html 邮件中嵌入图片，您应该查看this section of the documentation。

要向您展示 twig 的示例，您可以从以下内容开始：

<?php

$message = \Swift_Message::newInstance();

$fileToEmbed = 'a path to image file';

$templateParams = [
    'fileToEmbed' => $message->embed(\Swift_Image::fromPath($fileToEmbed)),
];

// then compose the mail like this
$message
    // set subject etc...
    ->setBody($this->twigTemplating->render('yourMailTemplate.html.twig', $templateParams), 'text/html')
;

然后在你的树枝模板中，你只需创建一个带有模板变量的 IMG 标签：

<img src="{{ fileToEmbed }}">

所以 TL;DR，您只需要将 $message->embed(\Swift_Image::fromPath($fileToEmbed)) 返回值传递给您的邮件模板并将其用作 src 属性。

---

要在你的包中找到图像文件，你可以像这样使用Kernel::locateResource 方法（假设你的logo.png 位于CoreEcommerceBundle/Resources/public/images/ 目录中）：

$fileToEmbed = $this->kernel->locateResource('@CoreEcommerceBundle/Resources/public/images/logo.png');