Eine Möglichkeit, einen Blockstil/CSS in Inline-CSS umzuwandeln?

Question

Ich schreibe eine HTML/CSS-E-Mail-Vorlage, die für Google Mail und andere E-Mails ausgelöst werden soll. Allerdings lädt Google Mail die <style> Blöcke nicht, daher muss ich das Inline-Attribut 'style' verwenden, damit es funktioniert.

das Problem zu veranschaulichen:

<style> 
    .center { 
     text-align:center; 
    } 
</style> 
<a class="center"> text </a> 

zu transformieren:

<a class="center" style="text-align:center;"> text </a> 

Hat jemand hier wissen, einen besseren Weg oder ein beliebiges Programm, es zu tun?

Answer 1

Es gibt eine Web-App, die für den Job entwickelt wurde.

Wandelt CSS-Regeln in Inline-Style-Attribute

https://inlinestyler.torchbox.com/

Answer 2

Premailer ist ein großes Werkzeug Inline-Styles für die Erzeugung und den Code für die E-Mail-prepping.

Sie können es sogar in Ihren Task-Runner mit grunt oder gulp integrieren.