Mailjet 模板语言(TWIG、PUG 语法)- 如何在内联样式 prop 中使用模板变量?
Mailjet templating language(TWIG, PUG syntax) - how to use template variable within inline style prop?
我正在尝试使用 Mailjet Passport 工具自定义我的电子邮件模板。 HTML Passport 拖放工具生成的代码,支持类似于 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
几天后我终于找到并回答了。
对于将来寻找此内容的任何人 在花括号和 var 声明 之前不能有任何 space 符号,如下例所示:
差:
<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>
我正在尝试使用 Mailjet Passport 工具自定义我的电子邮件模板。 HTML Passport 拖放工具生成的代码,支持类似于 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
几天后我终于找到并回答了。 对于将来寻找此内容的任何人 在花括号和 var 声明 之前不能有任何 space 符号,如下例所示:
差:
<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>