Question

I have a webpage that works and all is swell. It is coded using mostly good practises of external css files and minimal inline styles/code. All is well.

Now however, I want to send that page via HTML text only, such as in an email. So there should be no external references to external sites at all. Meaning I now must move my beautiful external references, internally.

I am thinking I can write a javascript function that finds every class of an object, removes it from that class, then gives that object inline “style” attributes equal to what the class has.

But I was wondering if anyone else has other suggestions.

The end goal is to get a wall of text, that when pasted in a non-internet connected browser with no cache or anything, will display exactly what I have on the screen of my “normal operations” page.

Answer 1

There is a perl CPAN module for this:

CSS::Inliner

you can also find the source on github:

https://github.com/kamelkev/CSS-Inliner