问题标签 [zurb-ink]

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 投票
2 回答
401 浏览

zurb-foundation - 如何获取我应该在电子邮件中发送的 html?

我刚刚开始使用 Zurb Foundation (SASS) 创建响应式电子邮件。我按照本教程创建了一封测试电子邮件。如教程中所见,在浏览器中查看测试电子邮件时,它是响应式的并且看起来很漂亮。

我用于测试电子邮件的标准样板:

测试邮件正文:

这是从 Chrome 中的“查看源代码”中获取的结果源代码:

我使用 gmail 将测试电子邮件发送给自己进行检查。这是通过复制上面显示的源代码并使用“插入 HTML”通过 chrome 中 gmail 的 html 扩展名粘贴它来完成的。结果很糟糕——没有反应,而且看起来很丑。

我应该如何使用我创建的测试电子邮件?它甚至是我应该通过电子邮件发送的 Chrome 中“查看源代码”的源代码吗?甚至可以通过 gmail 发送测试电子邮件,还是我必须使用例如 mailchimp 或 sendgrid?

0 投票
3 回答
3517 浏览

css - Gmail blue links in email

I can't figure out how to change these blue links Gmail is adding to the email I'm trying to code.

I've searched online and implemented their fixes but to no avail.

See here

Here's my code.

0 投票
2 回答
6057 浏览

css - 响应式字体大小在电子邮件中不起作用

我似乎无法让我的响应式字体大小在我正在创建的电子邮件中工作。问题在于outlook、gmail、aol。

在此处输入图像描述

这是HTML

这是我稍后使用基础内联工具内联的 CSS

我究竟做错了什么?

0 投票
1 回答
877 浏览

html - Foundation 电子邮件中的 HTML 图像不符合 Outlook 中的大小样式的问题

我正在使用 Foundation Email 创建 HTML 电子邮件,它运行良好,但是页脚图像不符合我设置的限制其大小的 CSS。下面是页脚注入页面的方式:

这是页脚页面中的代码:

这是关于页脚的CSS:

电子邮件中的所有其他图像都适合,但 socialLinks 类下的图像不会保持 35 像素。这仅发生在 Outlook 而不是其他电子邮件客户端上。是否有任何解决方案或 Outlook 的解决方法?我知道它以讨厌 HTML 电子邮件而闻名,因此不胜感激。

0 投票
2 回答
47 浏览

html - 用 Foundation 写 HTML 太重复了

我承认,我在编写代码方面并不是很有经验——我是根据需要来做的。我们公司正在研究为电子邮件编写代码的不同框架。我们偶然发现了 Zurb 基金会。我想,太好了,这将使写作变得不那么复杂。然后,在浏览教程时,我看到这个只是为了制作一个按钮:

为什么.. ?? 为什么在编码中似乎所有内容都必须在表格标题内,表格行内,表格单元格内,表格行内的表格内。它永远持续下去,当我看到它时,我真的很生气。我不明白为什么制作一个简单的按钮不能是 1 行文本,就是这样。

为什么对于最简单的事情,代码必须如此冗长和复杂?

0 投票
1 回答
156 浏览

javascript - Gmail 拒绝呈现图像背景 url 属性

我已经使用 inky 内联创建了完全响应的电子邮件和内联样式,但似乎 gmail 正在削减 url('content url')。我没有看到电子邮件顶部和底部的图像。这是电子邮件的代码:

我想找到关于谷歌背景 url 规则的文章或谷歌当前限制或 Zurb 文档。有人为gmail使用基础电子邮件构建吗?问候, 马克西姆

0 投票
2 回答
310 浏览

html - 在 Foundation for Email、Zurb 中转义“<”字符

我正在使用https://foundation.zurb.com/emails.html来开发我的电子邮件模板。对于每个模板,我都需要添加一些部分,例如。<%= params.someData %>'<'在编译时被转义,所以<%= params.someData %>它不会生成&lt;%= params.firstName %>

我看到https://foundation.zurb.com/sites/docs/panini.html用于编译,但我无法禁用此功能以使 < 字符不被转义。

请帮忙。

0 投票
1 回答
95 浏览

node.js - 电子邮件的基础:在 Inky 和 ​​Inlining 之后添加代码

我正在使用电子邮件 2 的基础。

在所有节点任务都运行之后,特别是在内联电子邮件之后,我希望将一段代码插入到最终呈现的电子邮件中。由于内联破坏了我要插入的特定片段。

我可以在 panini 模板的帮助下为每封电子邮件插入一段自定义代码吗?

我如何通过节点任务实现这一目标?或者这里有另一种更好的方法可以使用。

0 投票
1 回答
509 浏览

css - 电子邮件基础:未内联的 CSS 类

我正在使用 Foundation for E-Mail 创建模板。当我通过运行一切来预览模板时,yarn start一切正常,但是当我yarn build创建模板时,我的自定义 CSS 类将不会被内联。

例如

会变成

虽然内联样式不是来自 CSS 类的样式。我做错了什么或误解了内联过程的工作原理吗?

0 投票
1 回答
314 浏览

ruby-on-rails-5 - 如何在 Rail API-only 中配置 inky-rb

我正在尝试安装 inky-rb gem 以在 rails API-Only 中使用基础电子邮件主题。此 api 仅读取/发送数据,但我们想从她那里为用户发送电子邮件。

我已经添加了宝石

但是运行时

并添加了foundation_emails.scss ruby​​ on rails 电子邮件预览中断

所以我已经尝试取消注释

在 application.rb 中并添加config.assets.precompile += ['foundation_email.css' ]到同一个文件中。

但是现在当我去邮件预览时,我收到了这个错误

为了尝试解决这个问题,我尝试添加了 gem

但没用