JSFiddle - React, Tailwind, and code Playground

by Leonardo Trimarchi

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.4/jspdf.debug.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"></script>
<div id="content"  >
            <div  style="border: solid; width: 300px ">
             <p>
             Lorem Ipsum
             </p><br/>
             Some more lorem ipsum<br/>
             <b>Have another</b>
             </div>
              </div>
               <button type="button" id="cmd" class="btn btn-primary">Print div with border</button>

JavaScript

$(document).ready(function () {
    var doc = new jsPDF('p', 'pt', 'letter');

    // We'll make our own renderer to skip this editor
    var specialElementHandlers = {
        '#editor': function (element, renderer) {
            return true;
        }
    };

    $('#cmd').click(function () {
        doc.fromHTML($('#content').get(0), 15, 15, {
         
            'elementHandlers': specialElementHandlers
        });
     
        doc.save('sample-file.pdf');
    });
});