convert html to pdf using javascript

convert html to pdf using javascript

convert html to pdf using javascriptThere are many scenario when we need to generate PDF using JavaScript. It is possible to generate html to pdf using jquery and jsPDF library. It allows you to select the DOM elements                                                                                that you would wish to                                                                                    publish to PDF.
Below is the Sample Code for generating PDF.  Add libraries- JQuery and jsPDF

  

<html xmlns=”http://www.w3.org/1999/xhtml”>
<head runat=”server”>
    <title></title>
    <script src=”https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js”></script>
<script src=”https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.js”></script>
<script src=”https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.0.272/jspdf.debug.js”></script>
    <style> 
        table
            font-family: arial, sans-serif
            border-collapse: collapse
            width: 100%
        } 
 
        td, th
            border: 1px solid #dddddd
            text-align: left
            padding: 8px
        } 
 
        tr:nth-child(even)
            background-color: #dddddd
        } 
    </style>
</head>
<body>
    <form id=”form1″ runat=”server”>
             
       <table>
            <tbody> 
                <tr> 
                    <th>Company</th> 
                    <th>Contact</th> 
                    <th>Country</th> 
                </tr> 
                <tr> 
                    <td>HCL</td> 
                    <td>Maria Anders</td> 
                    <td>USA</td> 
                </tr> 
                <tr> 
                    <td>Conduent</td> 
                    <td>Francisco Chang</td> 
                    <td>UK</td> 
                </tr> 
                <tr> 
                    <td>Wipro</td> 
                    <td>Roland Mendel</td> 
                    <td>Austria</td> 
                </tr> 
                <tr> 
                    <td>NIIT Technologies LTD</td> 
                    <td>Helen Bennett</td> 
                    <td>INDIA</td> 
                </tr> 
                <tr> 
                    <td>Laughing Bacchus Winecellars</td> 
                    <td>Yoshi Tannamuri</td> 
                    <td>Canada</td> 
                </tr> 
                <tr> 
                    <td>Magazzini Alimentari Riuniti</td> 
                    <td>Giovanni Rovelli</td> 
                    <td>Italy</td> 
                </tr> 
            </tbody> 
        </table>
    </form>
</body>
     <script>
         let doc = new jsPDF(‘p’, ‘pt’, ‘a4’); 
         doc.addHTML(document.body, function () {
             doc.save(‘html.pdf’);
         });
    </script>
</html>

For more details about C# interview question you can use below site.

References
 | pdf js library
Tag | convert html page to pdf using jquery,convert webpage to pdf using javascript,export html page to pdf on user click using javascript,javascript convert html to pdf source code,convert html to pdf using jquery example,generate pdf using jquery,jspdf html to pdf,export div content to pdf using javascript
Want to Learn C#.net interview questions and answers visit below link.

33 comments

Leave a Reply

Your email address will not be published. Required fields are marked *