Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

print-job

kevinokerlund1kMIT2.1.2

Print a single HTML container

print, printer, job, div, contents, queue, element, document

readme

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

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 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)