3

これは非常に後ろ向きに聞こえますが、既存の CSS クラスを取得して要素自体にインライン化したいと考えています (css スタイルと html 要素は同じファイルにあります)。これには理由がありますが、詳しくは説明しません。

例：

<html>
<style type="text/css">
   .p1 { height: 10px; }
</style>

<body>
<p class="p1">...</p> <!-- Remove class="p1" and replace with style="height: 10px;" -->
<p class="p1">...</p>
<p class="p1">...</p>
</body>
</html>

多くのCSS クラスが存在する可能性があり、多くが 1 つの要素に属する可能性があることに注意してください。

編集: 私がこれを行っている理由は、(クライアントに基づいて) HTML テンプレートから PDF ドキュメントを生成したいからです。私たちが使用する PDF ツールは、外部のCSS クラスではうまく機能しません。

4

2 に答える 2

3

あなたはPremailerを探しています(ソースも利用可能です) - それはまさにそれを行う Ruby ライブラリです (HTML 電子メールの CSS をインライン化します - しかし、出力は HTML 電子メールに固有のものではありません - PDF ドキュメント ジェネレータで問題なく動作するはずです)。同じように）。

またlamson.html.HtmlMail、Python を使用していて、同じことを行うために利用できるさまざまな Node.js ライブラリがある場合もあります。

于 2012-09-05T18:02:14.680 に答える
2

MailChimp のラボには、CSS Inliner というページがあります - http://beaker.mailchimp.com/inline-css

ただし、クラスを離れます。

于 2012-09-05T19:05:24.250 に答える