Convertisseur Tailwind vers styles en ligne

Convertit les classes Tailwind CSS en styles en ligne pour des modèles HTML prêts pour les emails.

Essayez-le en ligne

Installation

npm install tailwind-to-inline

Utilisation

#### À partir d’un chemin de fichier

import { makeStylesInline } from 'tailwind-to-inline';
const htmlTemplate = await makeStylesInline('templates/welcome-email.html', {
  name: 'John',
  cta_text: 'Complete Profile'
});

Paramètres :

• templatePath — Chemin vers le fichier modèle.
• placeholderValues (optionnel) — Un objet paire clé-valeur pour remplacer le contenu dynamique dans le modèle.

#### À partir d'une chaîne HTML brute

import { makeStylesInlineFromString } from 'tailwind-to-inline';
const html = 
Hello, {{name}}
;
const htmlTemplate = await makeStylesInlineFromString(html, {
  name: 'John',
});

Paramètres :

• templateString — Une chaîne HTML brute contenant des classes Tailwind CSS.
• data (optionnel) — Un objet clé-valeur pour remplacer le contenu dynamique dans le modèle.

Exemple

#### Modèle original welcome-email.html :

  
    

      Welcome, {{name}}
    
    

      
        {{cta_text}}
      
    
  

#### Résultat converti :

  
    

      Welcome, John
    
    

      
        Complete Profile
      
    
  

Contribution

Les contributions, problèmes et demandes de fonctionnalités sont les bienvenus !

Contributeurs

Licence

Ce projet est sous licence MIT.

--- Tranlated By Open Ai Tx | Last indexed: 2026-06-09 ---