什么工具自动内联CSS的风格，创造电子邮件HTML代码？[关闭]

Question

当你看看 http://www.campaignmonitor.com/css/ 你知道你需要嵌入内联式在HTML，为了你的电子邮件来阅读任何邮件的客户。

你知道的任何工具或脚本来自动转换为HTML文件与宣布为HTML文件只有联CCS的风格属性？

编辑:任何Javascript解决方案(即： http://www.robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/ )?有文化的地方?

Answer 1

检查 premailer.方言。ca 网络转换器或这个 蟒蛇的脚本 做到这一点。

Answer 2

以下是基于网络的随时可用的内联工具列表，前面已经提到了其中的一些。如果有任何我遗漏的内容，请随时编辑和添加。我不能保证每件作品都像广告上说的那样，所以请发表评论，但不要开枪打死发信的人……

• 活动监控
• 邮件黑猩猩
• 预邮者
• 直列造型器
• 埃莫格瑞尔
• 梅勒梅勒
• 提库
• 马利

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

• CSS 输出

Answer 3

如果你想有一个PHP的解决方案，你可以尝试 CssToInlineStyles 。

Answer 4

两个C＃的变体：

http://chrispebble.com/Blog/7/内联-A-CSS样式表-与-C

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

没有测试过任何作为然而，但会后回来，如果/当我这样做。

Answer 5

我写了一个Node.js的库调用 Styliner 的是内联CSS在服务器端JavaScript。

它支持LESS样式表，以及（和支持插件为其他格式）

Answer 6

您可能想看看 PostageApp 。

它的一个真正强大的功能是它有一个非常强大的模板系统，可以自动嵌入HTML和CSS没有任何问题。

（展开披露：我为PostageApp产品经理）

Answer 7

这可能有点为时已晚，但如果你想为电子邮件营销你的HTML最好的（通过内联你的CSS，并使用大量的其他很酷的工具），使用的 Premailer 。其自由，当然，在合伙与CampaignMonitor本身。制成的

希望它能帮助。

Answer 8

这是不够的，只是你内联CSS。有没有观察到的标准如何HTML电子邮件将任何电子邮件客户端用于显示。他们都采取不同的方式，越你设计你的电子邮件越有可能是，它会在用户量更大突破。在这个空间里许多专业人士只需使用图像和表格，也许一些背景颜色，但没有别的。始终包含一个链接到一个网站，有电子邮件的工作拷贝，并始终提供一个纯文本的变体。

Answer 9

我有点迟到游戏但是我们希望这将帮助的人。

我发现这个漂亮的小级javascript方法，可以嵌入到一个页面 http://devintorr.es/blog/2010/05/26/turn-css-rules-into-inline-style-attributes-using-jquery/

我编辑这一点，以支持即，并还支持一个网页，与多个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();
        });

该网页然后可以复制、粘贴到电子邮件主体。

Answer 10

一个由tikku这里JavaScript的解决方案： https://tikku.com/open-source/utilities/css-inline - 变压器/

Answer 11

这mailchimp另一条 - http://beaker.mailchimp.com/inline-css

Answer 12

PHP程序员：检查这个 网络转换器 或者这个 PHP script 做到这一点。