Làm cách nào để xuất trang html sang pdf ở phía máy khách bằng JavaScript hoặc jQuery?

Question

Và nếu không thể thì các lựa chọn thay thế khác là gì?

Tôi đã cố chuyển đổi một trang html hoàn chỉnh thành pdf với các giá trị động nhưng tôi không thể.

Nhưng tôi thấy một số API như jspdf nhưng nó không hữu ích cho tôi.

Có thể lưu trang HTML dưới dạng tệp PDF bằng JavaScript hoặc jQuery không?

Chi tiết:

Tôi đã tạo một trang HTML chứa lưới danh sách chứa tất cả các báo cáo có sẵn theo kiểu động. Nó có một nút 'lưu dưới dạng PDF'. Nếu người dùng nhấp vào nút này thì trang HTML sẽ được chuyển đổi thành tệp PDF.

Có thể sử dụng JavaScript hoặc jquery không?

Answer 1

Có thể thực sự với pdf.js Plugin pdf.js là một thử nghiệm HTML5 mà tìm hiểu việc xây dựng một trung thành và renderer PDF hiệu quả mà không cần sự hỗ trợ mã nguồn gốc.

Online Demo

Github Link

JSFIDDLE DEMO

Answer 2

Bạn cần phải sử dụng bất kỳ thư viện tạo pdf. Bạn chưa quy định, trong đó công nghệ bạn đang làm việc (Php, .net hoặc bất cứ điều gì khác)

Trong PHP bạn có thể sử dụng TCPDF thư viện, Nơi bạn có thể vượt qua html để tạo 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, ''); 

đâu $ pdfHtml sẽ được trang html của bạn

trong trường hợp của bạn khi nhấp vào 'Save as PDF' nút bạn có thể nhận được bằng cách sử dụng html html() phương pháp jquery

ví dụ.

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

bằng cách thông qua pageHtml trang ajax, Bạn có thể tạo pdf trong trang ajax

Answer 3

Vâng, nếu tôi đã có câu hỏi của bạn đúng cách sau đó u cần phải Export a Table Data as PDF?

Nếu có, vui lòng xem datatables.js với ví dụ đơn giản here.

Ngoài ra, hãy xem use BytescoutPDF.js (Bytescout PDF Generator for JavaScript) to draw PDF invoice và JSPDF bạn có thể xem chi tiết here.

Answer 4

jsPDF có một renderer HTML nhưng nó là trong giai đoạn đầu:

https://github.com/mrrio/jsPDF

http://parall.ax/products/jspdf

Nhưng giải pháp tốt nhất là một trong những từ mujaffars. Người dùng AJAX và một thư viện PDF ổn định được viết bằng PHP như FPDF, PDFLib, TCPDF và những người khác