Welche Tools zum automatischen Inline-CSS-Stil zum Erstellen von E-Mail-HTML-Code? [geschlossen]

Wenn Sie sich http://www.campaignmonitor.com/css/ ansehen , erfahren Sie, dass Sie Inline-Stile in Ihren HTML-Code einbetten müssen, damit Ihre E-Mail in einem beliebigen E-Mail-Client gelesen werden kann.

Kennen Sie Tools oder Skripte zum automatischen Konvertieren einer HTML-Datei mit einer deklarierten Datei in eine HTML-Datei mit nur Inline-CCS-Stilattributen?

Bearbeiten : Irgendeine Javascript-Lösung (dh: http://www.robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/ )? Mit jQuery?

Überprüfen Sie dazu den Online-Konverter premailer.dialect.ca oder dieses Python-Skript .

Hier ist eine Liste von webbasierten, gebrauchsfertigen Inlining-Tools, von denen einige bereits erwähnt wurden. Wenn ich etwas verpasst habe, können Sie es jederzeit bearbeiten und hinzufügen. Ich kann nicht versprechen, dass jedes Werk wie angekündigt funktioniert. Lassen Sie also Kommentare fallen, aber schießen Sie nicht auf den Messenger ...

• Kampagnenmonitor
• Mailchimp
• Premailer
• Inline Styler
• Emogrifier
• MailerMailer
• Tikku
• Mally

Und hier ist eine, die umgekehrt funktioniert (Aufheben der Inlining Ihres CSS)

• CSS Out

Wenn Sie eine PHP-Lösung wünschen , können Sie CssToInlineStyles ausprobieren .

Zwei C # -Varianten:

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

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

Ich habe es auch noch nicht getestet, werde es aber zurückschicken, wenn ich es tue.

Ich habe eine Node.js-Bibliothek namens Styliner geschrieben , die CSS in serverseitigem Javascript integriert.

Es unterstützt auch WENIGER Stylesheets (und Plugins für andere Formate).

Vielleicht möchten Sie einen Blick auf PostageApp werfen .

Eine seiner wirklich starken Eigenschaften ist, dass es ein sehr robustes Template-System hat, das HTML und CSS ohne Probleme automatisch einbinden kann.

( Vollständige Offenlegung: Ich bin der Produktmanager für PostageApp.)

Dies mag etwas zu spät sein, aber wenn Sie Ihren HTML- Code für das E-Mail-Marketing optimal gestalten möchten (indem Sie Ihr CSS einbinden und eine Reihe anderer cooler Tools verwenden), verwenden Sie den Premailer . Es ist kostenlos und wird natürlich in Zusammenarbeit mit CampaignMonitor selbst erstellt.

Ich hoffe es hilft.

Ich bin etwas spät dran, aber hoffentlich hilft das jemandem.

Ich habe diese nette kleine jQuery / Javascript-Methode gefunden, die in eine Seite eingebettet werden kann - http://devintorr.es/blog/2010/05/26/turn-css-rules-into-inline-style-attributes-using-jquery /.

Ich habe es ein wenig bearbeitet, um den IE zu unterstützen und um eine Seite mit mehreren angehängten CSS-Dateien zu unterstützen, die Stile in der richtigen Reihenfolge anwenden.

$(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();
        });

Die Seite kann dann kopiert / in den E-Mail-Text eingefügt werden.

Es reicht nicht aus, Ihr CSS einfach zu integrieren. Es gibt keine beobachteten Standards, wie eine HTML-E-Mail in dem verwendeten E-Mail-Client angezeigt wird. Sie alle machen es anders und je mehr Sie Ihre E-Mail gestalten, desto wahrscheinlicher ist es, dass eine größere Anzahl von Kunden davon betroffen ist. Viele Fachleute in diesem Bereich verwenden einfach Bilder und Tabellen und möglicherweise einige Hintergrundfarben, aber sonst nichts. Fügen Sie immer einen Link zu einer Website hinzu, die eine Arbeitskopie der E-Mail enthält, und geben Sie immer eine Nur-Text-Variante an.

Eine Javascript-Lösung von tikku hier: https://tikku.com/open-source/utilities/css-inline-transformer/

Ein weiterer von mailchimp - http://beaker.mailchimp.com/inline-css

Für PHP-Programmierer: Überprüfen Sie dazu diesen Online-Konverter oder dieses PHP-Skript .