问题标签 [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 回答
130 浏览

javascript - ESM 模块加载器是实验性的,MJML 不断发生语法错误

所以我试图做他们在这里做的事情MJML - 模板插值,动态数据,上下文但是当我运行时node fun.js我得到以下错误。

另外作为旁注,除了上面的链接之外,还有其他使用 MJML 模板的方法

我的代码

0 投票
1 回答
522 浏览

javascript - 如何在 nodejs 中编写 HTML 文件

所以我生成了一些 HTML,我有一个包含名为 html 的 HTML 的对象,我想将它写入一个新文件,但现在它不起作用,因为我保存的文件中只有 NaN。这是我到目前为止所拥有的

0 投票
2 回答
91 浏览

html-email - mj-table 中内容的巨大差距

我正在使用一张表格来保存我正在工作的邮件的内容,我这样做是因为我试图保持一种报纸式的风格。然而,在右侧的“11 月 11 日下午 6 点”标题下,我正在努力消除一个很大的差距。有人对我如何纠正这个有任何想法吗?

示例在这里:示例

感谢您的帮助

0 投票
1 回答
2943 浏览

html - 将 HTML 转换为 MJML?

我是 MJML 的新手,我想知道是否可以将 HTML 转换为 MJML?我试过寻找答案,但结果总是相反。

0 投票
0 回答
184 浏览

email - 基于 MJML 的电子邮件被 Gmail 大量截取 — 已解决

对于我工作的新闻媒体,我们使用 MJML 创建的模板来发送我们的时事通讯,其中一些可能会变得很长。在我们使用 MJML 的几个月里,我们从未遇到过 Gmail 中的消息剪辑问题,但上周,我们所有的电子邮件,即使是较短的电子邮件,都在 Gmail 中被剪辑。我读过大于 102kb 的电子邮件会被剪掉,但我最长的电子邮件时钟是 60kb。

有谁知道 Gmail 确定剪辑内容的方式是否发生了变化?

如果有帮助,我可以分享我最近剪辑的电子邮件的代码。


为发现此问题的任何人编辑:问题是当我将 Mac 升级到 Big Sur 时, “缩小 HTML 输出”设置被关闭。

如果您使用 MJML 桌面应用程序(或者您在命令行上使用它)并突然以剪辑结束,请检查以确保您正在最小化,因为即使我的文件小于 102kb 限制,它正在导出940 多行代码,这是触发剪辑的原因。

0 投票
1 回答
279 浏览

javascript - 如何将 MJML 上的相对路径与 mjml-react 一起用于电子邮件模板

描述错误

  • 使用相对路径会在电子邮件收件人上呈现断开的链接
  • 使用网络上图像的链接会在电子邮件上生成损坏的链接,除非这些链接具有明确命名图像及其类型(jpg 等)的终止,例如src="http:://somelink....jpg"

重现

相对路径不起作用:

只有这种有效的链接:

预期行为 图像应显示在收件人的电子邮件中。

MJML环境(请填写以下信息):

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

邮件发送环境(渲染问题)

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

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

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

截图

电子邮件断开的链接

附加上下文 我尝试使用这个包并按照我的文件中的步骤webpacknext.config.js我正在使用 NextJs)但它也不起作用。

0 投票
0 回答
335 浏览

javascript - 我可以使用 MJML 像我的图片一样访问我的模板电子邮件吗?

美好的一天,我正在使用 MJML 框架来达到一个模板,比如上传的图片:

在此处输入图像描述

所有这些在 MJML 上都可以正常工作,当我将模板发送到我的电子邮件时,我对其进行了测试,但问题是,logo如果你发现徽标正在使用 css 脱离父框,所以我几乎尝试了一切例如,我曾经transform and translate, negative margins, positions: absolute and relative把它从盒子里拿出来,但是这些都不起作用,当我将模板发送到我的电子邮件地址时,我会得到这样的结果:

在此处输入图像描述

我也对谷歌做了很多研究,几乎每个人都说不可能做出这样的东西,但我认为这是可能的。你们能告诉我我的 MJML 或编码有什么问题吗?

0 投票
1 回答
339 浏览

html - 如何将 id 属性添加到 mjml 正文组件

我目前正在使用 mjml 构建电子邮件模板,但我想在电子邮件模板中实现锚链接功能,但我被困在我需要向 mjml 正文组件添加 id 属性的地方,就像我们添加到 html标签和解释将不胜感激

0 投票
1 回答
68 浏览

gulp - 在 MJML Gulp 任务中使用 juicePreserveTags 选项添加自闭合标签

我正在使用 git Repo 的克隆:https ://github.com/jpagano/mjml-starter-base

如何添加此处找到的配置选项https://www.gitmemory.com/issue/mjmlio/mjml/1528/467101657

我试过了:

但这不会将结束标签添加到 image 和 br 标签

0 投票
0 回答
834 浏览

email - MJML 布局在 Outlook 客户端中非常错误,但在其他客户端中还可以

我使用 MJML 创建了 2 种不同的电子邮件布局,一种带有一个按钮,另一种带有 2 个按钮。这些电子邮件在大多数客户端(网络邮件、gmail、outlook web ......)中看起来非常好,但在 Outlook 客户端中看起来非常糟糕。

我读到,从 MJML 到 Outlook 的 HTML 并没有很好地支持 width="",因此我们在 MJML 中的所有位置都删除了 width 参数。除此之外,我们在电子邮件中没有使用任何不寻常的东西。

这是 MJML:

MJML 中的预览如下所示: mjml 预览

所以这个生成的 HTML 被放入我们的系统并通过 SendGrid 发送。生成的电子邮件在 Outlook 中如下所示: 电子邮件预览前景

这封电子邮件在 Outlook 客户端中看起来如此糟糕是怎么回事?(在 Windows 默认邮件客户端中看起来也同样糟糕)