Nếu bạn đang tìm 1 plugin jQuery để sử dụng cho công việc in ấn trên môi trường web! Thì printThis là một plugin như thế. Việc sử dụng printThis plugin vô cùng đơn giản. PrintThis plugin cho phép bạn in nội dung từ một hoặc nhiều ID đều được cả.
Ví dụ 1: Sử dụng đơn giản in nội dung của thành phần html có id là ID1:
$('#ID').printThis();
Ví dụ 2: Sử dụng in với nội dung lấy từ nhiều ID và có thêm các option cài đặt:
$('#ID1, #ID2, #ID3').printThis({
importCSS: false,
loadCSS: "path/to/new/CSS/file",
header: "<h1>Look at all of my kitties!</h1>"
});
Và sau đây là toàn bộ option của printThis plugin:
$("#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
});
Một số link hữu ích của plugin này dành cho bạn đây:
Để tìm hiểu thêm thông tin góc về Plugin này các bạn truy cập link sau: https://www.bestjquery.com/?xpmVPkUW
Hy vọng hữu ích với bạn!
Nosomovo
