This small JavaScript library prints a single HTML container.
- No popup windows or iFrames
- No moving and replacing HTML
- Preserve styles inherited from parent elements
npm install --save print-job
If the library is directly sourced to the window, it operates on the PrintJob
global variable:
window.PrintJob
import PrintJob from 'print-job';
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.
- Use custom print CSS
- Lifecycle callbacks
- Before print
- After print
- Preset jobs (set up the job and print later)