fromHTML long text no page break

[JoseMunozHerrera]

Thank you for submitting an issue to jsPDF. Please read carefully.

Are you using the latest version of jsPDF?
yes

Have you tried using jspdf.debug.js?
no

Steps to reproduce

http://jsbin.com/xopudid/edit?html,js,output

What I saw
If you have a long text using fromHTML jsPDF does not break the page. In the example I send if you generate the pdf it doesn't create a second page. Is that right?

What I expected

to have a second page.

[dnndiva]

Hi Jose, had the same issue, but found the solution, at least for the HTML plugin usage.

Add the commented page break to the html or source
""

[JoseMunozHerrera]

Hi, I know that "" jumps to next page but if I have a long text I don't know when is the end of the page to add a "".
I think if you open the jsbin you will get my point
Regards

[JoseMunozHerrera]

Hi,

I checked the code and I did a modification because on first page it inits with:
q BT 0 g 57.00 758.89 Td
but when jumps to next page it inits with something more ( rgb... )
q BT 0 g 57.00 770.89 rgb(0, 0, 0) Td

So I deleted the style.color part in the line:

https://github.com/MrRio/jsPDF/blob/master/plugins/from_html.js#L802

So code was
this.y = this.pdf.margins_doc.top; this.pdf.internal.write("q", "BT 0 g", this.pdf.internal.getCoordinateString(this.x), this.pdf.internal.getVerticalCoordinateString(this.y), style.color, "Td"); //move cursor by one line on new page

And now is:

this.y = this.pdf.margins_doc.top; this.pdf.internal.write("q", "BT 0 g", this.pdf.internal.getCoordinateString(this.x), this.pdf.internal.getVerticalCoordinateString(this.y), "Td"); //move cursor by one line on new page

@MrRio : Could you tell me what do you think?

Thanks

[JoseMunozHerrera]

Here another example with the error, so first page is shown but consecutive pages don't:

http://jsbin.com/puxocis/edit?html,js,console,output

[arnabk]

Is this issue fixed?

[Uzlopak]

I think these fromHTML problems are not very hard to solve. You take the canvas-Image and slice it on page size and put on every page a slice of the image.

[Uzlopak]

#190

[dex807]

@arasabbasi - When the text is long inside the div and trying to export to PDF, it is not showing the complete text in the generated PDF. You can see demo https://plnkr.co/edit/64KOSxMgDWfRUfg2bxfo?p=preview . In the PDF the long text is not shown completely. Any workarounds to resolve this?Thanks.

[Uzlopak]

Maybe same issue like I fixed it in #1492?

[Uzlopak]

Solved by PR #1492
Merged on 11 January 2018
Will be part of next version.