電子メールのHTMLコードを作成するためにCSSスタイルを自動的にインライン化するためのツールは何ですか？[閉まっている]

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
• プリメーラー
• インラインスタイラー
• Emogrifier
• MailerMailer
• ティク
• マリー

そして、これは逆に機能するものです（あなたのCSSをインライン化しない）

• CSSアウト

PHPソリューションが必要な場合は、CssToInlineStylesを試すことができます。

2つのC＃バリアント：

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

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

まだどちらもテストしていませんが、テストする場合はポストバックします。

サーバー側のJavaScriptでCSSをインライン化するStylinerと呼ばれるNode.jsライブラリを作成しました。

LESSスタイルシートもサポートします（他の形式のプラグインもサポートします）

あなたは見てとることをお勧めしますPostageAppを。

その本当に強力な機能の1つは、問題なくHTMLとCSSを自動的にインライン化できる非常に堅牢なテンプレートシステムを備えていることです。

（完全開示：私はPostageAppのプロダクトマネージャーです。）

これは少し遅すぎるかもしれませんが、HTMLを電子メールマーケティングに最適なものにしたい場合は（CSSをインライン化し、他のクールなツールを使用して）、プリメイラーを使用します。その無料、そしてもちろん、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のもう1つ-http : //beaker.mailchimp.com/inline-css

PHPプログラマーの場合：このオンラインコンバーターまたはこのPHPスクリプトを確認してください。