问题标签 [inky]

我有以下当前无法运行的 gulp 任务。

我想遍历 /views/emails/src/ 目录，找到所有 html 文件，然后使用 inky 将它们转换为 html，然后将生成的 html 文件复制到...

其中 folderName 是已处理的 .html 文件的名称。

我需要这个来获得 npm email-templates 包所需格式的文件结构。

使用 Foundation For Emails 2 及其模板语言 Inky 提供元素填充和/或边距有哪些方法？

我找到了两种方法来向编码电子邮件的元素添加填充（适用于大多数邮件客户端）：

• 给一个 td 元素填充

这显然是最常用的电子邮件布局方法。但是在您的工作流程中采用 Inky 时，td 元素会合并到该<container>元素中。

• “表格自然会占用尽可能多的可用空间。因此，可以通过在要居中的列的左侧和右侧添加空列来使列居中。”

这是你必须坚持网格的问题。我注意到您可以自定义网格划分的单元格数量，但设计也必须使用网格。

这些是我在谷歌搜索和浏览 Foundation For Email 2 的文档时发现的方法。我是否忽略了某些东西，或者我是否误解了某些东西，或者 Inky 只是为了与基于网格的设计结合使用？

作为一个额外的问题，我将如何使用 Inky 垂直对齐元素？

我需要在我编译的 Foundation for Emails 代码中添加一些自定义属性：

当我使用 Inky 时，我可以编写如下代码：

但它被从最终编译中删除。有没有我可以添加到代码中的提示，以便将其添加回 dist 代码？

改成

我正在使用带有 inky（他们的电子邮件模板语言）和 sass 的 Zurb。按照他们的指南，我有一个非常简单的列设置，我正在尝试实现，三个全宽列堆叠在彼此的顶部。问题是，即使small="12"应用于所有这些，它们也只会占用均匀的间距。

我在为客户构建的 HTML 电子邮件中对齐号召性用语按钮时遇到了一些问题。按钮出现在左侧并且未正确填充。

这是它们在我的浏览器和大多数电子邮件客户端中的显示方式：

这就是它们在 Outlook 2016 中的显示方式：

这是我的 Inky 标记：

我的按钮 SASS：

我正在使用 Foundation for Email 将标记编译为电子邮件友好的 HTML。这是生成的输出：

我错过了什么？

如何确保我的 td 不会垂直拉伸以适应内容，而是限制到最大高度并隐藏溢出的文本？

我正在使用 Inky 模板语言，但我是否会接受纯基于 HTML 的解决方案？

我的目标是确保用户内容保持在为其保留的区域内。在下图中，您可以看到描述部分垂直拉伸过多的示例

目标是尽可能模仿我网站上的行为的东西（我绝对不需要省略号...，只需隐藏超过 60px 高度的溢出就足够了）

我当前与本节相关的 Inky 代码，content位于图像下方的底部

inky<->html 翻译后的完整渲染代码可在此处获得

我有一封电子邮件，其中有一个带有背景图像的单元格。我需要为手机更改此图像 src。是否有可能做到这一点 ？我看到很多使用<img>标签的例子，但在我的例子中，这是一张背景图片。

我决定在 Outlook 中剪切背景图像（防弹 bg 还不够）所以基本上我的代码看起来像这样

相反，我想在移动设备上使用此图像。我怎样才能做到这一点 ？（我可以选择复制代码并添加一些可见性类，但如果我的电子邮件太长，Gmail 会选择删除可见部分，所以我想避免这种激烈的措施）

是否可以使用 vmlv:rect和的技术来嵌套背景图像v:fill？似乎嵌套的 v:fill 也会尝试填充第一个声明的v:rect，这完全打乱了我的布局

我正在尝试实现的示例（通过基础使用墨迹模板语言）

我需要制作自定义电子邮件，服务器会在其中解析墨迹斑斑的电子邮件并分配变量。例如：hi {{user.name}}。

问题是如果您对变量使用把手符号，zurb 基金会电子邮件项目的 panini 包将删除这些。因此服务器无法再次正确解析 html 输出。

我只是不想听到你们如何使用带有自定义变量的墨迹模板。