html - "Compile"CSS 到 HTML 作为内联样式

Question

我正在写一个电子邮件 HTML 模板，一些电子邮件客户端不支持 <style>用于指定 CSS。应用 CSS 的唯一替代方法是使用内联样式(style 属性)。是否有工具或库 (Node.JS) 用于将样式表应用到某些 HTML 并获取应用了样式的 HTML？

该工具不必支持很多选择器； id、class 和元素名称选择器应该足以满足我的需要。

需要的示例:

// stylesheet.css
a { color: red; }

// email.html
<p>This is a <a href="http://example.com/">test</a></p>

// Expected result
<p>This is a <a href="http://example.com/" style="color: red;">test</a></p>

Answer 1

我认为 juice就是你要找的。

只需要它，然后将您的 html 和 css 传递给它，让它为您完成繁重的工作:

var juice = require('juice');
var inlinedcss = juice('<p>Test</p>', 'p { color: red; }');

它建立在包括 mootools 的 slick 在内的许多成熟库的基础上，并支持广泛的选择器。

您可能还对 node-email-templates 感兴趣，它是 Node 中动态电子邮件的一个很好的包装器。