Как экспортировать html-страницу в pdf на стороне клиента с помощью JavaScript или jQuery?

И если это невозможно, то каковы другие альтернативы?

Я попытался преобразовать полную html-страницу в pdf с динамическими значениями, но я не могу.

Но я видел некоторые API, такие как jspdf, но мне это не полезно.

Можно ли сохранить HTML-страницу в виде файла PDF с помощью JavaScript или jQuery?

Подробно:

Я создал одну HTML-страницу, содержащую сетку списков, которая динамически заполняла все доступные отчеты. Он имеет одну кнопку "сохранить как PDF". Если пользователь нажмет эту кнопку, страница HTML будет преобразована в файл PDF.

Возможно ли использование JavaScript или jquery?

Ответ 1

jsPDF имеет средство визуализации HTML, но оно находится на ранних этапах:

https://github.com/mrrio/jsPDF

http://parall.ax/products/jspdf

Но лучшим решением является одно из mujaffars. Пользователь AJAX и стабильная библиотека PDF, написанная на PHP, например, FPDF, PDFLib, TCPDF и другие.

Ответ 2

Хорошо, если у меня есть ваш вопрос правильно, тогда вам нужно Export a Table Data as PDF?

Если да, то посмотрите datatables.js с простым примером .

Кроме того, посмотрите используйте BytescoutPDF.js(Bytescout PDF Generator для JavaScript), чтобы нарисовать счет-фактуру PDF и JSPDF вы можете получить информацию здесь.

Ответ 3

Вам нужно использовать любую библиотеку генерации pdf. Вы не указали, в какой технологии вы работаете (Php,.net или что-то еще)

В PHP вы можете использовать библиотеку tcpdf, где вы можете передать html для генерации 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, '');

Где $pdfHtml будет вашей страницей html

В вашем случае при нажатии кнопки "Сохранить как PDF" вы можете получить html с помощью html() метода jquery

например.

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

перейдя страницу страницыHtml на ajax, вы можете создать PDF файл на странице ajax

Ответ 4

Возможно, с плагином pdf.js pdf.js - это эксперимент HTML5, в котором исследуется построение надежного и эффективного рендеринга PDF без поддержки собственного кода.

Онлайн-демонстрация

Github Link

JSFIDDLE DEMO