- Install plugin
npm install print-html-block
- Create html tags
<section id="section1">Print Me!</section>
<section id="section2">Don't print me.</section>
<button onclick="print()">Print</button>
- Import plugin in your
.js
file
import printHtmlBlock from 'print-html-block';
function print() {
const selector = '#section1';
const options = {
importStyle: true
};
printHtmlBlock(selector, options);
};
- Finish. Click by "Print" button
Name |
Defailt |
Description |
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 |
callback function for printEvent in iframe |
beforePrint |
null |
function called before iframe is filled |
afterPrint |
null |
function called before iframe is removed |