问题标签 [mjml]

我正在为客户准备一个新的电子邮件模板。我希望它对移动设备友好，并且在尽可能多的电子邮件客户端/浏览器中看起来不错。在网上看了下，MJML.io 似乎很受欢迎，在研究这个主题时被推荐。

我要使用 Bootstrap 查找电子邮件。我是第一次使用 MJML。它非常漂亮，我只是想知道它生成的 HTML。

我想指出，我非常了解 HTML。我知道所有的代码是什么，做什么。我不知道 100% 它对各种电子邮件客户端/浏览器的影响以及它们如何处理呈现电子邮件的 HTML。所以我可以把这段代码清理干净，去掉多余的内联样式，让我的强迫症快乐。但是，我不想破坏响应能力。即：我不想删除多余的样式并破坏 Outlook，或破坏 Yahoo 等。

下面是一个例子。有一张主桌，里面有另一张桌子。我明白了。那么整个表格只是为了一个空行？然后我们有一个包含许多 TR 的表。我也明白。但是，有p一个定义了样式的标签，然后span在它的内部设置了另一个样式。似乎是多余的。此外，它还多次定义了基本字体。

我可以通过在 parent 中设置字体系列、字体大小、字体颜色来简化这一点table吗？或者是否有某种原因在最低元素级别多次定义它？我看看这个，我只想在正文、第一个 div 或主表中设置一个基本字体，p 用于文本设置，然后spans 用于当我需要不同的大小、重量、颜色等时。

我只是不知道这是否是电子邮件客户端兼容性魔法酱的一部分，我不想打破它哈哈。CSS、头部等都是来自 MJML.io 的库存，我知道有些客户会去掉头部，这意味着那里的样式将被忽略。所以我没有包括它，只是下面重要的部分：

--

我想清理它，从主体和内部 div 开始，通过设置字体、背景、填充等一次......

另一个例子，它将字体大小设置为 0，然后在子元素中设置实际字体大小，声明填充两次.. 到底是什么：

我们目前有一个使用 ASP.NET Web API 构建的 REST API，它托管在 Azure 上。

我们的一种方法需要使用 MJML 语言编译电子邮件模板。唯一的问题是没有用于 MJML 的 asp.net 编译器，它是用 Node.js 编写的，除了在 gulp 中使用它作为我们构建过程的一部分之外，我们这里没有人知道任何关于 node 的信息。

所以我想问题是，是否有一种简单的方法（最好是在 Azure 上）使用可以从我们的 Web API 调用的端点来托管节点脚本并返回已编译的模板。

为了清楚起见，我不是在问如何使用 MJML 或它的编译器，而是在问如何托管用 Node 编写的脚本并轻松地从中发送和接收数据。将其保留在 Azure 中将是一个奖励。

非常感谢。

我用 mjml 框架做了一个时事通讯。我必须更改移动设备上的标题图像，但是如何更改？该框架对于制作防弹通讯非常有帮助，但不支持不同视口的不同图像。

这是标题代码：

谢谢你的支持

我正在尝试使用 MJML 创建动态电子邮件内容。（官方网站）

首先，这个应用程序是在Windows上运行的，所以没有办法在机器上运行官方编译器。我可能会使用官方的在线编辑器，但它只会删除所有无法识别的语法，包括 PHP 标签，如<?php. 问题页面上提到了类似的问题，但他们建议使用<mj-raw>，这不适用于属性。（或者我需要自己编写所有组件......那么使用 MJML 有什么意义？）

PHP 中是否有其他 MJML 编译器？就像在 PHP 中编译 LESS 的 less.php 一样？

经过大量搜索，我很难找到如何：

1. MJML处理动态数据和模板插值

我期待类似的东西：

在使用 MJML 创建电子邮件模板时，它在电子邮件模板中提供了轮播功能。这是他们示例中的代码。（icon-width并由tb-width我添加）

如您所见，该属性tb-width控制轮播缩略图的宽度，我想tb-width在它进入移动屏幕时将其值更改为更小，否则我将不得不在所有屏幕尺寸上坚持一个值。

我试过这个：

然后我根据官方文档尝试了这个

以上代码均无效。

你们如何解决这个问题？提前致谢。

我正在尝试使用 MJML 电子邮件库在 React 中创建电子邮件。它跑掉了反应，我已经全部工作了，但我需要渲染 2 个部分而不是 1 个。当我渲染 1 时，它不会正确显示在网页上，因为我需要它们的大小不同。

当我尝试将元素包装在数组中时，返回变为空，取出其中一个部分并返回。

任何帮助将不胜感激，这是代码。

mailjet mjml 空白数组引发错误

在我的 var:low_price_low_stock_goods 是空数组中，循环不应该执行但它会抛出错误：“var:low_price_low_stock_goods”没有值

首先，电子邮件工作得很好。

我只是在 password_resetting.email.twig 和 email.html.twig （用于确认您的注册电子邮件）的渲染问题。

我只是想弄清楚如何摆脱<br>在我的模板中的 HTML 代码之前弹出的这些标签。（见下面的代码或截图）

Inbox by Google 中检查员的屏幕截图

我完全按照文档（symfonydoc：FOSUserBundle/emails.html）中所写的内容进行了操作。

我测试了有和没有：

我使用 MJML 框架编写了我的 HTML 电子邮件。我想了一会儿，MJML CLI 没有正确呈现它。因此，我使用在 github ( https://github.com/leemunroe/responsive-html-email-template ) 上随机选取的基本 HTML 模板进行了测试，但<br>标签仍然弹出。

注意：如果我只使用 {% block body_text %} 就没有额外的<br>标签。它仅在我使用 {% block body_html %} 时发生。

它来自 FOSUserBundle 吗？关于我缺少什么的任何想法？

在以下环境中测试：- OSX 10.12.4：Spark 客户端和邮件客户端，在 Google、Gmail 和 Outlook 的收件箱中的 Chrome 上。 - iOS10：Spark 和邮件

如果需要，我的 HTML.twig 模板带有假数据

是否可以在响应式HTML电子邮件中将按钮粘贴到列的底部？

目前我正在使用 MJML 并能够在桌面版本上实现它。像这样的东西：（这就是我想要的，所以停止给出导致不同桌面输出的答案然后如下）

问题是在移动视图中，按钮没有与文本保持一致。

这是我的 MJML 代码

我正在使用 MJML，但也欢迎需要原始 HTML 和 CSS 的答案，只要它适用于所有主要的电子邮件客户端。