Quais ferramentas incorporam automaticamente o estilo CSS para criar código HTML de email? [fechadas]

Ao examinar http://www.campaignmonitor.com/css/, você aprende que precisa incorporar estilos embutidos em seu HTML, para que seu email seja lido em qualquer cliente de email.

Você conhece alguma ferramenta ou script para converter automaticamente um arquivo HTML com um declarado em um arquivo HTML com apenas atributos de estilo CCS embutidos?

Edit : Alguma solução Javascript (por exemplo: http://www.robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/ )? Com jQuery?

Verifique o conversor online premailer.dialect.ca ou este script Python para fazer isso.

Aqui está uma lista de ferramentas internas embutidas, prontas para usar, algumas mencionadas anteriormente. Se houver algum que eu tenha perdido, fique à vontade para editá-lo e adicioná-lo. Não posso prometer que cada um funcione como anunciado, então deixe comentários, mas não atire no mensageiro ...

• Campaign Monitor
• Mailchimp
• Premailer
• Styler em linha
• Emogrifier
• MailerMailer
• Tikku
• Mally

E aqui está um que funciona em sentido inverso (sem alinhar o seu css)

• CSS Out

Se você deseja ter uma solução PHP, pode tentar CssToInlineStyles .

Duas variantes de C #:

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

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

Ainda não testei, mas postarei de volta se / quando o fizer.

Eu escrevi uma biblioteca Node.js chamada Styliner que alinha CSS em Javascript do lado do servidor.

Também suporta folhas de estilo MENOS (e suporta plugins para outros formatos)

Você pode dar uma olhada no PostageApp .

Uma de suas características realmente fortes é que ele possui um sistema de modelagem muito robusto que pode incorporar automaticamente HTML e CSS sem problemas.

( Divulgação completa: Eu sou o gerente de produto do PostageApp.)

Isso pode ser um pouco tarde demais, mas se você deseja tornar o seu HTML o melhor possível para o marketing por email (inserindo seu CSS e usando várias outras ferramentas interessantes), use o Premailer . É gratuito e, é claro, feito em parceria com o próprio CampaignMonitor.

Espero que ajude.

Estou um pouco atrasado para o jogo, mas espero que isso ajude alguém.

Encontrei esse pequeno método jQuery / javascript que pode ser incorporado a uma página - http://devintorr.es/blog/2010/05/26/turn-css-rules-into-inline-style-attributes-using-jquery /

Editei um pouco para dar suporte ao IE e também para uma página com vários arquivos CSS anexados, aplicando estilos na ordem correta.

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

A página pode ser copiada / colada no corpo do email.

Não basta simplesmente incorporar seu CSS. Não há padrões observados sobre como um email em HTML será mostrado em qualquer cliente de email usado. Todos fazem isso de maneira diferente e, quanto mais você cria seu email, maior a probabilidade de que ele entre em uma quantidade maior de clientes. Muitos profissionais nesse espaço simplesmente usam imagens e tabelas e talvez algumas cores de fundo, mas nada mais. Sempre inclua um link para um site que tenha uma cópia de trabalho do email e sempre forneça uma variante de texto sem formatação.

Uma solução javascript da tikku aqui: https://tikku.com/open-source/utilities/css-inline-transformer/

Outro da mailchimp - http://beaker.mailchimp.com/inline-css

Para programadores PHP: verifique este conversor online ou este script PHP para fazer isso.