什么工具自动内联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脚本来做到这一点。