Features
- Print specific & multiple DOM elements
- Preserve page CSS/styling or add new CSS; the world is your oyster!
- Preserve form entries
- Canvas support
- See the demo
Usage
Basic
$('selector').printThis();
Advanced Features
$('#kitty-one, #kitty-two, #kitty-three').printThis({
importCSS: false,
loadCSS: "path/to/new/CSS/file",
header: "<h1>Look at all of my kitties!</h1>"
});
Troubleshooting
Covers common issues related to styling and printing limitations regarding page breaksOptions
View on github for a full description of each option
$("#mySelector").printThis({
debug: false, // show the iframe for debugging
importCSS: true, // import parent page css
importStyle: false, // import style tags
printContainer: true, // print outer container/$.selector
loadCSS: "", // path to additional css file - use an array [] for multiple
pageTitle: "", // add title to print page
removeInline: false, // remove inline styles from print elements
removeInlineSelector: "*", // custom selectors to filter inline styles. removeInline must be true
printDelay: 333, // variable print delay
header: null, // prefix to html
footer: null, // postfix to html
base: false, // preserve the BASE tag or accept a string for the URL
formValues: true, // preserve input/form values
canvas: false, // copy canvas content
doctypeString: '...', // enter a different doctype for older markup
removeScripts: false, // remove script tags from print content
copyTagClasses: false, // copy classes from the html & body tag
beforePrintEvent: null, // function for printEvent in iframe
beforePrint: null, // function called before iframe is filled
afterPrint: null // function called before iframe is removed
});