javascript - 将基于类的样式更改为内联样式

Question

是否有可用的服务将基于类的样式更改为内联样式。我需要设计一封电子邮件，并且使用类更容易和更快，但最后必须将所有内容更改为内联样式。似乎应该有一个程序可以做到这一点，但我似乎找不到任何东西。

  <table class="g">
    <tr>
        <td>
            <p>
                content should be bright green
            </p>
            <span>
                content should be red and bold
            </span>
        </td>
    </tr>
</table>
<style>
table.g p{
    color:#3f0;
}
table.g span{
    color:#f00;
    font-weight:bold;
}
</style>

这个能不能自动改成

<table>
    <tr>
        <td>
          <p style="color:#3f0;">
                content should be bright green
            </p>
            <span style="color:#f00;font-weight:bold;">
                 content should be red and bold
            </span>
        </td>
    </tr>
</table>

使用某种了解如何应用 CSS 规则并可以自动转换它们的软件？

* 标记有 javascript 和 jquery，以防有办法使用它来做到这一点。

Answer 1

• 网络应用程序:
  • http://beaker.mailchimp.com/inline-css
• python :
  • https://github.com/davecranwell/inline-styler
  • https://github.com/rennat/pynliner
  • https://github.com/peterbe/premailer (它将相对路径更改为绝对路径)
• PHP:
  • https://github.com/tijsverkoyen/CssToInlineStyles
  • https://github.com/christiaan/InlineStyle (允许使用外部 CSS 样式表)
• ruby :
  • https://github.com/maca/inline-style
  • https://github.com/purify/mail_style (更正 img 标签中的 src attr)
• JavaScript:
  • https://github.com/LearnBoost/juice
  • https://npmjs.org/package/grunt-email-builder (Grunt.js 插件)
  • https://github.com/jonkemp/gulp-inline-css (吞咽插件)
• C#
  • https://github.com/milkshakesoftware/PreMailer.Net