Get externally referenced class attributes to be local and inline?
<p>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.</p>

<p>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. </p>

<p>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. </p>

<p>But I was wondering if anyone else has other suggestions. </p>

<p>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.</p>
