Mit Inky (Foundation for E-Mails) und benutzerdefinierte Attributen

Question

Ich brauche einige benutzerdefinierte Attribute in meine kompilierte Stiftung für E-Mails Code hinzuzufügen:

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

Als ich Inky verwenden, ich Code wie diesen schreiben können:

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

Aber es ist aus der endgültigen Zusammenstellung entfernt. Gibt es einen Hinweis, den ich dem Code hinzufügen kann, damit er wieder in den Dist-Code eingefügt wird?

Answer 1

In der neuesten Version von Foundation for Email (2.2) sollte dies möglich sein. http://zurb.com/article/1439/foundation-for-emails-2-2-what-a-ruby-gem

Der Hintergrund der Pull-Anforderung wird von Brandon in this discussion mit einem guten erklärt: commit

referenzierte von hier -

HTML-Attribute können nun in Zeilen und Spalten dank Brandon Barringer weitergegeben Beispiel für das Hinzufügen bgcolor Attribut.

in node_modules/tinten/lib/componentFactory.js, nach unten hin werden Sie sehen:

// <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); 

, dass die Tabellen-Struktur aufbaut, wenn es

in einigen Code Hinzufügen sieht auch aussehen für das Attribut bgcolor = "# XXXXXX". Wenn es gefunden wird, fügt es den Wert in den HTML-Code ein, der ausgegeben wird. Wenn es keinen Wert findet, wird es auf den Standardwert von var zurückgesetzt, nämlich bgcolor = "". Sie können auch einen Wert eingeben, wenn Sie eine Standardfarbe haben.

<wrapper bgcolor="#b9cd98"> 

:

// <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); 

Die tinten Abschlag kann dann wie so geschrieben werden