问题标签 [mjml]

我正在通过Ruby on Rails和MJML框架写一封电子邮件，并且我想在其中包含不同的图像。目前，图像托管在 S3 上，我们在 HTML 中获取它们。其中一些是横向的，一些是纵向的，因此应该裁剪并居中以具有相同的大小。

如果我在常规的 Web 环境中，我会使用常规的css 方法（background-image属性）来解决它。但我也希望电子邮件与Outlook兼容（至少是最后一个版本），我提到的方法与.

现在我正在考虑下载图像，然后使用这个 gem实现裁剪逻辑并将它们添加为附件。但我很高兴知道任何其他选择。

由于某些原因，在上述 MJML 电子邮件代码中，第二个<mj-section>在浏览器中查看时根本不显示。当图像放置在部分而不是文本元素中时，这也不会显示。我今天才刚刚发现该框架，因此非常感谢有关其原因和解决方法的任何信息或说明。

我正在尝试在我的 EDM 上实现以下设计：

我尝试了以下方法：

但我没有得到我想要的结果：

如何使第二列的高度填满整个部分以等于另一列的高度？

希望有人能帮忙，谢谢！

I’m working on an email template for Mailjet written in MJML that uses an array value provided through Vars to generate a list of items the sender wants to receive from the mail recipient. All values in the array are plain text values.

The data passed to the API request looks like this:

The template uses var:records like this:

As long as var:records isn’t set in the data sent with the request, the mail is sent as expected. As soon as an (not empty) array value is provided with the request, the mail is blocked by Mailjet on sending without giving any further information on the reason.

No idea how to get this working.

UPDATE:

Thanks to Zhivko’s hint to the error reporting mechanism provided by Mailjet I was able to gain a little more insight into the problem.

The template produces the following error:

This still doesn’t make any sense to me as the line mentioned is an if condition with a default value of false defined for the case that no value for var:records is provided with the api request. Also the template only produces this error when the value is explicitely set in Vars and is not empty. My tests so far make me guess that it may have to do with the provided value being an array value as the line doesn’t cause any problems if the value is plain string.

MJML 看起来很适合我想用它。

我想创建一组模板，以便我的同事将来更容易构建电子邮件。但是，“基本”和“图库”部分没有填充选项，我可以为这些部分创建自己的模板吗？无需复制现有项目就可以开始一个项目。

如果无需下载源代码并重新构建它就可以实现，那就太好了，

谢谢。

我已经编写了一个 gulp 任务来在更改时将 mjml 文件转换为 html。这是代码：

一切正常，但我希望输出扩展名是.phtml. 我使用输出选项，但它仍在生成.html扩展文件。

当我需要处理交易电子邮件时，我将 mjml 评估为一种让我的日子变得不那么可怕的工具，并且有一个功能我找不到任何信息，但我确信人们有办法做到这一点正确的。

可重复使用的布局。

我以前用哈巴狗写电子邮件，这是那里的基本功能。我知道 mjml 想成为一个框架而不是模板引擎，但他们确实有“mj-include”并且布局是一种反向包含。

解释我想要实现的伪代码：

布局.mjml

欢迎用户.mjml

根据我的阅读，我看到人们如何处理它的几种方法：

• mj-include <= 文档示例就在此基础上，仍然需要为每个模板进行大量复制和粘贴

• 在编译过程中用布局包装模板 <= 在这种情况下，我失去了 mjml 工具的功能，我可以设置观察者，为每次更改编译和包装我的代码在布局中

• 自定义组件 <= 似乎是最好的选择，但不是可重复使用的布局这种常见的情况，如果它是一个解决方案，那么现在我可能会找到它的自定义组件

我正在使用 MJML 创建一个响应式电子邮件模板，并且我想在文本旁边创建一个带有图像的按钮。类似于自定义按钮，在自定义一词旁边带有齿轮图像。有什么方法可以在文本旁边的图像中编码而不使整个按钮成为图像？

我知道这height不是一个有效的论据，mj-column但我想为这个问题找到一个解决方案。

我有一个想要复制的邮件模板，但找不到使用 MJML 的方法。

这是不起作用的代码：

这mj-column background-color=yellow就是我想在移动设备上渲染的内容。

当你看这个 gif时，你可以看到当我调整窗口大小时，宽度突然改变并恢复正常。我不明白为什么。

我尝试了另一种使用方式，mj-table但它不像我想要的那样：将 mj 列放在移动设备上的图像下方。

有人经历过类似的事情并找到了解决方案吗？

谢谢

我使用 MJML 使用它自己的标记模板语言制作了一个 HTML 电子邮件模板。在编译的 HTML 文件中看到了以下媒体查询。它有效吗？如果有效，它是什么？以前从未见过。我假设这是 MJML 的错误？

为了清楚起见，我不是在问媒体查询，我想知道里面的选择器width:320px {}