fromHTML is not a function when I use jsPDF in vue

[0721Betty]

<script>
import { jsPDF } from 'jspdf'
...
export default { 
    methods: {
          getPdf() {
               const printDoc = new jsPDF('p', 'in', 'letter')
               console.log('printDoc', printDoc)
               // There is no method fromHTML in what is printed，so when I use printDoc
               // the console reports error: fromHTML is not a function
          },
    },
}
</script>

[HackbrettXXX]

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.

[thepushkarraj]

thanks @HackbrettXXX

[kamildudek6]

@HackbrettXXX why was this change made !!! From my perspective a junior dev move !!!
A lot of people are struggling with this and code gets broken.

[HackbrettXXX]

@kamildudek6 simple to explain: In jsPDF@1.5.3 there were 4 different functions to convert HTML to PDF (fromHTML, addHTML, html2pdf, and html). Each had its own API and feature set. It was quite confusing for developers to decide which function to use. Since html had the most complete feature set and the most promising technological approach, it was chosen as the single HTML function for 2.0.0. The others were already marked as deprecated in 1.5.x. Between 1.5.3 and 2.0.0 developers had almost two years to port their code to html. Since a new major release with other breaking changes was already planned, it was only logical to remove all the old deprecated functions.

Another big point is maintenance and support. This project is currently maintained by a single person (me), and it is just not feasible to maintain 4 different variants of HTML functions, all with their own bugs and missing features. I hardly have the time maintain one of them properly. Please keep in mind this is an open source project, which everyone can use for free.

And, lastly, if you really want to use one of the old HTML functions, no one keeps you from installing 1.5.3 again or even forking the project and merge the old function with the 2.x code.

Also, please refrain from phrases like "junior dev move" if you don't know the details behind design decisions. That's not very kind and, IMHO, GitHub is not the right place for that. IMO, conversations on GitHub should remain purely technical and not emotional.

[jgboulay]

I'm a little lost on this as well. Since there were 4 different ways to do this conversion before what is the actual correct way? I get errors when I try the 'html' sample in the documentation. I just want to add a div from the html.
I thought this would work, but I get an promise error:
doc.html(item1Div, {x:20, y:75, maxWidth:270}, {callback: function (doc) { doc.save(screenTitle+".pdf"); } });

Can someone send me on the straight path to enlightenment?

[SandyluCH]

I'm a little lost on this as well. Since there were 4 different ways to do this conversion before what is the actual correct way? I get errors when I try the 'html' sample in the documentation. I just want to add a div from the html. I thought this would work, but I get an promise error: doc.html(item1Div, {x:20, y:75, maxWidth:270}, {callback: function (doc) { doc.save(screenTitle+".pdf"); } });

Can someone send me on the straight path to enlightenment?

doc.html(item1Div, {x:20, y:75, maxWidth:270, callback: function (doc) { doc.save(screenTitle+".pdf"); }});

[aryang23]

Even this is not working @SandyluCH

Getting error now

Uncaught TypeError: Cannot create property 'callback' on number '15'

Now it is not able to create a callback on that as that was in fromHTML

[jgboulay]

Even this is not working @SandyluCH

Getting error now

Uncaught TypeError: Cannot create property 'callback' on number '15'

Now it is not able to create a callback on that as that was in fromHTML

Even though I was able to get it the code reformatting to work, I decided to just gave up on this api, I switched to PDF-Lib as it was much less schizophrenic with better documentation. And glad I did, I was able to get what I wanted in 1/4 the time.

[aryang23]

Exactly @jgboulay
I also shifted to html2PDF which is actually a wrapper over jsPDF and suggesting everyone to do the same.
It is very simple and uses jsPDF and html2canvas only. And glad It saved a lot of time

UPDATE:
I have actually multiple canvas that I want to download and html2PDF was failing in that.
So, I had to shift to jsPDF only and it took a bit more time but with the help of documentation and issues mentioned, I'm able to get the desired output.

Hope, it helps