DEV Community

Trinmar Boado
Trinmar Boado

Posted on

1

Prints a specific area/element of your html page for any frontend framework

Welcome to ink-html!


Prints a specific area/element of your html page for any frontend framework

  • [x] Form Input Values
  • [x] CSS @media print
  • [x] Popup Options

Installation

npm install ink-html
Enter fullscreen mode Exit fullscreen mode

or

yarn add ink-html
Enter fullscreen mode Exit fullscreen mode

CDN

  <script src="https://unpkg.com/ink-html/dist/index.js"></script>
Enter fullscreen mode Exit fullscreen mode

Usage

import print from 'ink-html'
// const print = inkHtml // for CDN

// js
print(window.querySelector('#printable'))
// Vue.js
print(this.$refs.printable.$el)
Enter fullscreen mode Exit fullscreen mode

Join and support our Community

Web and Mobile Developers PH

[ Facebook Page | Group ]

Join and support our Community
Web and Mobile Developers PH
[ Facebook Page | Group ]

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay