Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

doc.fromHTML is not a function jsPDF

Hello Im trying to save my html page to PDF and I have this code:

 <div id="content">
<h3>Hello, this is a H3 tag</h3>

<p>a pararaph</p>
</div>
<div id="editor"></div>
<button id="cmd">Generate PDF</button>

<script>
var doc = new jsPDF();
var specialElementHandlers = {
    '#editor': function (element, renderer) {
        return true;
    }
};

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

// This code is collected but useful, click below to jsfiddle link.
</script>

I uploaded to jsFiddle and works... but when I try it in my browser doesnt works and I get the error doc.fromHTML is not a function. I have the jQuery and jsPDF references exactly like jsFiddle.

Example Code

like image 317
Francisco Fernandez Avatar asked Jun 15 '16 21:06

Francisco Fernandez


2 Answers

The fromHTML function was replaced by html in 2.0.0. Unfortunately, the typings currently still contain the fromHTML method but a fix is under way.

like image 186
Alexa Avatar answered Oct 14 '22 17:10

Alexa


Add External libraries - Jquery and Jspdf js files with script tags

<script src="https://code.jquery.com/jquery-1.12.3.min.js"></script>


<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/0.9.0rc1/jspdf.min.js"></script>

Codepen - http://codepen.io/nagasai/pen/JKKNMK

like image 27
Naga Sai A Avatar answered Oct 14 '22 16:10

Naga Sai A