Verwenden Sie die Grundlage für E-Mail mit Thymleaf - Zurb-Stiftung, href, Thymelblatt

Ich habe eine Inky-Foundation-Vorlage. Hier ist das notwendige Snippet:

<button class="large expand" href="#">Activate account</button>

Ich muss das Attribut "href" durch ein "th: href" -Attribut ersetzen, aber wenn ich das tue, erstellt diese Grundlage eine HTML-Seite ohne das th: href-Tag.

Ich suche nach einer Möglichkeit, die Href-Verbindung mit Thymleaf zu ändern.

Hinweis: Ich verwende den Foundation-E-Mail-Stack.

Antworten:

1 für die Antwort № 1

Sie können Inky beibringen, wie man mit benutzerdefinierten Attributen umgeht, in diesem Fall heißt es th: href.

In Ihrem Knoten-Modul-Ordner öffnen inky / lib / komponentenFabrik.js . Suchen Sie nach der Button-Komponente und Sie werden so etwas finden:

    // <button>
case this.components.button:
var expander = "";

// Prepare optional target attribute for the <a> element
var target = "";
if (element.attr("target")) {
target = " target=" + element.attr("target");
}

// If we have the href attribute we can create an anchor for the inner of the button;
if (element.attr("href")) {
inner = format("<a href="%s"%s>%s</a>", element.attr("href"), target, inner);
}


// If the button is expanded, it needs a <center> tag around the content
if (element.hasClass("expand") || element.hasClass("expanded")) {
inner = format("<center>%s</center>", inner);
expander = "n<td class="expander"></td>";
}

// The .button class is always there, along with any others on the <button> element
var classes = ["button"];
if (element.attr("class")) {
classes = classes.concat(element.attr("class").split(" "));
}

return format("<table class="%s"><tr><td><table><tr><td>%s</td></tr></table></td>%s</tr></table>", classes.join(" "), inner, expander);

Fügen Sie den folgenden Codeblock hinzu:

      // If we have the th:href attribute we can create an anchor for the inner of the button;
if (element.attr("th:href")) {
inner = format("<a th:href="%s"%s>%s</a>", element.attr("th:href"), target, inner);
}

Hoffe, es funktioniert!