kevinokerlund / print-job

Print an element on the page without the need for popup windows, or moving HTML around.

print-job

This small JavaScript library prints a single HTML container.

Features

• No popup windows or iFrames
• No moving and replacing HTML
• Preserve styles inherited from parent elements

Install

npm install --save print-job

Usage

In the browser

If the library is directly sourced to the window, it operates on the PrintJob global variable:

window.PrintJob

In ES6

import PrintJob from 'print-job';

Documentation

Print a container

You can pass in any valid selector, but only the first element found will be printed.

PrintJob.print('#areaYouWantToPrint');

You can alternatively pass in an element instead of a selector:

let element = document.getElementById('areaYouWantToPrint');
PrintJob.print(element);

---

Print an external image

Print just an image by supplying an external URL to the .image() method. This is handy for printing a large version of an image found on the page.

PrintJob.image('url/to/image.jpg');

Note: Because the image has to be fetched, your application code will continue to run after calling this method. The image will be printed the moment it loads.

Upcoming Features

• Use custom print CSS
• Lifecycle callbacks
  • Before print
  • After print
• Preset jobs (set up the job and print later)