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

html - 响应式电子邮件:移动端的反向块堆叠设计

所以问题的本质:我怎样才能让移动设备以相反的顺序堆叠块?几张插图:

全宽设计示例

全宽设计示例

移动设计示例和所需更改

移动设计示例和所需更改

我为这个东西使用了 mjml 电子邮件框架:

可以查看纯HTMLhttps://mjml.io/try-it-live/SJxb4Lo4m在右上角的“查看 HTML”选项卡中。

提前感谢您的帮助!

0 投票
2 回答
1613 浏览

javascript - MJML:mj-include 无法读取文件

首先,我是电子邮件标记的新手。所以我决定使用 mjml 来构造一个字母,但我遇到了问题——标记没有正确呈现:MJML 不包含组件,我不明白为什么。项目是使用 npm 包 mjml-component-boilerplate 创建的,因为我想注册自己的组件。

我的 index.mjml

输出 index.html 的一部分(与 main.mjml 和 footer.mjml 相同)

头文件.mjml

并且,对于一个案例,如果它有任何意义我的 MjDiv 组件

0 投票
1 回答
819 浏览

command-line-interface - 通过 CLI 安装时无法运行 mjml

我正在关注此处找到的 mjml 安装程序: https ://www.npmjs.com/package/mjml-cli

这是非常直截了当的。

安装后,我运行 ./node_modules/.bin/mjml input.mjml 并得到“命令行错误:未找到输入文件”

帮助!

我在 mac V10.12.6 节点 V8.11.3 npm v6.2.0

0 投票
1 回答
6401 浏览

html - 如何制作 MJML元素显示内联块

我是mjml的新手,我正在尝试找出是否有一种方法可以在使用或内联 css的情况下使<mj-text>元素显示。inline-block <mj-style>

我有一个<mj-text>呈现动态生成的文本 - 所以我无法预见它的宽度。我希望这个容器的背景在文本结束的地方结束,而不是填充整个页面的宽度(就像块元素一样)。

这是我要渲染的模板的示例:

经过一番搜索后,我确实设法使用一个块让它工作<mj-style>- 但我试图弄清楚是否有更合适的方法可以使用mjmlapi 来完成它。

0 投票
2 回答
1603 浏览

node.js - 将多个 MJML 文件渲染成一个 MJML 文件/字符串

我正在将一些旧电子邮件模板转换为mjml(使用 mjml 4.2 版)。我正在使用 Azure Function (NodeJs) 使用把手动态地将内容添加到模板并返回给我 final html email,效果很好。我已将模板的各个部分分成不同的文件(页眉、页脚、简介等),并使用mj-include.

目前这就是我正在做的事情。

  • 我首先阅读了主要的 mjml 文件。

    var mjmlData = fs.readFileSync(filePath, 'utf8');

  • 然后运行mjml2html以获取呈现的模板

    var htmlTemplateObject = mjml2html(mjmlData, {filePath: filePath});

  • 然后我运行把手来注入动态内容

    handlebars.compile(htmlTemplateObject.html)(req.body.data)

在使用把手动态注入数据之前,我必须先运行 mjml2html,否则把手不会在我包含的文件中选择内容mj-include。因此,例如,如果我p在动态内容中说一个标签,则样式不会被内联,因为我已经在运行之前将mjml模板转换为.htmlhandlebars

有没有办法让我在运行之前将完整的mjml(包含文件中的内容mj-include)渲染成一个字符串mjml2html

任何非常感谢的帮助mjml2string都会使这成为一个完美的解决方案。

0 投票
1 回答
1556 浏览

html - MJML 是否适用于 Oulook.com 和 Outlook 2016?

MJML 是否与Oultook.com和一起使用Outlook 2016?如果没有,是否有任何其他电子邮件模板框架可以与Oultook.com和一起使用Outlook 2016

谢谢你。

0 投票
1 回答
5742 浏览

import - 无法将字体导入 mjml

mj-font 在 mjml 中不起作用。

这是我想要做的事情index.mjml

这是项目目录的截图: 在此处输入图像描述

这是我在应用程序中看到的: 在此处输入图像描述

这是字体的外观: 在此处输入图像描述

我在这里错过了什么,我怎样才能让我的字体工作?

谢谢你。

0 投票
2 回答
684 浏览

css - 用于电子邮件 html 的 mjml 中的文本阴影

是否可以在 mjml 中创建文本阴影?我希望影子与尽可能多的电子邮件客户端合作。

0 投票
2 回答
624 浏览

node.js - 尝试安装 Mjml

我正在尝试在我的 MAC 上安装 Mjml 电子邮件营销框架,但我一直在下面收到此错误

在此处输入代码

0 投票
1 回答
2124 浏览

center - MJML - 用图标居中一行文本

我很难弄清楚如何用图标垂直居中一行文本,它应该看起来像这样

在此处输入图像描述

我的第一次尝试是嵌套在mj-text

这不会垂直对齐文本和图标 在此处输入图像描述

我也尝试过制作桌子,但没有任何改进。