哪些工具可以自动内联CSS样式来创建电子邮件HTML代码？[关闭]

当您查看http://www.campaignmonitor.com/css/时，您了解到需要在HTML中嵌入内联样式，以便在任何邮件客户端中读取电子邮件。

您是否知道有任何工具或脚本可以将带有声明的HTML文件自动转换为仅具有内联CCS样式属性的HTML文件？

编辑：任何Javascript解决方案（即：http : //www.robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/）？使用jQuery吗？

检查premailer.dialect.ca在线转换器或此Python脚本来执行此操作。

这是基于Web的随时可用的内联工具的列表，前面已经提到了几个。如果我错过了任何内容，请随时进行编辑和添加。我不能保证每件作品都如广告所言，所以不要发表评论，但不要开枪。

• 广告活动监控
• Mailchimp
• 预邮器
• 内联样式器
• 雾化器
• 梅勒
• 提库
• 马利

这是一种反向工作的方法（取消内联CSS）

• CSS输出

如果您想使用PHP解决方案，可以尝试CssToInlineStyles。

两个C＃变体：

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

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

尚未测试过，但如果/我会再发回。

我编写了一个名为Styliner的Node.js库，该库可以内联服务器端Javascript中的CSS。

它还支持LESS样式表（并支持其他格式的插件）

您可能想看看PostageApp。

它真正强大的功能之一是它具有非常强大的模板系统，可以自动内联HTML和CSS，而不会出现任何问题。

（完全公开：我是PostageApp的产品经理。）

这可能为时已晚，但是如果您想使HTML成为电子邮件营销的最佳方式（通过内联css并使用许多其他出色的工具），请使用Premailer。它是免费的，当然是与CampaignMonitor本身合作制作的。

希望能帮助到你。

我玩游戏有些迟了，但希望这会对某人有所帮助。

我发现了可以嵌入到页面中的这个不错的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();
        });

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

仅仅内联CSS是不够的。对于使用任何电子邮件客户端的HTML电子邮件显示方式，没有观察到的标准。他们的做法各不相同，设计电子邮件的次数越多，越有可能打断更多的客户。这个领域的许多专业人员只是使用图像和表格，也许还使用一些背景色，但没有别的。始终包含指向具有电子邮件工作副本的网站的链接，并始终提供纯文本变体。

tikku的javascript解决方案：https ://tikku.com/open-source/utilities/css-inline-transformer/

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

对于PHP程序员：请检查此在线转换器或此PHP脚本。