¿Qué herramientas de forma automática el estilo CSS en línea para crear código HTML de correo electrónico? [cerrado]

Question

Cuando se echa un vistazo a http://www.campaignmonitor.com/css/ se aprenderá que necesita integrar los estilos en línea en el código HTML, para que su correo electrónico para ser leído en cualquier cliente de correo.

¿Conoce herramientas o script para convertir automáticamente un archivo HTML con una declarada en un archivo HTML con atributos de estilo CAC sólo en línea?

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

Answer 1

premailer.dialect.ca convertidor en línea o esta script Python para hacerlo.

Answer 2

A continuación se muestra una lista de web basado listo para usar herramientas de procesos en línea, una pareja se han mencionado anteriormente. Si hay alguna que me he perdido, no dude en modificar y añadir ellos. No puedo prometer cada uno funciona como se anuncia, para dejar comentarios, pero no matar al mensajero ...

• Campaign Monitor
• MailChimp
• Premailer
• línea Styler
• Emogrifier
• MailerMailer
• Tikku
• Mally

Y aquí es uno que funciona a la inversa de (des-inlining el CSS)

• CSS fuera

Answer 3

Si le gustaría tener una solución PHP, puede intentar CssToInlineStyles .

Answer 4

Dos variantes: C #

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

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

No hemos probado bien hasta el momento, pero será después de vuelta si / cuando lo haga.

Answer 5

escribí una biblioteca Node.js llamada Styliner que inlines CSS en JavaScript del lado servidor.

Es compatible con hojas de estilo menos también (y soporta plugins para otros formatos)

Answer 6

Es posible que desee echar un vistazo a PostageApp .

Una de sus características muy fuertes es que tiene un sistema de plantillas muy robusta que pueda HTML y CSS de forma automática en línea sin ningún problema.

( Full Disclosure:. Soy el gerente de producto de PostageApp)

Answer 7

Esto puede ser un poco demasiado tarde, pero si usted desea hacer su HTML de la mejor manera posible para la comercialización de correo electrónico (por inlining el CSS, y el uso de un montón de otras herramientas interesantes), utilice el Premailer . Su libre y, por supuesto, realizado en colaboración con CampaignMonitor sí mismo.

Espero que ayuda.

Answer 8

No es suficiente simplemente inline tu CSS. No existen estándares observados en cuanto a cómo se mostrará un correo electrónico HTML en cualquier cliente de correo electrónico se utiliza. Todos ellos lo hacen de manera diferente, y cuanto más se diseñan su correo electrónico lo más probable es que va a romper en una mayor cantidad de clientes. Muchos profesionales en este espacio sólo tiene que utilizar imágenes y tablas y tal vez algunos colores de fondo, pero nada más. Siempre incluya un enlace a un sitio web que tiene una copia de trabajo del correo electrónico y siempre ofrecen una variante de texto sin formato.

Answer 9

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

He encontrado este método poco agradable jQuery / javascript que puede ser embebido en una página - http://devintorr.es/blog/2010/05/26/turn-css-rules-into-inline-style-attributes-using-jquery/

He editado un poco para apoyar el IE y también para apoyar una página con varios archivos adjuntos a los estilos CSS 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 puede ser entonces copiar / pegar en el cuerpo del correo electrónico.

Answer 10

A Javascript solución mediante Tikku aquí: https://tikku.com/open-source/utilities/css-inline -transformer /

Answer 11

Otra de MailChimp - http://beaker.mailchimp.com/inline-css

Answer 12

Para los programadores de PHP: marque esta en línea o esta script PHP para hacerlo.