jsPDF .fromHTML() Tutorial to Convert HTML Div Paragraphs to PDF Document in Javascript Full Project For Beginners







<!DOCTYPE html>
        <title> Reading </title>
        <meta charset="utf-8" />
    <body id="target">
        <div id="page-content">
            <h1 style="color: #fbceb5; background-color: 2d334a;
            background: linear-gradient(to left, #6e5773 , #d8b5b5);" >
                The Magic Of Reading </h1>

                Reading is probably one of the most beneficial and feasible activities that a man can do.
                It is through reading that a person is going to be able to discover new ideas, concepts, places, and people.
                Some people even describe reading as a journey that starts as the opening of a page, and finishes as the last page is turned.
                The reason why reading is so important is because reading is relaxing to our mind and soul; it is a way for children to reach out to the world,
                and it improves our thinking process.

        <div style="text-align: center;">
        <button id="click-button" style="background-color:rosybrown; border-color: rosybrown; height: 35px;"> Convert to PDF </button>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="index.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.5.3/jspdf.min.js"></script>

var specialElementHandlers = {
    "#editor": function(element, rendrer){
        return true;

    var myDocument = new jsPDF();
    myDocument.fromHTML($("#target").html(), 15, 15, {
        "elementHandlers": specialElementHandlers






Leave a Reply