How to handle PDF pagination in PhantomJS

node.js pdf pdf-generation phantomjs
Rayjax picture Rayjax · Jun 11, 2013 · Viewed 25.7k times · Source

I am using PhantomJS to create PDFs from html.

It works fine, but I can't find out how to work with pagination; I want to create a page for each div in my document, but I can't find anything in the doc. about pagination.

If my document is short, it makes only one page, and if it is bigger, it creates one second empty page and my contents are in the first page which becomes very long.

Any idea ? (I am using phantomJS-node module for nodeJS)

Answer

Cybermaxs picture Cybermaxs · Jun 11, 2013

PhantomJS takes care of webkit’s css implementation. To implement manual page breaks you can use these properties :

  • page-break-before : auto/always/avoid/...
  • page-break-inside : auto/always/avoid/...
  • page-break-after : auto/always/avoid/...

For example, a div can be : 

 <div style="page-break-before:always;"><!-- content --></div>

or

<div style="page-break-after:always;"> <!-- content --></div>

Controlling page breaks when printing in Webkit is sometimes not easy, in particular with long html tables.

Related questions

How can I create a customized version of an existing pdf file with node.js?

I have an old system that was written in PHP a long time ago that I would like to update to node.js to allow me to share code with a more modern system. Unfortunately, one of the main features …

Read More
create pdf file using pdfkit in nodejs

I need to generate pdf file in using pdfkit in node.js: I have this code: doc = new PDFDocument; doc.pipe; fs.createWriteStream('output.pdf'); doc.fontSize(15); doc.text('Generate PDF!'); doc.end(); And it will create a pdf …

Read More
Display Pdf in browser using express js

app.post('/asset', function(request, response){ var tempFile="/home/applmgr/Desktop/123456.pdf"; fs.readFile(tempFile, function (err,data){ response.contentType("application/pdf"); response.send(data); }); }); I am a new bie to expressjs, I can't send the response with the …

Read More