JSFiddle - React, Tailwind, and code Playground

by Valerie Ren

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/jspdf/0.9.0rc1/jspdf.js"></script>
           <div id="content">
     <h3>Hello, this is a H3 tag</h3>

    <p>a pararaph</p>
         </div>
         <div id="editor"></div>
          <a href="#" id="cmd">generate PDF</a>

CSS

body { padding: 40px }

JavaScript

$(document).ready(function(){ 
var doc = new jsPDF();

// 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, {
          'width': 170, 
          'elementHandlers': specialElementHandlers
        });
        doc.save('sample-file.pdf');
    });
});