javascript - Existe-t-il un bon outil ou plug-in pour convertir tous les CSS importés de l'extérieur en styles en ligne?
某草草
某草草 2017-05-18 10:53:51
0
4
691

Comme nous le savons tous, les e-mails doivent avoir des styles en ligne pour être efficaces
Tous les styles externes de la page Web doivent être convertis en styles internes, appelés modèles d'e-mail. Existe-t-il de bons plug-ins ?

某草草
某草草

répondre à tous(4)
巴扎黑

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

html-packer peut prendre les balises HTML <script>, <link> et <img> (y compris les sources *.svg) dans html-self.
Plus que cela, il peut également les compresser pour les minimiser.

Je ne l'ai jamais essayé. D'après l'introduction, ce plug-in semble fonctionner. On dit qu'il peut non seulement convertir du CSS, mais aussi des images et du SVG. Testez-le vous-même. . .

洪涛

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

Il y en a beaucoup sur github. . Pourquoi ne le cherches-tu pas sur Google

给我你的怀抱

Cela devrait pouvoir t'aider, gulp plug-ingulp-inline-css

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

世界只因有你

Je ne connais pas le plug-in
Mais vous pouvez mettre le CSS dans n'importe quel éditeur
puis utiliser des expressions régulières pour remplacer le texte
changez simplement le style au format de style interne

Par exemple :

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

Allez d'abord sur la ligne du nom de classe : .*{n et remplacez-la par le ``caractère nul.*{n 替换为``空字符
在去掉 } 为 空
然后匹配 ^s*"
: =
n
...

直到变成你想要的內联样式的格式:
style="width=300;height=500px"Supprimer} pour qu'elle soit vide

Ensuite, faites correspondre ^s* à "

allez sur  : pour =
allez sur n
...

Jusqu'à ce qu'il devienne le format du style en ligne souhaité :
style="width=300;height=500px"

S'il n'y a pas beaucoup de balises, copiez-les et ajoutez-les une par une.

S'il y a beaucoup de balises,

Écrivez tous les processus ci-dessus dans js, ​​faites correspondre les balises correspondantes via le nom de classe et ajoutez les styles correspondants🎜. 🎜Au fait🎜N'est-ce pas ce qu'on appelle un script de plug-in de modèle🎜Il vaut mieux demander pour les autres que pour soi-même🎜 🎜bonne chance🎜
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal