使用Inky (电子邮件基础)和自定义属性

Question

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

<div class="row" customAttribute="value" customAttributeName="value" customAttributeId="value">

当我使用Inky时，我可以这样写代码：

<row class="xyz" customAttribute="value">

但它被从最终编译中剥离出来。是否有提示可以添加到代码中，以便将其重新添加到dist代码中？

Answer 1

在最新版本的Foundation for Email (2.2)中，这应该是可能的。

多亏了Brandon Barringer - commit，现在可以将

HTML属性传递给行和列

参考自此处：http://zurb.com/article/1439/foundation-for-emails-2-2-what-a-ruby-gem

通过添加bgcolor属性的一个很好的例子，Brandon in this discussion解释了拉取请求的背景。

在node_modules/inky/lib/componentFactory.js中，您将在底部看到：

// <wrapper>
case this.components.wrapper:
 var classes = ['wrapper'];
      if (element.attr('class')) {
   classes = classes.concat(element.attr('class').split(' '));
 }
 return format('<table class="%s" align="center" ><tr><td class="wrapper-inner">%s</td></tr></table>', classes.join(' '), inner);

这将构建表结构，当它看到

添加一些代码以查找属性bgcolor="#XXXXXX“。如果找到，它会将该值添加到它输出的HTML中。如果没有找到值，它将恢复到var中的默认值，即bgcolor="“。如果你有一个默认的颜色，你也可以在里面放一个值。

// <wrapper>
case this.components.wrapper:
 var classes = ['wrapper'];
 var bgcolor = ""; // corey add this line
 if (element.attr('class')) {
   classes = classes.concat(element.attr('class').split(' '));
 }
 // corey added the following statement
 if (element.attr('bgcolor')) {
   bgcolor = (element.attr('bgcolor'));
 } // stop new statement

 return format('<table class="%s" align="center" bgcolor="'+bgcolor+'"><tr><td class="wrapper-inner">%s</td></tr></table>', classes.join(' '), inner);

墨迹标记然后可以写成这样：

<wrapper bgcolor="#b9cd98">