Is there a tool for proper HTML + CSS and inline HTML? Or: convert it to HTML compatible email

possible duplicate : What are the means to automatically embed a CSS style to create HTML email code?

note from the author : Oh, yes, definitely repeat. I'm sorry.

In general, HTML emails do not support the correct CSS methods.

However, it is pleasant to develop in these methods, because it greatly speeds up work with changes, etc. (I don't need to sell the benefits of CSS for all of you!)

Is there a tool that takes beautiful HTML and turns it into nasty email-compatible HTML with all the styles extrapolated from CSS files and placed in a line?


Despite the fact that 100% compatibility cannot be achieved due to the numerous differences in email clients, a tool that helps the process will be very useful, even if it just takes CSS and embeds it.

+6
html css email
source share
6 answers

Campaign Monitor has been providing excellent CSS support for email clients since 2008. It is very comprehensive.

+1
source share

There are no standards for “email-compatible” CSS or HTML, so a tool to accomplish this task is unlikely to exist. Different customers highlight different tags and attributes, especially websites. Many of them are trial and error. It is difficult to automate the process and the error.

0
source share

I assume that you can run the text of the page through a script that will open the CSS classes and identifiers and save the styles for them in an array, and then go over and replace class = "class" with style = "style" and id = "id" with the style = "style" etc. This is just a programming issue.

0
source share

Unfortunately, I don’t know any tools, but I would have thought it could be done using javascript (using jQuery, prototype or other js infrastructure) to transcode the rendered DOM and find the application styles and create new HTML based on this

A good start would be to have a source div tag and a target div tag and see that the HTML at the target end looks like a source.

0
source share

I just wrote a blog post about converting “good” HTML / CSS to bad but compatible HTML / inline CSS.

I personally use Premailer for this task, you can read about it in my post: http://www.versapay.com/developer-blog/the-art-and-science-of-email-rendering-across-email-clients /

0
source share
0
source share

All Articles