Mailjet 模板语言（TWIG，PUG 语法） - 如何在内联样式道具中使用模板变量？答案

【问题标题】：Mailjet templating language(TWIG, PUG syntax) - how to use template variable within inline style prop?Mailjet 模板语言（TWIG，PUG 语法） - 如何在内联样式道具中使用模板变量？
【发布时间】：2021-09-29 13:44:01
【问题描述】：

我正在尝试使用 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>

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

说实话，文档很差，但这里是参考：Maijlet Templating Language Docs

【问题讨论】：

这个问题和Pug有什么关系？
@sean 语法几乎相同，所以我认为 PUG 或 TWIG 的解决方案可以工作。

标签： django-templates pug mailjet templating-engine

【解决方案1】：

几天后我终于找到并回答了。对于将来寻找此功能的任何人大括号和 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>

【讨论】：