Que ferramentas de estilo CSS automaticamente inline para criar e-mail código HTML? [fechadas]

StackOverflow https://stackoverflow.com/questions/791070

Pergunta

Quando você dar uma olhada http://www.campaignmonitor.com/css/ você saber que você precisa estilos inline incorporar em seu HTML, para que o seu email para ser lido em qualquer cliente de email.

Você sabe quaisquer ferramentas ou script para converter automaticamente um arquivo HTML com uma declarada para um arquivo HTML com apenas atributos de estilo CCS em linha?

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

Foi útil?

Solução

Verifique a premailer.dialect.ca conversor online ou este Python roteiro para fazê-lo.

Outras dicas

Aqui está uma lista de web baseada pronto para usar ferramentas inlining, um casal foram mencionados anteriormente. Se houver algum eu perdi, fique à vontade para editar e adicioná-los. Eu não posso prometer cada um trabalha como anunciado, por isso cair comentários, mas não matar o mensageiro ...

E aqui está um que funciona em sentido inverso (un-inlining seu css)

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

Dois C # variantes:

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

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

não testei tanto como ainda, mas vai enviar de volta, se / quando eu faço.

Eu escrevi uma biblioteca Node.js chamado Styliner que inlines CSS no server-side Javascript.

Ele suporta folhas de estilo menos também (e suporta plugins para outros formatos)

Você pode querer dar uma olhada PostageApp .

Uma das suas características muito fortes é que ele tem um sistema de templates muito robusto que pode automaticamente em linha HTML e CSS sem quaisquer problemas.

( Full Disclosure:. Eu sou o Gerente de Produto para PostageApp)

Este pode ser um pouco tarde demais, mas se você quiser fazer seu HTML o melhor possível para e-mail marketing (por inlining seu css, e usando um monte de outras ferramentas legais), use o Premailer . Sua livre e, claro, feita em parceria com a própria CampaignMonitor.

Hope isso ajuda.

Não é suficiente simplesmente em linha o seu CSS. Não existem padrões observados quanto à forma como um e-mail HTML será mostrado em qualquer cliente de e-mail é usado. Todos eles fazem isso de forma diferente, e quanto mais você projetar seu e-mail o mais provável é que ele vai quebrar em uma quantidade maior de clientes. Muitos profissionais neste espaço simplesmente usar imagens e tabelas e talvez algumas cores de fundo, mas nada mais. Sempre inclua um link para um site que tem uma cópia de trabalho do e-mail e sempre fornecer uma variante de texto simples.

Estou um pouco tarde para o jogo, mas espero que isso vai ajudar alguém.

Eu encontrei esta pouco agradável jQuery / javascript método que pode ser incorporado em uma página - http://devintorr.es/blog/2010/05/26/turn-css-rules-into-inline-style-attributes-using-jquery/

Eu editei um pouco para apoiar IE e também para apoiar uma página com vários arquivos CSS anexados aplicação de 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 então ser copy / colado no corpo do email.

Para programadores PHP: marque esta on-line conversor ou este PHP roteiro para fazê-lo.

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top