Які інструменти для автоматичного вбудовування стилю CSS для створення HTML-коду електронної пошти? [зачинено]

Якщо ви подивитесь на http://www.campaignmonitor.com/css/, ви дізнаєтесь, що вам потрібно вбудувати стилі вбудованого тексту у свій HTML, щоб ваш електронний лист був прочитаний у будь-якому поштовому клієнті.

Чи знаєте ви будь-які інструменти чи сценарій для автоматичного перетворення HTML-файлу із заявленим в HTML-файл із лише вбудованими атрибутами стилю CCS?

Редагувати : Будь-яке рішення Javascript (тобто: http://www.robertnyman.com/2006/04/24/get-the-render-style-of-an-element/ )? З jQuery?

Перевірте онлайн-конвертер premailer.dialect.ca або цей сценарій Python, щоб зробити це.

Ось перелік веб-інструментів, готових до використання вбудованих інструментів, пара згадана раніше. Якщо є якісь я пропустив, сміливо їх редагуйте та додайте. Я не можу обіцяти кожен твір як рекламований, тому киньте коментарі, але не знімайте месенджер ...

• Монітор кампанії
• Mailchimp
• Премайлер
• Inline Styler
• Емогрифікатор
• MailerMailer
• Тіку
• Mally

І ось одна, яка працює в зворотному порядку (знімаючи css)

• CSS Out

Якщо ви хочете мати рішення PHP, ви можете спробувати CssToInlineStyles .

Два варіанти C #:

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

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

Не перевірений ні досі, але опублікує, якщо / коли я це зробити.

Я написав бібліотеку Node.js під назвою Styliner, яка вбудовує CSS в сервер Javascript.

Він також підтримує менші таблиці стилів (та підтримує плагіни для інших форматів)

Ви можете поглянути на PostageApp .

Однією з його дійсно сильних особливостей є те, що у нього є дуже надійна система шаблонів, яка може автоматично вбудовувати HTML і CSS без будь-яких проблем.

( Повне розкриття інформації: я менеджер продуктів для PostageApp.)

Це може бути занадто пізно, але якщо ви хочете зробити свій HTML якнайкраще для маркетингу електронною поштою (вклавши css і використовуючи купу інших крутих інструментів), використовуйте Premailer . Його безкоштовно, і звичайно, зроблено у партнерстві з самим 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-адреса електронної пошти у будь-якому клієнті електронної пошти. Всі вони роблять це по-різному, і чим більше ви розробляєте свою електронну пошту, тим більше шансів на те, що вона порушить більшу кількість клієнтів. Багато професіоналів у цьому просторі просто використовують зображення та таблиці та, можливо, деякі кольори фону, але нічого іншого. Завжди включайте посилання на веб-сайт, який має робочу копію електронного листа та завжди надайте звичайний варіант тексту.

Рішення для JavaScript від tikku тут: https://tikku.com/open-source/utilities/css-inline-transformer/

Ще один з mailchimp - http://beaker.mailchimp.com/inline-css

Для програмістів PHP: перевірте цей Інтернет-конвертер або цей сценарій PHP, щоб це зробити.