2013-08-27 30 views
12

E se non è possibile, quali sono le altre alternative?Come esportare una pagina html in pdf sul lato client usando JavaScript o jQuery?

Ho provato a convertire una pagina html completa in pdf con valori dinamici ma non ci riesco.

Ma ho visto alcune API come jspdf ma non è utile per me.

È possibile salvare una pagina HTML come file PDF utilizzando JavaScript o jQuery?

In dettaglio:

ho generato una pagina HTML che contiene una griglia lista che popola tutti i rapporti disponibili in modo dinamico. Ha un pulsante 'salva come PDF'. Se l'utente fa clic su questo pulsante, la pagina HTML verrà convertita in un file PDF.

È possibile utilizzare JavaScript o jquery?

+0

non è possibile farlo sul clientide, è necessario almeno un file php che genera un file pdf per te se vuoi coprire un completa la pagina html in pdf anche possibile duplicato di http://stackoverflow.com/questions/6896592 http://stackoverflow.com/questions/742271 http://stackoverflow.com/questions/10975694 –

+1

possibile duplicato di [E 'possibile per salvare la pagina HTML come PDF utilizzando JavaScript o jQuery?] (http://stackoverflow.com/questions/6896592/is-it-possible-to-save-html-page-as-pdf-using-javascript-or-jquery) –

+0

puoi anche usare la funzione di stampa nei browser ma ha più senso e funziona sempre per usare AJAX + un convertitore basato su PHP come TCPDF –

risposta

-7

è possibile anzi con pdf.js plug pdf.js è un esperimento HTML5 che esplora la costruzione di un fedele ed efficiente renderer PDF senza assistenza codice nativo.

Online Demo

Github Link

JSFIDDLE DEMO

+4

pdf.js legge solo file PDF e genera dati HTML da esso, quindi questo è il wron g direction –

0

È necessario utilizzare qualsiasi libreria generando pdf. Non hai specificato in cui la tecnologia si sta lavorando (PHP, .net o qualsiasi altra cosa)

In PHP è possibile utilizzare TCPDF biblioteca, dove è possibile passare html per generare pdf

$pdf = new TCPDF(PDF_PAGE_ORIENTATION, PDF_UNIT, PDF_PAGE_FORMAT, true, 'UTF-8', false); 
$pdf->AddPage(); 
$pdf->writeHTML($pdfHtml, true, false, true, false, ''); 

Dove $ pdfHtml volontà essere la vostra pagina html

Nel tuo caso quando si fa clic su 'Salva come PDF' pulsante è possibile ottenere HTML utilizzando HTML() di jQuery

ad es.

var pageHtml = $('html').html(); 

passando pageHtml alla pagina ajax, è possibile creare pdf in pagina ajax

+8

Il titolo afferma chiaramente che 'in client side', php, .net e altre tecnologie lato server sono fuori questione. – package

Problemi correlati