Convertidor de Tailwind a estilos en línea

Convierte clases de Tailwind CSS a estilos en línea para plantillas HTML listas para email.

Pruébalo en línea

Instalación

npm install tailwind-to-inline

Uso

#### Desde una ruta de archivo

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

Parámetros:

• templatePath — Ruta al archivo de plantilla.
• placeholderValues (opcional) — Un objeto de pares clave-valor para reemplazar contenido dinámico en la plantilla.

#### Desde una cadena HTML sin procesar

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

Parámetros:

• templateString — Una cadena HTML sin procesar que contiene clases de Tailwind CSS.
• data (opcional) — Un objeto de pares clave-valor para reemplazar contenido dinámico en la plantilla.

Ejemplo

#### Plantilla original welcome-email.html:

  
    

      Welcome, {{name}}
    
    

      
        {{cta_text}}
      
    
  

#### Resultado convertido:

  
    

      Welcome, John
    
    

      
        Complete Profile
      
    
  

Contribuyendo

¡Se aceptan contribuciones, problemas y solicitudes de funciones!

Colaboradores

Licencia

Este proyecto tiene licencia MIT.

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