Multipage PDF using jsPDF.html() method

[ihor-hrechka]

Hi!

I'm trying to do next:

var doc = new jsPDF({ orientation: 'p', format: 'a4'  });
doc.html(document.getElementById('test'), {
   callback: function (doc) {
      doc.addPage('a4', 'p');
      doc.html(document.getElementById('test'), {
         callback: function (doc) {
            doc.output('dataurlnewwindow');
      }
   }
}

First page generated correctly, but second is always blank. Can it be fixed somehow?

Thanks in advance!

[Uzlopak]

You did not provide reproducable test case. Please provide it.

[ihor-hrechka]

Html element:

<div id='multipage-print-test'>Test multipage PDF creation...</div>

JavaScript:

window.onload = function () {
   var doc = new jsPDF({ orientation: 'p', format: 'a4' });

   doc.html(document.getElementById('multipage-print-test'), {
          callback: function (doc) {
              doc.addPage('a4', 'p');
              doc.html(document.getElementById('multipage-print-test'), {
                  callback: function (doc) {
                      doc.output('dataurlnewwindow');
                  }
              });
          }
      });
}

Result:

[anishaswain]

Is this issue still active? I was facing the same error and had to do lot of customization to achieve the same. I would love to work on this feature.

[github-actions]

This issue is stale because it has been open 90 days with no activity. It will be closed soon. Please comment/reopen if this issue is still relevant.

[Jigisha-sublime]

Can anyone please clarify that is it a bug or we can have any workaround for this?
this feature is really important for repeating header with multiple pages in HTML to pdf.

[HenrikClausen]

I would say its still wery relevant.
Unless someone knows a better way of mixing normal/bold/underline/italic text in same block.

[prasheel888]

Has Anyone got any solution regarding these I'm having the same issue, my All Pages after 1st page exporting blank.

[murugandevcare]

Html element:

<div id='multipage-print-test'>Test multipage PDF creation...</div>

JavaScript:

window.onload = function () {
   var doc = new jsPDF({ orientation: 'p', format: 'a4' });

   doc.html(document.getElementById('multipage-print-test'), {
          callback: function (doc) {
              doc.addPage('a4', 'p');
              doc.html(document.getElementById('multipage-print-test'), {
                  callback: function (doc) {
                      doc.output('dataurlnewwindow');
                  }
              });
          }
      });
}

Result:

Any Solutions?

I am facing same issue. Does anyone find some solution or hack (work around) ?

[kschwarz1980]

Same issue for me: I am generating my PDF content mainly with functions like rect, lines, text, and addImage, leading to a very precice PDF document with several pages, header and footer content with page count and using the fonts I added with the help of fontconverter (https://rawgit.com/MrRio/jsPDF/master/fontconverter/fontconverter.html).
But: I do also have some content that comes from an rich text editor, that should be shown within the PDF generated with the above mentioned functions. On earlier projects I've used jsPDF 1.5.3, where the function "fromHTML" was very useful for that. From verion 2.0.0 on this and other functions (like addHTML) have been removed and replaced by the html function, which I am now not am able to get working similar to the fromHTML function.

To sum it up: I'd need an approach to both combine text without HTML tags with text coming with HTML tags (like: This is <b>important</b> or <span style="color: red; font-weight: bold">Alert: This is dangerous!</span>) to support text coming from rich text editors.

[Shadowfita]

I am experiencing this issue as well.