有没有可以内联CSS的工具？

Question

8

因为一些电子邮件客户端不能正确地呈现外部样式表（甚至是HTML电子邮件消息中的标签内的样式），所以将CSS内联是一种常见方法，用于尝试在网站和电子邮件之间保持一致的外观和感觉。但手动内联样式很痛苦且容易出错。

我正在寻找一种让用户使用与其网站相同的样式表创建消息的方法，然后在发送之前将文本转换为更适合电子邮件的格式。虽然肯定可以编写一个工具来读取样式和DOM，并为每个元素注入正确的内联样式，但我希望已经有可用的工具可以做到这一点。不幸的是，我的谷歌搜索没有产生任何有用的结果。

您知道有哪些可以内联CSS样式的工具吗？我对语言不挑剔，但如果它不是开源的，我可能会自己编写。

- Todd R

我不是很明白你的问题。你是在寻找一个工具，它使用DOM来注入之前定义的内联样式（这在电子邮件中不起作用，因为脚本是禁用的），还是希望能够定义一些样式，并自动将适当的样式属性添加到每个匹配的元素中？ - Andrew Noyes

@Andrew：我想他是指后者。 - Sasha Chedygov

我也认为后者是正确的，但我相信他希望在发送之前能够完成它，就像：编写HTML和CSS，将其内联，然后发送文档。 - DeadHead

DeadHead是正确的 - 用户将使用与网站相同的样式表创建消息。在发送之前，我会解析消息以内联CSS。 - Todd R

5个回答

1

如果您的布局简单且HTML整洁，则http://code.dunae.ca/premailer.web/中的预处理器是一个很好的工具。但是，它在格式不良的HTML上表现不佳，我不知道是否适合推荐给客户。

源代码可在http://code.google.com/p/premailer/中获取。MIT许可证。

- anschauung

2

这里有一个新版本：http://premailer.dialect.ca/ - jao

0

MailerMailer在他们的网站上提供Magic CSS Inliner。此外，运行该页面的底层库可通过CPAN和GitHub在Perl中使用。

- kamelkev

0

MailChimp 在其网站上提供了一个自动 CSS 内联工具。看起来挺不错的！

- onnodb

0

对于 Ruby/Rails，有 https://github.com/alexdunae/premailer 这个 gem。如果你需要 Rails 3 兼容性，可以使用 https://github.com/fphilipe/premailer-rails3 包装它。

- Seth Bro

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- muhuk · Accepted Answer

还有一个Python包叫做premailer。