首页 > 解决方案 > Mailjet 模板语言(TWIG,PUG 语法) - 如何在内联样式道具中使用模板变量?

问题描述

我正在尝试使用 Mailjet Passport 工具自定义我的电子邮件模板。Passport拖放工具生成的HTML代码,支持类似于Twig的模板语言。

我需要实现的是为内联样式属性设置变量,如下面的代码示例所示:

  <span
    style="color: {{var: PARTNER_COLOR:"#d2d2d2"}};" // it does not work
   >
    Lorem ipsum {{var:PARTNER_NAME:"Default Partner"}}.mywebstite.de <!-- this work as expected -->
 </span>

插入{{var:VARIABLE_NAME}}内部 HTML 内容或 forsrc属性按预期工作,但我无法弄清楚如何将它们与style属性一起使用。也许还有其他解决方案可以动态更改我的电子邮件模板中的 css 属性的color颜色值?background

老实说,文档很差,但这里是参考:Maijlet Templating Language Docs

标签: django-templatespugmailjettemplating-engine

解决方案


几天后,我终于找到并回答了。对于将来寻找这个的人来说,在花括号和 var 声明之前不能有任何空格符号,如下例所示:

坏的:

<span
    style="color: {{var: PARTNER_COLOR:"#d2d2d2"}};" // it does not work
   >
    Lorem ipsum {{var:PARTNER_NAME:"Default Partner"}}.mywebstite.de <!-- this work as expected -->
</span>

好的:

 <span
    style="color:{{var:PARTNER_COLOR:"#d2d2d2"}};" // THIS WORKS!
   >
    Lorem ipsum {{var:PARTNER_NAME:"Default Partner"}}.mywebstite.de <!-- this work as expected -->
 </span>

推荐阅读