Javascript Data indesejada no pdf

João pedro chaves · 14 de maio de 2021

Olá bom dia, boa tarde, boa noite, estou montando um site que precisa baixar/imprimir um arquivo em pdf ja fiz o botão, bonitinho, funciona, porém quando eu clico nele ele cria o pdf porém coloca uma data acima do texto, então eu gostaria que vcs me ajudassem a tirar isso, se tiver como se não tiver como tirar, esconder.

<>

<script>
    function CriaPDF() {
        const carta = document.getElementById('carta').innerHTML;
        let style = "<style>";
        style = style + "table {width: 100%;font: 20px Calibri;}";
        style = style + "table, th, td {border: solid 1px #DDD; border-collapse: collapse;";
        style = style + "padding: 2px 3px;text-align: center;}";
        style = style + "</style>";
        const win = window.open('', '', 'height=700,width=700');
        win.document.write('<html lang="pt-br">');
        win.document.write(style);              
        win.document.write('</head>');
        win.document.write('<body>');
        win.document.write(carta);             
        win.document.write('</body></html>');

win.document.close();

win.print();

}

</script>

JorgeGus · 14 de maio de 2021

Já testou em outros browsers? Posso estar enganado, mas acho que isso se deve à opção "Imprimir cabeçalhos e rodapés" do browser que por padrão geralmente vem marcado e não sei se é possível mudar com Javascript.

Rui Guilherme · 17 de maio de 2021

@João pedro chaves O Window.print() por padrão coloca esses valores, para remover eles basta colocar isso na head do html ou no seu css:

<style type="text/css" media="print">
    @page {
        size: auto;
        margin: 0mm;
    }
</style>

João pedro chaves · 17 de maio de 2021

16 horas atrás, Rui Guilherme disse:
@João pedro chaves O Window.print() por padrão coloca esses valores, para remover eles basta colocar isso na head do html ou no seu css:
<style type="text/css" media="print">
    @page {
        size: auto;
        margin: 0mm;
    }
</style>

Olá eu coloquei isso e não foi continuou na mesma.

Rui Guilherme · 17 de maio de 2021

@João pedro chaves

Outra solução é aplicar esse código direto no style da página, segue a modificação:


function CriaPDF() {
        const carta = document.getElementById('carta').innerHTML;
        let style = "<style>";
        style = style + "table {width: 100%;font: 20px Calibri;}";
  		// modificação abaixo
        style = style + "@page { size: auto; margin: 0mm; }"
  		// modificação acima
        style = style + "table, th, td {border: solid 1px #DDD; border-collapse: collapse;";
        style = style + "padding: 2px 3px;text-align: center;}";
        style = style + "</style>";
        const win = window.open('', '', 'height=700,width=700');
        win.document.write('<html lang="pt-br">');
        win.document.write(style);              
        win.document.write('</head>');
        win.document.write('<body>');
        win.document.write(carta);             
        win.document.write('</body></html>');

win.document.close();

win.print();

}

Caso você queira testar, segue o link: https://codepen.io/ruiguilherme/pen/yLMaVvp

Se mesmo assim não funcionar... Talvez você esteja em uma versão antiga do Firefox: talvez adicionar o moznomarginboxes mozdisallowselectionprint na tag html também pode ajudar:

<!-- resto do código -->
<html moznomarginboxes mozdisallowselectionprint>
  <!-- resto do código -->
</html>

mozNoMarginBoxes pode não fazer efeito nas versões novas do Firefox: https://bugzilla.mozilla.org/show_bug.cgi?id=1260480

Lembra-se: Mantenha seu Firefox atualizado.

João pedro chaves · 17 de maio de 2021

@Rui Guilherme cara obrigado pela atenção e a ajuda, eu usei os dois métodos, o primeiro não havia funcionado a princípio, porque eu usei no head não no body foi descuido meu, mas obrigado.