使用基金會與thymleaf的電子郵件

Question

我有一個墨跡基礎模板。這裏是neccessary片段：

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

我需要更換「HREF」與「日：href」屬性屬性屬性，但是當我做此基礎上構建了一個HTML頁面，而不日：href標記。

我正在尋找一種方法來改變thymleaf的href鏈接。

注意：我正在使用基礎電子郵件堆棧。

Answer 1

您可以教Inky如何處理自定義屬性，在這種情況下，一個被稱爲 th：href。

在您的node-modules文件夾中打開inky/lib/componentFactory.js。尋找按鈕組件，你會發現這樣的事情：

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

添加以下代碼塊：

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

希望工程！