问题标签 [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.
javascript - ESM 模块加载器是实验性的,MJML 不断发生语法错误
所以我试图做他们在这里做的事情MJML - 模板插值,动态数据,上下文但是当我运行时node fun.js
我得到以下错误。
另外作为旁注,除了上面的链接之外,还有其他使用 MJML 模板的方法
我的代码
javascript - 如何在 nodejs 中编写 HTML 文件
所以我生成了一些 HTML,我有一个包含名为 html 的 HTML 的对象,我想将它写入一个新文件,但现在它不起作用,因为我保存的文件中只有 NaN。这是我到目前为止所拥有的
html-email - mj-table 中内容的巨大差距
我正在使用一张表格来保存我正在工作的邮件的内容,我这样做是因为我试图保持一种报纸式的风格。然而,在右侧的“11 月 11 日下午 6 点”标题下,我正在努力消除一个很大的差距。有人对我如何纠正这个有任何想法吗?
示例在这里:示例
感谢您的帮助
html - 将 HTML 转换为 MJML?
我是 MJML 的新手,我想知道是否可以将 HTML 转换为 MJML?我试过寻找答案,但结果总是相反。
email - 基于 MJML 的电子邮件被 Gmail 大量截取 — 已解决
对于我工作的新闻媒体,我们使用 MJML 创建的模板来发送我们的时事通讯,其中一些可能会变得很长。在我们使用 MJML 的几个月里,我们从未遇到过 Gmail 中的消息剪辑问题,但上周,我们所有的电子邮件,即使是较短的电子邮件,都在 Gmail 中被剪辑。我读过大于 102kb 的电子邮件会被剪掉,但我最长的电子邮件时钟是 60kb。
有谁知道 Gmail 确定剪辑内容的方式是否发生了变化?
如果有帮助,我可以分享我最近剪辑的电子邮件的代码。
为发现此问题的任何人编辑:问题是当我将 Mac 升级到 Big Sur 时, “缩小 HTML 输出”设置被关闭。
如果您使用 MJML 桌面应用程序(或者您在命令行上使用它)并突然以剪辑结束,请检查以确保您正在最小化,因为即使我的文件小于 102kb 限制,它正在导出940 多行代码,这是触发剪辑的原因。
javascript - 如何将 MJML 上的相对路径与 mjml-react 一起用于电子邮件模板
描述错误
- 使用相对路径会在电子邮件收件人上呈现断开的链接
- 使用网络上图像的链接会在电子邮件上生成损坏的链接,除非这些链接具有明确命名图像及其类型(jpg 等)的终止,例如
src="http:://somelink....jpg"
重现
相对路径不起作用:
只有这种有效的链接:
预期行为 图像应显示在收件人的电子邮件中。
MJML环境(请填写以下信息):
- 操作系统:Windows
- MJML 版本 4.7.1
- 使用的 MJML 工具:mjml-react 1.0.61
邮件发送环境(渲染问题):
- 用于发送电子邮件的平台:Gmail
受影响的电子邮件客户端(用于呈现问题):
- 电子邮件客户端:Gmail
- 操作系统:Windows
- 浏览器:谷歌浏览器
截图
附加上下文
我尝试使用这个包并按照我的文件中的步骤webpack
(next.config.js
我正在使用 NextJs)但它也不起作用。
javascript - 我可以使用 MJML 像我的图片一样访问我的模板电子邮件吗?
美好的一天,我正在使用 MJML 框架来达到一个模板,比如上传的图片:
所有这些在 MJML 上都可以正常工作,当我将模板发送到我的电子邮件时,我对其进行了测试,但问题是,logo
如果你发现徽标正在使用 css 脱离父框,所以我几乎尝试了一切例如,我曾经transform and translate, negative margins, positions: absolute and relative
把它从盒子里拿出来,但是这些都不起作用,当我将模板发送到我的电子邮件地址时,我会得到这样的结果:
我也对谷歌做了很多研究,几乎每个人都说不可能做出这样的东西,但我认为这是可能的。你们能告诉我我的 MJML 或编码有什么问题吗?
html - 如何将 id 属性添加到 mjml 正文组件
我目前正在使用 mjml 构建电子邮件模板,但我想在电子邮件模板中实现锚链接功能,但我被困在我需要向 mjml 正文组件添加 id 属性的地方,就像我们添加到 html标签和解释将不胜感激
gulp - 在 MJML Gulp 任务中使用 juicePreserveTags 选项添加自闭合标签
我正在使用 git Repo 的克隆:https ://github.com/jpagano/mjml-starter-base
如何添加此处找到的配置选项https://www.gitmemory.com/issue/mjmlio/mjml/1528/467101657
我试过了:
但这不会将结束标签添加到 image 和 br 标签
email - MJML 布局在 Outlook 客户端中非常错误,但在其他客户端中还可以
我使用 MJML 创建了 2 种不同的电子邮件布局,一种带有一个按钮,另一种带有 2 个按钮。这些电子邮件在大多数客户端(网络邮件、gmail、outlook web ......)中看起来非常好,但在 Outlook 客户端中看起来非常糟糕。
我读到,从 MJML 到 Outlook 的 HTML 并没有很好地支持 width="",因此我们在 MJML 中的所有位置都删除了 width 参数。除此之外,我们在电子邮件中没有使用任何不寻常的东西。
这是 MJML:
所以这个生成的 HTML 被放入我们的系统并通过 SendGrid 发送。生成的电子邮件在 Outlook 中如下所示:
这封电子邮件在 Outlook 客户端中看起来如此糟糕是怎么回事?(在 Windows 默认邮件客户端中看起来也同样糟糕)