print-html-block

2.0.0 • Public • Published

Print Html Block

Usage

  1. Install plugin
npm install print-html-block
  1. Create html tags
<section id="section1">Print Me!</section>
<section id="section2">Don't print me.</section>
<button onclick="print()">Print</button>
  1. Import plugin in your .js file
import printHtmlBlock from 'print-html-block';

function print() {
  const selector = '#section1';
  const options = {
    importStyle: true
  };

  printHtmlBlock(selector, options);
};
  1. Finish. Click by "Print" button

Default options

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

Versions

Current Tags

  • Version
    Downloads (Last 7 Days)
    • Tag
  • 2.0.0
    19
    • latest

Version History

  • Version
    Downloads (Last 7 Days)
    • Published
  • 2.0.0
    19
  • 1.0.1
    2
  • 1.0.0
    0

Package Sidebar

Install

npm i print-html-block

Weekly Downloads

21

Version

2.0.0

License

MIT

Unpacked Size

61.7 kB

Total Files

11

Last publish

Collaborators

  • denisoed