javascript - 外部からインポートされたすべての CSS をインライン スタイルに変換するための良いツールまたはプラグインはありますか?

Question

ご存知のとおり、電子メールを有効にするにはインライン スタイルが必要です。
Web ページのすべての外部スタイルは、電子メール テンプレートと呼ばれる内部スタイルに変換する必要があります。何か良いプラグインはありますか?

Answer 1

https://github.com/Rozbo/html...

html-packer は、HTML の <script>、<link>、および <img> (*.svg ソースを含む) タグを html-self に取り込むことができます。
さらに、それを最小化するために圧縮することもできます。

試したことはありませんが、このプラグインはCSSだけでなく、画像やSVGも変換できるようです。自分でテストしてみてください。 。 。

Answer 2

https://www.google.com/#safe=...

github にたくさんあります。 。 Googleで調べてみませんか

Answer 3

これは役に立つはずです、gulp プラグインgulp-inline-css

https://www.npmjs.com/package...

Answer 4

プラグインについてはわかりません
でも、CSSを任意のエディターに入力して、テキストを正規表現に置き換えることはできます
スタイルを内部スタイル形式に変更するだけです

例:

リーリー

まずクラス名の行: .*{n に移動し、空になるように「null 文字

削除}」に置き換えます。次に、^s* を に一致させます。 >".*{n 替换为``空字符
在去掉 } 为 空
然后匹配 ^s* 为 "
去: 为=
去n = の場合は : に移動します
n に移動します

...

インラインスタイルで希望の形式になるまで: style="width=300;height=500px"

タグが少ない場合は、一つずつコピーして追加してください
タグが多い場合は、

上記の処理をすべてjsに記述し、クラス名で対応するタグを照合し、対応するスタイルを追加します

ところで
これはテンプレートプラグインスクリプトと言うものではないでしょうか

自分で頼むより他人に頼む方が良いです

頑張ってください🎜