使用 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。