Jakie narzędzia do automatycznego wstawiania stylu CSS do tworzenia kodu HTML wiadomości e-mail? [Zamknięte]

Gdy spojrzysz na http://www.campaignmonitor.com/css/, zauważysz, że musisz osadzić style w kodzie HTML, aby wiadomość e-mail była czytana w dowolnym kliencie pocztowym.

Czy znasz jakieś narzędzia lub skrypty do automatycznej konwersji pliku HTML z zadeklarowanym w do pliku HTML z wbudowanymi atrybutami stylu CCS?

Edycja : jakieś rozwiązanie JavaScript (np .: http://www.robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/ )? Z jQuery?

Sprawdź konwerter online premailer.dialect.ca lub ten skrypt w języku Python, aby to zrobić.

Oto lista gotowych do użycia narzędzi opartych na Internecie, o których kilka zostało wspomnianych wcześniej. Jeśli jakieś przegapiłem, możesz je edytować i dodawać. Nie mogę obiecać, że każdy działa zgodnie z reklamą, więc zostaw komentarze, ale nie strzelaj do posłańca ...

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

A oto jeden, który działa w odwrotnej kolejności (odsuwanie twojego css)

• CSS Out

Jeśli chcesz mieć rozwiązanie PHP, możesz wypró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 żadnego, ale prześlę, jeśli / kiedy to zrobię.

Napisałem bibliotekę Node.js o nazwie Styliner która CSS w JavaScript po stronie serwera.

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

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 PostageApp.)

To może być trochę za późno, ale jeśli chcesz, aby Twój HTML był jak najlepszy do marketingu e-mailowego (poprzez wbudowanie twojego css i użycie wielu innych fajnych narzędzi), użyj Premailera . Jest darmowy i oczywiście wykonany we współpracy z samym CampaignMonitor.

Mam nadzieję, że to pomoże.

Trochę się spóźniłem na mecz, ale mam nadzieję, że to komuś pomoże.

Znalazłem tę ładną, małą metodę jQuery / javascript, którą można osadzić na stronie - http://devintorr.es/blog/2010/05/26/turn-css-rules-into-inline-style-attributes-using-jquery /

Zmieniłem go trochę, aby obsługiwać IE, a także obsługiwać stronę z dołączonymi wieloma plikami CSS, stosując style we właściwej 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 treści wiadomości e-mail.

Nie wystarczy po prostu wstawić CSS. Nie istnieją żadne standardy dotyczące sposobu wyświetlania wiadomości e-mail w formacie HTML w dowolnym używanym kliencie poczty e-mail. Wszyscy robią to inaczej, a im częściej projektujesz swój e-mail, tym większe jest prawdopodobieństwo, że zepsuje się on większej liczbie klientów. Wielu profesjonalistów w tej przestrzeni po prostu używa obrazów i tabel, a może niektórych kolorów tła, ale nic więcej. Zawsze dołączaj łącze do witryny internetowej zawierającej działającą kopię wiadomości e-mail i zawsze udostępniaj wariant w postaci zwykłego tekstu.

Rozwiązanie javascript firmy tikku tutaj: https://tikku.com/open-source/utilities/css-inline-transformer/

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

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