Question

这听起来非常倒退，但我想采用现有的CSS类并使它们在元素本身中内联（css样式和html元素在同一个文件中）。这是有原因的，我不会详细说明。

示例：

<html>
<style type="text/css">
   .p1 { height: 10px; }
</style>

<body>
<p class="p1">...</p> <!-- Remove class="p1" and replace with style="height: 10px;" -->
<p class="p1">...</p>
<p class="p1">...</p>
</body>
</html>

请记住，可以有许多 CSS类，而且很多可以属于单个元素。

编辑：我这样做的原因是（基于我们的客户端）我们想要从HTML模板生成PDF文档。我们使用的PDF工具与外部 CSS类不兼容。

Answer 1

您正在寻找Premailer（The source available as well） - 这是一个Ruby库就是这样做的（内联CSS用于HTML电子邮件 - 但输出不是特定于HTML电子邮件 - 它应该工作也可以使用PDF文档生成器。

如果您使用的是Python，还有lamson.html.HtmlMail，并且可以使用各种Node.js库来执行相同的操作。

Answer 2

MailChimp在他们的实验室中有一个页面，CSS Inliner - http://beaker.mailchimp.com/inline-css

然而，确实离开了班级。

是否有一个工具来获取css类并使它们内联？

2 个答案: