什么工具自动内联CSS样式来创build电子邮件HTML代码?

当你看看http://www.campaignmonitor.com/css/时,你会发现你需要在HTML中embedded内联样式,以便在任何邮件客户端读取你的邮件。

你知道任何工具或脚本自动转换一个HTML文件与声明在一个HTML文件只有内联CCS样式属性?

编辑 :任何Javascript解决scheme(即: http : //www.robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/ )? 用jQuery?

检查premailer.dialect.ca在线转换器或这个Python脚本来做到这一点。

这里是一个基于web的准备使用内联工具的列表,前面已经提到了一对夫妇。 如果有任何我错过了,请随意编辑并添加它们。 我不能承诺每个作品广告,所以放弃评论,但不要拍摄使者…

  • 活动监视器
  • Mailchimp
  • Premailer
  • 内联风格
  • Emogrifier
  • MailerMailer
  • Tikku
  • 马利

这里是一个反向工作(un-inline你的CSS)

  • CSS Out

如果你想有一个PHP解决scheme,你可以试试CssToInlineStyles 。

两个C#变体:

http://chrispebble.com/Blog/7/inlining-a-css-stylesheet-with-c

PreMailer.Net – https://github.com/milkshakesoftware/PreMailer.Net

到目前为止还没有testing过,但是如果/当我做的时候会回来。

你可能想看看PostageApp 。

其中一个非常强大的function是它有一个非常强大的模板系统,可以自动内联HTML和CSS没有任何问题。

完全披露:我是PostageApp的产品经理。)

仅仅内联你的CSS是不够的。 没有关于如何在任何电子邮件客户端被使用时显示HTML电子邮件的观察标准。 他们都做不同的事情,越是你devise你的电子邮件越有可能是它会打破更多的客户。 这个空间的许多专业人士只是简单地使用图像和表格,也许有些背景颜色,但没有别的。 总是包含一个链接到一个网站,该网站有一个电子邮件的工作副本,并始终提供一个纯文本的变体。

我写了一个名为Styliner的Node.js库,它在服务器端Javascript中embedded了CSS。

它也支持LESS样式表(并支持其他格式的插件)

这可能有点太晚了,但是如果你想让你的HTML成为电子邮件营销的最佳select(通过内嵌你的css,并使用一些其他很酷的工具),使用Premailer 。 它的免费,当然也是与CampaignMonitor合作的。

希望它有帮助。

我有点晚,但希望这会帮助别人。

我发现这个可以embedded到页面的小jQuery / javascript方法 – http://devintorr.es/blog/2010/05/26/turn-css-rules-into-inline-style-attributes-using-jquery /

我已经编辑了一点,以支持IE浏览器,也支持附加多个CSS文件的页面正确的顺序应用样式。

$(document).ready(function ($) { var rules; for(var i = document.styleSheets.length - 1; i >= 0; i--){ if(document.styleSheets[i].cssRules) rules = document.styleSheets[i].cssRules; else if(document.styleSheets[i].rules) rules = document.styleSheets[i].rules; for (var idx = 0, len = rules.length; idx < len; idx++) { if(rules[idx].selectorText.indexOf("hover") == -1) { $(rules[idx].selectorText).each(function (i, elem) { elem.style.cssText = rules[idx].style.cssText + elem.style.cssText; }); } } } $('style').remove(); $('script').remove(); $('link').remove(); }); 

该页面可以被复制/粘贴到电子邮件正文中。

由tikku提供的JavaScript解决scheme: https ://tikku.com/open-source/utilities/css-inline-transformer/

另一个来自mailchimp – http://beaker.mailchimp.com/inline-css

对于PHP程序员:检查这个在线转换器或这个PHP脚本来做到这一点。