Какие инструменты для автоматического встраивания стиля CSS для создания HTML-кода электронной почты? [закрыто]

Заглянув на http://www.campaignmonitor.com/css/, вы узнаете, что вам нужно встраивать встроенные стили в свой HTML, чтобы вашу электронную почту можно было читать в любом почтовом клиенте.

Знаете ли вы какие-либо инструменты или скрипты для автоматического преобразования HTML-файла с объявлением в HTML-файл с только встроенными атрибутами стиля CCS?

Изменить : любое решение Javascript (например: http://www.robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/ )? С jQuery?

Проверьте онлайн-конвертер premailer.dialect.ca или этот скрипт Python, чтобы сделать это.

Вот список готовых к использованию веб-инструментов встраивания, пара уже упоминалась ранее. Если есть что-то, что я пропустил, не стесняйтесь редактировать и добавлять их. Я не могу обещать, что каждый из них работает так, как рекламируется, поэтому пишите комментарии, но не стреляйте в мессенджер ...

• Монитор кампании
• Mailchimp
• Premailer
• Встроенный стайлер
• Emogrifier
• MailerMailer
• Tikku
• Малли

И вот тот, который работает в обратном порядке (отключение вашего 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-скрипт, чтобы сделать это.