使用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，並將其轉換爲電子郵件與premailer HTML。