Issue with fromhtml method in jspdf lib

Question

I need to convert html to pdf and I found jspdf lib. But I ran into a ropblem. If  tag contains some text inside like this: text text it not works. I have a following error in console:

Uncaught TypeError: Cannot read property '1' of undefined at Renderer.renderParagraph (from_html.js:967) at Renderer.setBlockBoundary (from_html.js:1018) at DrillForContent (from_html.js:529) at DrillForContent (from_html.js:497) at from_html.js:669 at done (from_html.js:539) at loadImgs (from_html.js:569) at process (from_html.js:667) at Object.jsPDFAPI.fromHTML (from_html.js:1105) at saveDocument (index.js:17)

In script imports I have next modules:

jquery.min.js
jspdf.min.js
split_text_to_size.js
from_html.js
standard_fonts_metrics.js

HTML:

<div id="blank"> <p>some text<br /><br />another text</p> </div> <button onclick="saveDocument();">Save PDF</button>

JavaScript:

function saveDocument() { var pdf = new jsPDF(); var content = $('#blank').html(); pdf.fromHTML(content, 15, 15, { 'width': 170 }); pdf.save('document.pdf'); }

I don't now how to fix it?

Monarth Sarvaiya · Accepted Answer · 2019-09-18 11:09:19Z

1

you have to use separate  tag:

<p>some text</p><br /><br /> <p>another text</p>

answered Sep 18, 2019 at 11:09

Monarth Sarvaiya

1,1268 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Amer · Accepted Answer · 2020-01-11 07:03:45Z

End up using https://www.npmjs.com/package/html2pdf-fix-jspdf which is typically a wrapper on jspdf.

Separate p tags was not possible in my case and I tried all possible solutions for this. Like using

and \r\n but nothing works in my case.

Just sharing as it might be helpful

RähMÿ ÃtHÅš · Accepted Answer · 2023-10-23 05:41:19Z

in my case, i used: replace(/ /ig, ' '); it worked

var htmlContent = $('#response-container').html(); htmlContent = htmlContent.replace(/<br>/ig, '<p><br></p>'); doc.fromHTML(htmlContent, 15, 15, { 'width': 170, 'elementHandlers': specialElementHandlers }); doc.save('sample-file.pdf');

Your answer could be improved with additional supporting information. Please edit to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers in the help center.

Collectives™ on Stack Overflow

Issue with fromhtml method in jspdf lib

3 Answers 3

Comments

Comments

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Related