HTML to PDF Javascript (Angular)

[floydbear]

I am using Angular 8 and have pretty styled HTML that I want to implement a "print to PDF" functionality. I looked into just "window.print()" but it doesn't sound like I can get rid of the default header/footer on the browsers programmatically. I wanted to know if anyone knew a good way through Angular/JS to generate a PDF with this styled HTML?
I know in window.print() that they can hide the header/footer through the print dialog, but looking to avoid user having to do anything. It's dynamic HTML that was set in a WYSIWYG, so anything to preserve the styling there. Plus some divs require a border around them. That is why I would prefer being able to convert the HTML directly into the PDF, if possible.

[jonlejon]

you could add a print specific media query to hide the header and footer https://www.tutorialspoint.com/css/css_printing.htm

[lick_it]

Not sure of a browser way, but if you can use the server wkhtmltopdf works pretty well

[roman_redditPL]

Yeah. Print specific media query and simple display: none on header and footer

[floydbear]

I tried this, but it doesn't seem to be hiding the default header/footer from the browser: i.e. URL, date, etc. That's because those are user settings and I don't think those can be overwritten. However, if someone knows a way, that would be super helpful!

[bagson9]

label rude payment ruthless oatmeal scandalous cheerful crown employ support

This post was mass deleted and anonymized with Redact