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
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, pdfHubs 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.