javascript - Gibt es ein gutes Tool oder Plug-In, um alle extern importierten CSS in Inline-Stile zu konvertieren?

Question

Wie wir alle wissen, müssen E-Mails über Inline-Stile verfügen, um effektiv zu sein.
Alle externen Stile der Webseite müssen in interne Stile, sogenannte E-Mail-Vorlagen, umgewandelt werden.

Answer 1

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

html-packer can take html's <script>, <link>, and <img> (including *.svg sources) tags into html-self.
More than that, it also can compress to minifiy it.

没实践过，看介绍，这个插件貌似可以，说是不但可以转 css ，连图片、svg都可以。自行测试。。。

Answer 2

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

github上面一堆堆哦。。为什么不谷歌一下呢

Answer 3

这个应该能帮到你，gulp插件gulp-inline-css

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

Answer 4

不知道插件
不过你把css放到任意的编辑器
然后用正则配合替换文本
把样式改为内部样式的格式就好了

如：

.inner {
    width: 300px,
    height: 500px
}

先去classname行： .*{\n 替换为``空字符
在去掉 } 为 空
然后匹配 ^\s* 为 "
去: 为=
去\n
...

直到变成你想要的內联样式的格式：
style="width=300;height=500px"

如果标签不多，就自己一个一个复制添加
如果标签很多的话
就把上述过程所有过程写成js，同过classname匹配对应标签，添加对应样式

对了
这不就是你所谓的模版插件脚本嘛
求人不如求己

goodluck