Categorías

Renderizador HTML a PDF

Renderiza un subconjunto de HTML en PDF

Convierte HTML a PDF con un renderizador determinista.

Etiquetas soportadas:

  • p, h1-h6, ul/ol, table, img, code

Modos:

  • Subconjunto (PDFKit)
  • Navegador (Puppeteer)

Resultados de ejemplo

1 Ejemplos

Ejemplo: HTML Renderer

Muestra PDF generada automaticamente: Browser render mode sample

html-to-pdf-renderer-example1.pdf Ver archivo
Ver parámetros de entrada
{ "htmlContent": "<h1 style='color:#1f2937'>Browser Mode</h1><p>Sample layout.</p>", "cssContent": "body { font-family: Arial, sans-serif; }", "renderMode": "browser", "printBackground": true, "waitUntil": "load" }

Click to upload file or drag and drop file here

Maximum file size: 10MB Supported formats: text/html, application/xhtml+xml, text/plain

Datos clave

Categoría
Document Tools
Tipos de entrada
textarea, file, text, select, checkbox, number
Tipo de salida
file
Cobertura de muestras
4
API disponible
Yes

Resumen

Convierte contenido HTML en documentos PDF profesionales de forma rápida y precisa utilizando nuestros modos de renderizado flexible, ya sea mediante un subconjunto optimizado o un motor de navegador completo.

Cuándo usarlo

  • Cuando necesitas generar informes o facturas a partir de plantillas HTML personalizadas.
  • Para archivar páginas web o artículos en formato PDF para su lectura sin conexión.
  • Al requerir una conversión de documentos con estilos CSS específicos y diseño estructurado.

Cómo funciona

  • Selecciona tu fuente de entrada: carga un archivo HTML, pega el código directamente o introduce una URL.
  • Elige el modo de renderizado: 'Subset' para una conversión rápida y ligera, o 'Browser' para un renderizado fiel al navegador.
  • Ajusta las preferencias de diseño, como el tamaño de página, márgenes, orientación y estilos CSS personalizados.
  • Haz clic en convertir para obtener tu archivo PDF listo para descargar.

Casos de uso

Generación automatizada de facturas y recibos desde sistemas web.
Creación de reportes técnicos y documentación a partir de archivos HTML.
Conversión de contenido web dinámico en documentos PDF estáticos para archivo.

Ejemplos

1. Generación de Factura HTML

Administrador de sistemas
Contexto
Necesito convertir una factura generada dinámicamente en HTML a un formato PDF profesional para enviarla a clientes.
Problema
El diseño debe mantenerse intacto y los estilos CSS deben aplicarse correctamente.
Cómo usarlo
Selecciono el modo 'Browser', pego el código HTML de la factura y añado el CSS en el campo de estilo personalizado.
Configuración de ejemplo
renderMode: 'browser', pageSize: 'A4', printBackground: true
Resultado
Un archivo PDF con el diseño exacto de la factura, incluyendo colores de fondo y tipografías personalizadas.

2. Conversión de Documentación Técnica

Contexto
Tengo un archivo HTML con documentación técnica que incluye tablas y listas.
Problema
Necesito un archivo PDF ligero y rápido sin dependencias complejas.
Cómo usarlo
Subo el archivo HTML y selecciono el modo 'Subset' para una conversión directa.
Configuración de ejemplo
renderMode: 'subset', pageSize: 'A4', marginTop: 20, marginBottom: 20
Resultado
Un documento PDF limpio y bien estructurado, ideal para compartir como manual de usuario.

Probar con muestras

xml, html, pdf

Hubs relacionados

Preguntas frecuentes

¿Qué etiquetas HTML son compatibles?

El renderizador admite etiquetas estándar como p, h1-h6, ul/ol, table, img y code.

¿Cuál es la diferencia entre los modos 'Subset' y 'Browser'?

El modo 'Subset' utiliza PDFKit para una conversión rápida y directa, mientras que 'Browser' utiliza Puppeteer para renderizar el HTML tal como lo verías en un navegador web.

¿Puedo aplicar mis propios estilos CSS?

Sí, puedes incluir CSS personalizado en el campo correspondiente, especialmente útil cuando utilizas el modo de renderizado 'Browser'.

¿Es posible cambiar la orientación del PDF?

Sí, puedes activar la opción 'Horizontal' para cambiar la orientación de la página de vertical a horizontal.

¿Qué tamaños de página están disponibles?

Puedes elegir entre los formatos estándar A4, Letter, Legal y A5 según tus necesidades de impresión o visualización.

Documentación de la API

Punto final de la solicitud

POST /es/api/tools/html-to-pdf-renderer

Parámetros de la solicitud

Nombre del parámetro Tipo Requerido Descripción
htmlContent textarea No -
htmlFile file (Subida requerida) No -
url text No -
baseUrl text No -
cssContent textarea No -
renderMode select No -
pageSize select No -
landscape checkbox No -
printBackground checkbox No -
scale number No -
marginTop number No -
marginBottom number No -
marginLeft number No -
marginRight number No -
fontSize number No -
lineHeight number No -
mediaType select No -
waitUntil select No -
waitTime number No -

Los parámetros de tipo archivo necesitan ser subidos primero vía POST /upload/html-to-pdf-renderer para obtener filePath, luego pasar filePath al campo de archivo correspondiente.

Formato de respuesta

{
  "filePath": "/public/processing/randomid.ext",
  "fileName": "output.ext",
  "contentType": "application/octet-stream",
  "size": 1024,
  "metadata": {
    "key": "value"
  },
  "error": "Error message (optional)",
  "message": "Notification message (optional)"
}
Archivo: Archivo

Documentación de MCP

Agregue este herramienta a su configuración de servidor MCP:

{
  "mcpServers": {
    "elysiatools-html-to-pdf-renderer": {
      "name": "html-to-pdf-renderer",
      "description": "Renderiza un subconjunto de HTML en PDF",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=html-to-pdf-renderer",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Puede encadenar múltiples herramientas, por ejemplo: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, máximo 20 herramientas.

Soporte para enlaces de archivos URL o codificación Base64 para parámetros de archivo.

Si encuentra algún problema, por favor, póngase en contacto con nosotros en [email protected]