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?
Odpowiedzi:
Sprawdź konwerter online premailer.dialect.ca lub ten skrypt w języku Python, aby to zrobić.
źródło
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 ...
A oto jeden, który działa w odwrotnej kolejności (odsuwanie twojego css)
źródło
Jeśli chcesz mieć rozwiązanie PHP, możesz wypróbować CssToInlineStyles .
źródło
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ę.
źródło
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)
źródło
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.)
źródło
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.
źródło
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.
Stronę można następnie skopiować / wkleić do treści wiadomości e-mail.
źródło
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.
źródło
Rozwiązanie javascript firmy tikku tutaj: https://tikku.com/open-source/utilities/css-inline-transformer/
źródło
Kolejny od mailchimp - http://beaker.mailchimp.com/inline-css
źródło
Dla programistów PHP: sprawdź ten konwerter online lub ten skrypt PHP, aby to zrobić.
źródło