Export HTML page into PDF File using Javascript


This post help you download your entaire webpage in pdf format using javascript based on id. But this script will work only for content, it will not accept any styles you are used in website.

It will work based on id , I am using id name is pdfdiv so this section only will export as a pdf remaining content it wont take.

It is also use to take a print the webpage using pdf file. You also find another method to take print the webpage click Here

export webpage to pdf


JavaScript Code for Export pdf file

<script type="text/javascript">
$(window).on('load', function() {
var doc = new jsPDF();
var specialElementHandlers = {
    '#editor': function (element, renderer) {
        return true;
    }
};
$('#pdfview').click(function () {
    doc.fromHTML($('#pdfdiv').html(), 15, 15, {
        'width': 700,
            'elementHandlers': specialElementHandlers
    });
    doc.save('file.pdf');
});
});
</script>


Simple Html Code to Convert pdf

 <div id="pdfdiv">
     <h3 style="color:green;">WWW.SANWEBCORNER.COM</h3>
<img src="404.png">
    <p>a pararaph</p>
</div>
<div id="editor"></div>
<button id="pdfview">Download PDF</button>


Post a Comment

0 Comments