Hướng dẫn html to pdf javascript - html sang pdf javascript

Trong bài viết "Hướng dẫn Convert  HTML thành File PDF bằng JavaScript" , tôi sẽ trình bày cách tạo file PDF của từ một trang HTML với CSS bằng JavaScript và jQuery.Hướng dẫn Convert  HTML thành File PDF bằng JavaScript" , tôi sẽ trình bày cách tạo file PDF của từ một trang HTML với CSS bằng JavaScript và jQuery.

Để thực hiện chúng ta sẽ sử dụng thư viên JS để chuyển đổi PDF:

• JSPDF.js
• html2canvas.js

Bước 1: Tạo một trang HTML để chuyển đổi HTMl sang PDF

Thêm bảng sau vào trang HTML của bạn.

  
  
  
        
Hello
  
        
a bit about this Project:
  
        
  
            I will demonstrate how to generate PDF file of your HTML page with CSS using JavaScript and J query.  
        
  
        
  
            
  
                
  
                    
Company
  
                    
Contact
  
                    
Country
  
                
  
                
  
                    
Alfreds Futterkiste
  
                    
Maria Anders
  
                    
Germany
  
                
  
                
  
                    
Centro comercial Moctezuma
  
                    
Francisco Chang
  
                    
Mexico
  
                
  
                
  
                    
Ernst Handel
  
                    
Roland Mendel
  
                    
Austria
  
                
  
                
  
                    
Island Trading
  
                    
Helen Bennett
  
                    
UK
  
                
  
                
  
                    
Laughing Bacchus Winecellars
  
                    
Yoshi Tannamuri
  
                    
Canada
  
                
  
                
  
                    
Magazzini Alimentari Riuniti
  
                    
Giovanni Rovelli
  
                    
Italy
  
                
  
            
  
        
  
  
  
    
  

Bước 2: Thêm Style cho trang HTML này - Convert HTML To PDF

Bước 3: Thêm nút “Generate PDF ” - Convert HTML To PDF

Bước 4: Thêm thư viện sau vào trang HTML

Bước 5: Thêm đoạn code dưới để thực hiện Convert HTML To PDF

Kết quả sẽ được như trang dưới: 

Nhấp vào nút "Generatte PDF" và nhận tệp PDF như thế này.

Phần kết luận

Bạn có thể dễ dàng thêm chức năng Xuất sang PDF trong trang web mà không phụ thuộc phía máy chủ.

Chức năng tạo PDF có thể được nâng cao với các tùy chọn cấu hình jsPDF theo nhu cầu của bạn.

Cảm ơn bạn đã đọc !