Skip to content

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

License

Notifications You must be signed in to change notification settings

kevinokerlund/print-job

Repository files navigation

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)

About

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

Topics

Resources

License

Code of conduct

Stars

Watchers

Forks

Packages

No packages published