recherche

Maison  >  Questions et réponses  >  le corps du texte

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?

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 ?

某草草某草草2752 Il y a quelques jours699

répondre à tous(4)je répondrai

  • 巴扎黑

    巴扎黑2017-05-18 10:55:51

    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. . .

    répondre
    0
  • PHP中文网

    PHP中文网2017-05-18 10:55:51

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

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

    répondre
    0
  • 给我你的怀抱

    给我你的怀抱2017-05-18 10:55:51

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

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

    répondre
    0
  • 世界只因有你

    世界只因有你2017-05-18 10:55:51

    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🎜

    répondre
    0
  • Annulerrépondre