Jakie narzędzia do automatycznego wstawiania stylu CSS do tworzenia kodu HTML e-mail? [zamknięte]

Oto lista gotowych do użycia narzędzi inliningowych opartych na sieci Web, kilka z nich zostało wcześniej wymienionych. Jeśli są jakieś, które przegapiłem, możesz je edytować i dodawać. Nie mogę obiecać, że każda praca będzie zgodna z reklamą, więc zostaw komentarze, ale nie strzelaj do posłańca...

• Campaign Monitor
• Mailchimp
• Premailer
• Inline Styler
• Emogrifier
• MailerMailer
• Tikku
• Mally

I tutaj jest taki, który działa w odwrotnej kolejności (un-inlining css)

• CSS Out

Jeśli chcesz mieć rozwiązanie PHP, możesz spróbować CssToInlineStyles .

Dwa warianty C#:

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

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

Nie testowałem jeszcze, ale odpiszę, jeśli / kiedy to zrobię.

Możesz rzucić okiem na PostageApp .

Jedną z jego naprawdę mocnych cech jest to, że ma bardzo solidny system szablonów, który może automatycznie wstawiać HTML i CSS bez żadnych problemów.

(pełne ujawnienie: jestem menedżerem produktu w PostageApp.)

Napisałem węzeł.biblioteka js o nazwie Styliner, która wstawia CSS w Javascript po stronie serwera.

Obsługuje również mniej arkuszy stylów (i obsługuje wtyczki do innych formatów)

Nie wystarczy po prostu wstawić swój CSS. Nie ma przestrzeganych standardów, jak e-mail HTML będzie wyświetlany w dowolnym kliencie poczty e-mail jest używany. Wszyscy robią to inaczej, a im bardziej zaprojektujesz swój e-mail, tym bardziej prawdopodobne jest, że złamie się on w większej liczbie klientów. Wielu profesjonalistów w tej przestrzeni po prostu używać obrazów i tabel i może niektóre kolory tła, ale nic więcej. Zawsze Dołącz link do strony internetowej, która ma roboczą kopię wiadomości e - mail i zawsze podaj wariant zwykłego tekstu.

Może to być trochę za późno, ale jeśli chcesz, aby twój HTML był jak najlepszy dla e-mail marketingu (poprzez wprowadzenie css i użycie kilku innych fajnych narzędzi), użyj Premailer. Jest bezpłatny i oczywiście wykonany we współpracy z samym CampaignMonitor.

Mam nadzieję, że to pomoże.

A javascript solution by tikku here : https://tikku.com/open-source/utilities/css-inline-transformer/

Jestem trochę spóźniony na mecz, ale mam nadzieję, że to komuś pomoże.

Znalazłem taką fajną małą metodę jQuery / javascript, która może być osadzona na stronie - http://devintorr.es/blog/2010/05/26/turn-css-rules-into-inline-style-attributes-using-jquery/

Edytowałem go trochę, aby wspierać IE, a także wspierać stronę z wieloma plikami CSS dołączonymi do stylów w odpowiedniej kolejności.

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

Stronę można następnie skopiować/wkleić do e-maila ciało.

Kolejny z mailchimp- http://beaker.mailchimp.com/inline-css

Dla programistów PHP: sprawdź ten online converter lub ten skrypt PHP, aby to zrobić.