chuyển đổi HTML (có Javascript) sang PDF bằng cách sử dụng JavaScript

Question

Tôi muốn chuyển đổi HTML (có chứa JavaScript) sang PDF. Làm thế nào tôi có thể làm điều đó?

Tôi chỉ muốn hiển thị những gì đang được hiển thị trong trang web. Tôi đang hiển thị một biểu đồ gantt được tạo ra bởi một thư viện JavaScript.

Bây giờ tôi muốn lưu trang web HTML đó dưới dạng PDF, cách thực hiện điều đó?

Answer 1

Chúng tôi cũng đang tìm cách chuyển đổi các tệp html với javascript phức tạp thành pdf. Các javasript trong các tập tin của chúng tôi có chứa document.write và thao tác DOM.

Chúng tôi đã thử sử dụng kết hợp HtmlUnit để phân tích các tệp và Flying Saucer để hiển thị thành pdf nhưng kết quả không đủ thỏa đáng. Nó hoạt động, nhưng trong trường hợp của chúng tôi pdf không đủ gần với những gì người dùng muốn.

Nếu bạn muốn dùng thử, đây là đoạn mã để chuyển đổi tệp html cục bộ thành pdf.

URL url = new File("test.html").toURI().toURL(); 
WebClient webClient = new WebClient(); 
HtmlPage page = webClient.getPage(url); 

OutputStream os = null; 
try{ 
    os = new FileOutputStream("test.pdf"); 

    ITextRenderer renderer = new ITextRenderer(); 
    renderer.setDocument(page,url.toString()); 
    renderer.layout(); 
    renderer.createPDF(os); 
} finally{ 
    if(os != null) os.close(); 
} 

Answer 2

Bạn có thể sử dụng iText để Java chuyển đổi sang PDF.

Using itext to convert HTML to PDF

Tôi đã sử dụng iText rất nhiều và nó rất dễ dàng và bạn tìm hiểu nó nhanh chóng.

Answer 3

dùng của trình duyệt Print...mục trình đơn, bạn có thể sử dụng một Printer Driver PDF, như PDFCreator. Bằng cách này, mọi JavaScript được bao gồm trong trang đều được trình duyệt xử lý khi trang được hiển thị.

PDFCreator là công cụ miễn phí để tạo tệp PDF từ gần như bất kỳ ứng dụng Windows nào.

• Tạo file PDF từ bất kỳ chương trình nào có thể in

Answer 4

Sử dụng một widget trình duyệt (like the one from SWT) để vẽ biểu đồ như một hình ảnh, và sau đó sử dụng iText để tạo PDF từ đó.

Answer 5

Với Docmosis hoặc JODReports bạn có thể ăn HTML và Javascript của bạn vào tài liệu quá trình mà có thể tạo ra PDF hoặc doc hoặc các định dạng khác render. Việc chuyển đổi bên dưới được thực hiện bởi OpenOffice để kết quả sẽ phụ thuộc vào các bộ lọc nhập OpenOffice. Bạn có thể thử bằng tay bằng cách lưu trang web của bạn vào một tệp, sau đó tải bằng OpenOffice - nếu có vẻ đủ tốt, thì những công cụ này sẽ có thể cung cấp cho bạn kết quả tương tự dưới dạng PDF.

Answer 6

Sao chép và dán mã này vào trang web của bạn để cung cấp liên kết sẽ chuyển đổi trang thành trang PDF.

<a href="javascript:void(window.open('http://www.htmltopdfconverter.net/?convert='+window.location))">Convert To PDF</a> 

Answer 7

Hãy thử TableExport, một plugin jQuery.

https://github.com/kayalshri/tableExport.jquery.plugin

Answer 8

PhantomJS có tiềm năng để đạt được điều này với nó chụp chức năng mà còn hỗ trợ PDF.

Trong trường hợp bạn muốn thứ gì đó tương tác được trên dòng lệnh; Tôi đã cố gắng xây dựng một ứng dụng cho cái gọi là Nota (vẫn còn trong giai đoạn trứng nước). Nó cho phép JavaScript hiển thị/thao tác và sau đó chụp trang dưới dạng PDF.

Answer 9

tôi khuyên bạn nên sử dụng wkhtmltopdf: http://wkhtmltopdf.org/

Answer 10

Kiểm tra này ra http://www.techumber.com/2015/04/html-to-pdf-conversion-using-javascript.html

Về cơ bản bạn cần phải sử dụng html2canvas và jspdf để làm cho nó làm việc. Trước tiên, bạn sẽ chuyển đổi dom của bạn thành hình ảnh và sau đó bạn sẽ sử dụng jspdf để tạo pdf với hình ảnh.

EDIT: Lưu ý ngắn về cách hoạt động của nó. Chúng tôi sẽ sử dụng hai thư viện để thực hiện công việc này. http://html2canvas.hertzen.com/ và https://github.com/MrRio/jsPDF Trước tiên, chúng tôi sẽ tạo hình ảnh dom bằng cách sử dụng html2canvas chúng tôi sẽ sử dụng phương pháp jspdf addImage để thêm hình ảnh đó vào pdf. Nó có vẻ đơn giản nhưng có vài lỗi trong jsPdf và html2cavas vì vậy bạn có thể cần phải thay đổi phong cách dom tạm thời. Hy vọng điều này sẽ hữu ích.

Answer 11

Bạn có thể làm điều đó bằng cách sử dụng plugin jquery,

this is the link. Tuy nhiên hướng dẫn của nó có thể không làm việc, vì vậy sử dụng liên kết này để có được các plugin, nó làm việc

Sử dụng mã này để liên kết các nút ...

$(document).ready(function() { 
    $("#button_id").click(function() { 
     window.print(); 
     return false; 
    }); 
}); 

Liên kết này có thể cũng hữu ích: 10 jQuery PrintPdf Page Options