¿Qué herramientas para incorporar automáticamente el estilo CSS para crear código HTML de correo electrónico? [cerrado]

Cuando eche un vistazo a http://www.campaignmonitor.com/css/, se da cuenta de que necesita incrustar estilos en línea en su HTML, para que su correo electrónico pueda leerse en cualquier cliente de correo.

¿Conoces alguna herramienta o script para convertir automáticamente un archivo HTML con un archivo declarado en un archivo HTML con solo atributos de estilo CCS en línea?

Editar : ¿Alguna solución de Javascript (es decir: http://www.robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/ )? Con jQuery?

Consulte el convertidor en línea premailer.dialect.ca o este script de Python para hacerlo.

Aquí hay una lista de herramientas de alineación listas para usar basadas en la web, se han mencionado anteriormente algunas. Si hay alguna que me haya perdido, siéntase libre de editarla y agregarla. No puedo prometer que cada uno funcione como se anuncia, así que deje los comentarios, pero no dispare al mensajero ...

• Monitor de campaña
• Mailchimp
• Premailer
• Styler en línea
• Emogrifier
• MailerMailer
• Tikku
• Mally

Y aquí hay uno que funciona a la inversa (sin alinear su CSS)

• CSS fuera

Si desea tener una solución PHP, puede probar CssToInlineStyles .

Dos variantes de C #:

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

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

Todavía no lo he probado, pero volveré a publicar si / cuando lo haga.

Escribí una biblioteca Node.js llamada Styliner que integra CSS en Javascript del lado del servidor.

También admite MENOS hojas de estilo (y admite complementos para otros formatos)

Es posible que desee echar un vistazo a PostageApp .

Una de sus características realmente fuertes es que tiene un sistema de plantillas muy robusto que puede alinear automáticamente HTML y CSS sin ningún problema.

( Divulgación completa: soy el gerente de producto de PostageApp).

Esto puede ser demasiado tarde, pero si desea hacer que su HTML sea lo mejor posible para el marketing por correo electrónico (al incluir su CSS y al usar un montón de otras herramientas geniales), use el Premailer . Es gratis y, por supuesto, hecho en asociación con CampaignMonitor.

Espero eso ayude.

Llego un poco tarde al juego, pero espero que esto ayude a alguien.

Encontré este pequeño y agradable método jQuery / javascript que se puede insertar en una página: http://devintorr.es/blog/2010/05/26/turn-css-rules-into-inline-style-attributes-using-jquery / /

Lo he editado un poco para admitir IE y también para admitir una página con varios archivos CSS adjuntos aplicando estilos en el orden correcto.

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

La página se puede copiar / pegar en el cuerpo del correo electrónico.

No es suficiente simplemente alinear tu CSS. No hay normas observadas sobre cómo se mostrará un correo electrónico HTML en cualquier cliente de correo electrónico que se utilice. Todos lo hacen de manera diferente, y cuanto más diseñe su correo electrónico, más probabilidades habrá de que se convierta en una mayor cantidad de clientes. Muchos profesionales en este espacio simplemente usan imágenes y tablas y quizás algunos colores de fondo, pero nada más. Incluya siempre un enlace a un sitio web que tenga una copia funcional del correo electrónico y siempre proporcione una variante de texto sin formato.

Una solución javascript de tikku aquí: https://tikku.com/open-source/utilities/css-inline-transformer/

Otro de mailchimp - http://beaker.mailchimp.com/inline-css

Para programadores PHP: revise este convertidor en línea o este script PHP para hacerlo.