问题标签 [mjml]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
722 浏览

email - MJML 在 Outlook 中无法正确输出

我有以下 MJML:

这在 Outlook Web 和 gmail 中完美呈现。但在 Outlook 客户端(和 Windows 邮件)中,布局只是彼此相邻,如下所示: Outlook客户端布局错误

可能是什么问题?

0 投票
0 回答
167 浏览

php - 使用 Prestashop 的 mjml-theme-converter 出现“无法转换 mjml 文件”错误

我正在使用 Mjml 和 Twig 为 Prestashop 开发电子邮件模板主题,现在我需要将mjml .twig模板转换为html .twig模板:

welcome.mjml.twig -------- welcome.html.twig
account.mjml.twig --------- account.html.twig
order_conf.mjml.twig ----- order_conf.html .twig
模板.mjml.twig------ 模板.html.twig

为此,Prestashop 团队创建了一个完全可以做到这一点的工具(https://github.com/PrestaShop/mjml-theme-converter),但是一旦我运行以下命令,就会出现“无法转换 mjml 文件”错误:

错误出现在MjmlConverter.php(第 122 行)上,一旦追踪,它似乎来自 Symfony TemplateNameParser.php(第 75 行)

https://github.com/PrestaShop/mjml-theme-converter/blob/master/src/AppBundle/Mjml/MjmlConverter.php https://github.com/symfony/symfony/blob/3.4/src/Symfony/Bundle /FrameworkBundle/Templating/TemplateNameParser.php

0 投票
1 回答
77 浏览

templates - HTML 标记未出现在 Gmail 和 Outlook 中(可能是其他标记)

0 投票
1 回答
2584 浏览

css - 难以理解 MJML 中的 CSS 样式

我是 MJML 的新手,使用 css 样式有点奇怪。对于 a 的样式,<mj-text css-class="classname"></mj-text>我们必须在 css 样式中添加一个“div”关键字,例如:

对于 mjml-text,我们使用“div”和类名来设置样式,用于诸如<mj-image>或之类的标签<br>。我不知道如何使用 css-classes。另外,为什么我们div在造型时要在类名中添加它?请帮忙...

0 投票
1 回答
592 浏览

html-email - 是否可以使用 mjml 设置容器或包装器宽度?

我正在使用 mjml 创建 HTML 电子邮件,看起来默认容器宽度设置为 600px。我需要它更宽,是否可以覆盖 600px 默认值,或者设置一个可以调整宽度的包装器或容器 div?

0 投票
0 回答
141 浏览

java - 带有java的MJML是否可以使用循环

我刚开始用java研究mjml,我有疑问..我有简单的java代码

我可以写这样的东西来显示我的所有列表吗?

现在,我的所有列表 [String 1, String 2, String 3] 只得到一分

但我想看看

  • 字符串 1
  • 字符串 2
  • 字符串 3
0 投票
1 回答
169 浏览

font-awesome - 如何在 mjml 中使用 fontawesome 5?

我不知道我做错了什么。我试图实现这个解决方案

我会很感激任何帮助。

提前致谢。

0 投票
1 回答
555 浏览

html - 与电子邮件中的屏幕分辨率相关的响应式图像?

我目前正在使用 MJML 创建响应式电子邮件。我遇到的困难不是 MJML 本身的问题,而是更多关于某些不支持媒体查询/样式的电子邮件客户端,所以我不确定如何创建一种有效的方式来显示桌面和移动视图的不同图像。

到目前为止,这是我的代码:

你可以在这里现场试用:https ://mjml.io/try-it-live/37hvh_Ss0M7

0 投票
1 回答
38 浏览

email - 强制电子邮件客户端应用程序不删除表格边框

我在尝试在 Android 和 iOS 上的某些邮件客户端应用程序上显示边框时遇到问题。边框在 Web 浏览器和桌面客户端(如 ThunderBird 或 Outlook)上正确显示。

在 Android 上的实际结果,Yahoo 删除了强制内联样式。 在此处输入图像描述

这次在 iOS 上使用 Gmail 的实际结果移除了强制内联样式。 在此处输入图像描述

MJML 代码:

生成的 HTML

0 投票
1 回答
118 浏览

html - MJML - 为 Outlook 添加具有特定宽度的图像

现在我正在尝试使用 MJML 创建一个电子邮件模板。我正在用石蕊测试结果,到目前为止,该模板非常适合每个电子邮件客户端。但

Outlook 365 - 在 Windows 上 Outlook 2019 - 在 Windows 上

只是将图像拉伸到 100% 宽度。我整天搜索修复并尝试了几乎所有东西但没有成功。

这就是我试图实现的目标: 来自模板的图像

这是我的 MJML 代码:https ://mjml.io/try-it-live/MWzVEfROGFy

这就是它在几乎每个客户端以及 Mac 上的 Outlook 365 上的外观Mac 上的 Outlook 以及其他所有客户端

这是它在 Windows 上的 Office 365 上的外观

仅在 Windows 上使用 Outlook 365 和 Outlook 2019 上的电子邮件

在代码中,您看到我尝试在 Outlook 上隐藏图像,如果没有其他方法,这将是一种解决方法。

有人有同样的问题吗?