Skip to main content
formatação aperfeiçoada
Fonte Link
NoobSaibot
  • 9,8mil
  • 6
  • 29
  • 53

Utilizei JqueryjQuery e jsPDFjsPDF para gerar PDFPDF do conteúdo de uma DIVDIV, o código criado:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.5/jspdf.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.min.js"></script>

<div id="geraPDF">
   [conteudo1]
   [conteudo2]
   [conteudo3]
</div>

<button class="btn btn-danger" id="btnPDF">Gerar PDF</button>

<script type='text/javascript'>
$(document).ready(function(){
    $('#btnPDF').click(function() {
        var doc = new jsPDF('landscape');
        doc.addHTML($('#geraPDF'), function() {
        doc.save("relatorio_pesquisa.pdf");
        });
    });
});
</script>

Porém o PDFPDF gerado exibe somente parte do conteúdo, apenas [conteudo1], [conteudo2]. O [conteudo3] não está sendo exportado.

Creio que pelo conteúdo serser extenso, está gerando somente uma página e não sei configurar os parâmetros de jsPDFjsPDF para dar continuidade no número de páginas, ou página contínua, já li o conteúdo do site oficial porém é carente de informações.

Utilizei Jquery e jsPDF para gerar PDF do conteúdo de uma DIV, o código criado:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.5/jspdf.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.min.js"></script>

<div id="geraPDF">
   [conteudo1]
   [conteudo2]
   [conteudo3]
</div>

<button class="btn btn-danger" id="btnPDF">Gerar PDF</button>

<script type='text/javascript'>
$(document).ready(function(){
    $('#btnPDF').click(function() {
        var doc = new jsPDF('landscape');
        doc.addHTML($('#geraPDF'), function() {
        doc.save("relatorio_pesquisa.pdf");
        });
    });
});
</script>

Porém o PDF gerado exibe somente parte do conteúdo, apenas [conteudo1], [conteudo2]. O [conteudo3] não está sendo exportado.

Creio que pelo conteúdo ser extenso, está gerando somente uma página e não sei configurar os parâmetros de jsPDF para dar continuidade no número de páginas, ou página contínua, já li o conteúdo do site oficial porém é carente de informações.

Utilizei jQuery e jsPDF para gerar PDF do conteúdo de uma DIV, o código criado:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.5/jspdf.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.min.js"></script>

<div id="geraPDF">
   [conteudo1]
   [conteudo2]
   [conteudo3]
</div>

<button class="btn btn-danger" id="btnPDF">Gerar PDF</button>

<script type='text/javascript'>
$(document).ready(function(){
    $('#btnPDF').click(function() {
        var doc = new jsPDF('landscape');
        doc.addHTML($('#geraPDF'), function() {
        doc.save("relatorio_pesquisa.pdf");
        });
    });
});
</script>

Porém o PDF gerado exibe somente parte do conteúdo, apenas [conteudo1], [conteudo2]. O [conteudo3] não está sendo exportado.

Creio que pelo conteúdo ser extenso, está gerando somente uma página e não sei configurar os parâmetros de jsPDF para dar continuidade no número de páginas, ou página contínua, já li o conteúdo do site oficial porém é carente de informações.

Fonte Link
ElvisP
  • 1,5mil
  • 1
  • 16
  • 44

Usando jsPDF para gerar PDF

Utilizei Jquery e jsPDF para gerar PDF do conteúdo de uma DIV, o código criado:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.5/jspdf.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.min.js"></script>

<div id="geraPDF">
   [conteudo1]
   [conteudo2]
   [conteudo3]
</div>

<button class="btn btn-danger" id="btnPDF">Gerar PDF</button>

<script type='text/javascript'>
$(document).ready(function(){
    $('#btnPDF').click(function() {
        var doc = new jsPDF('landscape');
        doc.addHTML($('#geraPDF'), function() {
        doc.save("relatorio_pesquisa.pdf");
        });
    });
});
</script>

Porém o PDF gerado exibe somente parte do conteúdo, apenas [conteudo1], [conteudo2]. O [conteudo3] não está sendo exportado.

Creio que pelo conteúdo ser extenso, está gerando somente uma página e não sei configurar os parâmetros de jsPDF para dar continuidade no número de páginas, ou página contínua, já li o conteúdo do site oficial porém é carente de informações.