问题标签 [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.
zurb-foundation - 如何获取我应该在电子邮件中发送的 html?
我刚刚开始使用 Zurb Foundation (SASS) 创建响应式电子邮件。我按照本教程创建了一封测试电子邮件。如教程中所见,在浏览器中查看测试电子邮件时,它是响应式的并且看起来很漂亮。
我用于测试电子邮件的标准样板:
测试邮件正文:
这是从 Chrome 中的“查看源代码”中获取的结果源代码:
我使用 gmail 将测试电子邮件发送给自己进行检查。这是通过复制上面显示的源代码并使用“插入 HTML”通过 chrome 中 gmail 的 html 扩展名粘贴它来完成的。结果很糟糕——没有反应,而且看起来很丑。
我应该如何使用我创建的测试电子邮件?它甚至是我应该通过电子邮件发送的 Chrome 中“查看源代码”的源代码吗?甚至可以通过 gmail 发送测试电子邮件,还是我必须使用例如 mailchimp 或 sendgrid?
html - Foundation 电子邮件中的 HTML 图像不符合 Outlook 中的大小样式的问题
我正在使用 Foundation Email 创建 HTML 电子邮件,它运行良好,但是页脚图像不符合我设置的限制其大小的 CSS。下面是页脚注入页面的方式:
这是页脚页面中的代码:
这是关于页脚的CSS:
电子邮件中的所有其他图像都适合,但 socialLinks 类下的图像不会保持 35 像素。这仅发生在 Outlook 而不是其他电子邮件客户端上。是否有任何解决方案或 Outlook 的解决方法?我知道它以讨厌 HTML 电子邮件而闻名,因此不胜感激。
html - 用 Foundation 写 HTML 太重复了
我承认,我在编写代码方面并不是很有经验——我是根据需要来做的。我们公司正在研究为电子邮件编写代码的不同框架。我们偶然发现了 Zurb 基金会。我想,太好了,这将使写作变得不那么复杂。然后,在浏览教程时,我看到这个只是为了制作一个按钮:
为什么.. ?? 为什么在编码中似乎所有内容都必须在表格标题内,表格行内,表格单元格内,表格行内的表格内。它永远持续下去,当我看到它时,我真的很生气。我不明白为什么制作一个简单的按钮不能是 1 行文本,就是这样。
为什么对于最简单的事情,代码必须如此冗长和复杂?
javascript - Gmail 拒绝呈现图像背景 url 属性
我已经使用 inky 内联创建了完全响应的电子邮件和内联样式,但似乎 gmail 正在削减 url('content url')。我没有看到电子邮件顶部和底部的图像。这是电子邮件的代码:
我想找到关于谷歌背景 url 规则的文章或谷歌当前限制或 Zurb 文档。有人为gmail使用基础电子邮件构建吗?问候, 马克西姆
html - 在 Foundation for Email、Zurb 中转义“<”字符
我正在使用https://foundation.zurb.com/emails.html来开发我的电子邮件模板。对于每个模板,我都需要添加一些部分,例如。<%= params.someData %>
但'<'
在编译时被转义,所以<%= params.someData %>
它不会生成<%= params.firstName %>
我看到https://foundation.zurb.com/sites/docs/panini.html用于编译,但我无法禁用此功能以使 < 字符不被转义。
请帮忙。
node.js - 电子邮件的基础:在 Inky 和 Inlining 之后添加代码
我正在使用电子邮件 2 的基础。
在所有节点任务都运行之后,特别是在内联电子邮件之后,我希望将一段代码插入到最终呈现的电子邮件中。由于内联破坏了我要插入的特定片段。
我可以在 panini 模板的帮助下为每封电子邮件插入一段自定义代码吗?
我如何通过节点任务实现这一目标?或者这里有另一种更好的方法可以使用。
css - 电子邮件基础:未内联的 CSS 类
我正在使用 Foundation for E-Mail 创建模板。当我通过运行一切来预览模板时,yarn start
一切正常,但是当我yarn build
创建模板时,我的自定义 CSS 类将不会被内联。
例如
会变成
虽然内联样式不是来自 CSS 类的样式。我做错了什么或误解了内联过程的工作原理吗?
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
但没用