JSFiddle - React, Tailwind, and code Playground

by Leonid Artemev

HTML

<script src="https://parall.ax//parallax/js/jspdf.js"></script>
<div id="test">fsdfdfsdfsdfsdfsdfsdfsfsdfsdfdfdsfsdfsdfsdfsdfsdfsdfsdfsdfdsfsdfsfsdfsdfsdfdsfdsfdsfdsfdsfdsfsdfsdfdsfsdfdsfsdfdsfdsfdsfsdfdsfdsfdsfsdfsdfdsfsdfdsfdsfsdfd</div>

CSS

#test{
    position:absolute;
    width:50px;
    overflow:hidden;
    word-wrap:break-word;
}

JavaScript

var doc = new jsPDF();

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

// All units are in the set measurement for the document
// This can be changed to "pt" (points), "mm" (Default), "cm", "in"
doc.fromHTML($('#test').get(0), 15, 15, {
	'width': 170, 
	'elementHandlers': specialElementHandlers
});

$('#test').on('click', function(){
    doc.save('tt.pdf');
})