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 ?
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. . .
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🎜
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-in
gulp-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 :
Allez d'abord sur la ligne du nom de classe :
.*{n
et remplacez-la par le ``caractère nul.*{n
替换为``空字符在去掉 } 为 空
然后匹配
^s*
为"
去
:
为=
去
n
...
直到变成你想要的內联样式的格式:
Ensuite, faites correspondrestyle="width=300;height=500px"
Supprimer} pour qu'elle soit vide^s*
à"
allez sur
:
pour=
allez sur
n
...
Jusqu'à ce qu'il devienne le format du style en ligne souhaité :
S'il n'y a pas beaucoup de balises, copiez-les et ajoutez-les une par une.style="width=300;height=500px"
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🎜