2
respostas

[Dúvida] html2pdf

Boa tarde pessoal, poderiam me tirar uma duvida? Estou criando um site para gerar um curriculo em pfd (usando o html2pdf), o problema é que gostaria que a pagina de curriculo em si não aparecesse para o usuário. Se coloco o display none ele não pegar o conteudo do curriculo. Sera que tenho que criar todo o curriculo via dom?

link do github: https://github.com/dimiendrixmmiranda/gerador-curriculo

2 respostas

Olá, Dimi! Como vai?

A biblioteca html2pdf que você está utilizando, na verdade, precisa do conteúdo HTML para gerar o PDF, por isso quando você coloca display:none, o conteúdo não é capturado.

Uma alternativa para contornar isso seria criar uma cópia do conteúdo do currículo em um elemento HTML oculto. Você pode fazer isso com JavaScript. Aqui está um exemplo de como você pode fazer isso:

// Cria um novo elemento div
var div = document.createElement('div');

// Copia o conteúdo do currículo para o novo div
div.innerHTML = document.getElementById('curriculo').innerHTML;

// Oculta o novo div
div.style.display = 'none';

// Adiciona o novo div ao corpo do documento
document.body.appendChild(div);

// Agora você pode usar o novo div para gerar o PDF
html2pdf().from(div).save();

Neste exemplo, 'curriculo' seria o id do elemento que contém o currículo. O novo div é oculto, então não será visível para o usuário, mas ainda assim será capturado pela biblioteca html2pdf.

Espero ter ajudado e bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓.

cara ja tentei de tudo e não resolveu, agora nem colocando direto via dom ele vai, não sei se estou errando em alguma configuração das options ou algo do tipo. Achei interessante essa biblioteca mas não sei se ela tem muitos bugs ou se é eu que não estou sabendo usar. Fiz um novo commit atualizando o que ja viz se puder dar uma olhada agradeço

ink do github: https://github.com/dimiendrixmmiranda/gerador-curriculo