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 ` ` e ` ` 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.

Elysia Tools

Navegação

Document Tools

HTML para PDF (Layout Preciso)

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

Detalhes

O que esta ferramenta ajuda você a fazer

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")

Execução

Executar esta ferramenta

Preencha o formulário, execute a ferramenta e veja o resultado no mesmo lugar.

Entradas

As opções estão agrupadas para deixar formulários longos mais fáceis de revisar.

16 opções

ConteúdoCole ou digite os valores principais.4

Conteúdo HTMLtextareaObrigatórioCSS personalizadotextareaOpcionalModelo de cabeçalho (HTML)textareaOpcionalModelo de rodapé (HTML)textareaOpcional

ConfiguraçõesAjuste formatos, intervalos, números e modos.9

Tamanho da páginaselectOpcionalEscalanumberOpcionalMargem superior (mm)numberOpcionalMargem inferior (mm)numberOpcionalMargem esquerda (mm)numberOpcionalMargem direita (mm)numberOpcionalTipo de mídiaselectOpcionalAguardar atéselectOpcionalEspera extra (ms)numberOpcional

AlternânciasAtive ou desative comportamentos opcionais.3

PaisagemcheckboxOpcionalAtivo quando marcadoImprimir fundocheckboxOpcionalAtivo quando marcadoPreferir tamanho de página CSScheckboxOpcionalAtivo quando marcado

Resultado

Pronto para executar

Depois de executar, arquivos, texto, dados estruturados ou saída em streaming aparecerão aqui.

Exemplos

Exemplos compatíveis com esta ferramenta

Relacionado

HTML para PDF (Layout Preciso)

O que esta ferramenta ajuda você a fazer

Executar esta ferramenta

Entradas

Resultado

Exemplos compatíveis com esta ferramenta

Continue com ferramentas e temas relacionados

Entradas

Resultado

Veja quando usar esta ferramenta, o que ela suporta e como os usuários a aplicam.

Fatos principais

Visão geral

Quando usar

Como funciona

Casos de uso

Exemplos

1. Relatório Financeiro Mensal

2. Documentação Técnica

Perguntas frequentes

Exemplos PDF

Exemplos de Apresentacoes Markdown

Amostras HTML

Amostras de HTML com Imagens

Renderizador HTML para PDF

HTML de email para PDF

Fragmentos de Cabeçalho/Rodapé PDF

Gerador de Faturas PDF

Ferramentas de extração, limpeza e exportação de HTML para Markdown/PDF

Ferramentas de Workflow para Layout e Publicacao de PDF Pronto para Impressao

Ferramentas de Extração, Limpeza e Entrega de HTML

Ferramentas de conversao PDF e exportacao documental