How trigger browser to make a PDF from HTML using window.print()
How trigger browser to make a PDF from HTML using window.print()
xxxxxxxxxx<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> * { font-family: Arial, Helvetica, sans-serif; color: rgb(65, 65, 65); -webkit-print-color-adjust: exact !important; color-adjust: exact !important; print-color-adjust: exact !important; } @media print { @page { margin-left: 0.8in; margin-right: 0.8in; margin-top: 0; margin-bottom: 0; } } #container { width: 800px; margin: 0 auto; } </style> <title>This will be the title of the pdf file</title></head><body id="container"> <a href="#" id="print">GENERATE PDF!</a> <h1>Super cool custom pdf</h1> <p>This pdf is generated from the client side without any external libraries!</p><script> document.addEventListener("DOMContentLoaded", () => { let printLink = document.getElementById("print"); let container = document.getElementById("container"); printLink.addEventListener("click", event => { event.preventDefault(); printLink.style.display = "none"; window.print(); }, false); container.addEventListener("click", event => { printLink.style.display = "flex"; }, false); }, false);</script></body></html>Source: Grepper
Closely Related Answers
xxxxxxxxxxdocument.addEventListener("DOMContentLoaded", () => { let printLink = document.getElementById("print"); let container = document.getElementById("container"); printLink.addEventListener("click", event => { event.preventDefault(); printLink.style.display = "none"; window.print(); }, false); container.addEventListener("click", event => { printLink.style.display = "flex"; }, false);}, false);Source: Grepper
Twitter 
LinkedIn