Categorias

HTML para PDF (Layout Preciso)

Renderize HTML/CSS em PDF com cabeçalho, rodapé e ajustes precisos

Esta ferramenta renderiza HTML/CSS em PDF com navegador headless para alta fidelidade.

Cabeçalho e Rodapé:

  • Modelos HTML personalizados
  • Use <span class="pageNumber"></span> e <span class="totalPages"></span>
  • CSS com estilos inline no cabeçalho/rodapé

Opções de Impressão:

  • Tamanhos A4/Letter/Legal
  • Margens (mm)
  • Imprimir fundo e escala
  • Suporte a @page e @media print (ativar "Preferir tamanho de página CSS")

Fatos principais

Categoria
Document Tools
Tipos de entrada
textarea, select, checkbox, number
Tipo de saída
file
Cobertura de amostras
4
API disponível
Yes

Visão geral

Converta seus arquivos HTML e CSS em documentos PDF de alta fidelidade com controle total sobre o layout, margens, cabeçalhos e rodapés personalizados.

Quando usar

  • Quando você precisa gerar relatórios ou faturas a partir de templates HTML dinâmicos.
  • Ao converter páginas web complexas que exigem suporte a CSS de impressão e `@media print`.
  • Para criar documentos profissionais com numeração de páginas automática e cabeçalhos fixos.

Como funciona

  • Insira seu código HTML e CSS nos campos correspondentes para definir a estrutura e o estilo do documento.
  • Configure as margens, o tamanho da página e as opções de escala conforme a necessidade do seu projeto.
  • Utilize os campos de cabeçalho e rodapé com tags especiais para incluir numeração de páginas automática.
  • Clique em converter para renderizar o conteúdo via navegador headless e baixar seu arquivo PDF finalizado.

Casos de uso

Geração automatizada de faturas e recibos corporativos com design personalizado.
Criação de relatórios técnicos e dashboards exportáveis a partir de interfaces web.
Conversão de artigos ou documentações online para arquivos PDF prontos para impressão.

Exemplos

1. Relatório Financeiro Mensal

Analista Financeiro
Contexto
O analista precisa transformar um dashboard de vendas em um relatório PDF mensal para a diretoria.
Problema
O layout precisa ser idêntico ao da web, incluindo gráficos e cores de fundo, com numeração de páginas.
Como usar
Cole o HTML do dashboard, ative 'Imprimir fundo' e configure o rodapé com a tag de página.
Configuração de exemplo
{"printBackground": true, "footerTemplate": "<div style='font-size:10px; text-align:center;'>Página <span class='pageNumber'></span> de <span class='totalPages'></span></div>"}
Resultado
Um PDF profissional com todas as cores preservadas e numeração de página correta.

2. Documentação Técnica

Desenvolvedor
Contexto
Documentação de API escrita em HTML que precisa ser distribuída como manual em PDF.
Problema
A necessidade de margens específicas para encadernação e suporte a estilos de impressão.
Como usar
Defina as margens em mm e selecione 'Preferir tamanho de página CSS' para respeitar o layout definido no arquivo de estilo.
Configuração de exemplo
{"marginTop": 25, "marginBottom": 25, "marginLeft": 20, "marginRight": 20, "preferCssPageSize": true}
Resultado
Um manual técnico com margens precisas para impressão e formatação otimizada para leitura.

Testar com amostras

html, pdf

Hubs relacionados

FAQ

Posso usar CSS personalizado no meu PDF?

Sim, você pode inserir estilos CSS no campo dedicado para controlar fontes, cores, espaçamentos e o layout geral do documento.

Como adiciono números de página ao PDF?

Use as tags `<span class="pageNumber"></span>` e `<span class="totalPages"></span>` dentro do seu modelo HTML de cabeçalho ou rodapé.

A ferramenta suporta @media print?

Sim, a ferramenta utiliza um navegador headless que interpreta corretamente as regras de `@media print` e `@page` do seu CSS.

É possível imprimir o fundo (background) do HTML?

Sim, basta marcar a opção 'Imprimir fundo' nas configurações para garantir que cores e imagens de fundo sejam renderizadas no PDF.

Qual a diferença entre 'load' e 'networkidle0'?

'load' aguarda o carregamento da página, enquanto 'networkidle0' aguarda até que não haja conexões de rede ativas por pelo menos 500ms, ideal para páginas com scripts.

Documentação da API

Ponto final da solicitação

POST /pt/api/tools/html-to-pdf-precise

Parâmetros da solicitação

Nome do parâmetro Tipo Requerido Descrição
htmlContent textarea Sim -
cssContent textarea Não -
pageSize select Não -
landscape checkbox Não -
printBackground checkbox Não -
scale number Não -
marginTop number Não -
marginBottom number Não -
marginLeft number Não -
marginRight number Não -
headerTemplate textarea Não -
footerTemplate textarea Não -
mediaType select Não -
waitUntil select Não -
waitTime number Não -
preferCssPageSize checkbox Não -

Formato de resposta

{
  "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)"
}
Arquivo: Arquivo

Documentação de MCP

Adicione este ferramenta à sua configuração de servidor MCP:

{
  "mcpServers": {
    "elysiatools-html-to-pdf-precise": {
      "name": "html-to-pdf-precise",
      "description": "Renderize HTML/CSS em PDF com cabeçalho, rodapé e ajustes precisos",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=html-to-pdf-precise",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Você pode encadear várias ferramentas, ex: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, máx 20 ferramentas.

Se você encontrar algum problema, por favor, entre em contato conosco em [email protected]