使用Jinja使用内联CSS渲染HTML电子邮件

Question

如您所知,如果您要发送HTML电子邮件,则所有CSS样式必须内嵌在元素本身上,例如 <p style='font-family: Helvetica'>

有没有办法可以使用Jinja从Jinja模板轻松创建HTML电子邮件正文,而无需在单个模板中多次重复CSS样式？

我想把这些样式设置为变量,例如

{% set FONT_STYLE = 'font-family: Helvetica; color: #111' %}

然后在我可以做的模板中

<p style='{{ FONT_STYLE }}'>My paragraph here.</p>

有更好的想法吗？也许是一个解析CSS规则的库,它接受HTML内容和CSS文件并将计算出的CSS规则逐个绑定到HTML元素？

Answer 1

看看premailer如何将 CSS 块转换为样式属性。您可以获得漂亮的 html 并将其转换为电子邮件 html premailer。