Question

我正在寻找一种工具，它使用样式表中的CSS选择器来生成所选的内联样式。

例如：

<head>
<style text="text/css">
a {
   text-decoration: none;
}

#a, #b, #c
{
   position: absolute;
}

#b
{
   left: 50px;
}
</style>
</head>
<body>
  <div id="a">
    <p>
     <a href="http://www.stackoverflow.com">SO</a>
    </p>
  </div>
  <div id="b">
  </div>
  <div id="c">
  </div>
</body>

将是：

<body>
  <div id="a" style="position: absolute">
    <p>
     <a href="http://www.stackoverflow.com" style="text-decoration: none;">SO</a>
    </p>
  </div>
  <div id="b" style="position: absolute; left: 50px;">
  </div>
  <div id="c" style="position: absolute">
  </div>
</body>

有什么想法吗？！

编辑：

我想这样做是为了能够在大多数电子邮件客户端中“设置”电子邮件，尤其是对于不支持外部甚至内部样式表的gmail。

Answer 1

您可以使用以下在线申请来完成：

Convert CSS to inline styles

Answer 2

如果您想通过API传递并在应用程序中自动执行，请查看http://premailer.dialect.ca。

如果您正在开发一个API，那么使用集成到您应用中的API要容易得多，因为您不必生成电子邮件内容和

如果您使用的是ruby，则该项目是开源here，因此您可以直接集成它。

或者，如果您使用的是node.js，那么有一个包装器可以让API更容易使用：https://github.com/JedWatson/node-premailer

如果您更喜欢使用网络表单，MailChimp有一个很棒的工具here。如果你有账户，Mailchimp也有API。

你知道从外部/内部样式表切换到内联样式的任何工具吗？

2 个答案: