How to print a `div` with style #18735

SongOfYouth · 2024-11-07T07:08:51Z

SongOfYouth
Nov 7, 2024

I've tried a js method:

function PrintDiv(ID) {
    var needPrint = document.getElementById(ID);
    var head = document.head.innerHTML;
    var win = window.open("");

    win.document.write('<html><head>' + head + '</head><body>'
        + needPrint.outerHTML + '</body>'
        + "</html>");
    win.document.head.removeAttribute('theme-color');
    win.document.close();
    //Chrome
    if (navigator.userAgent.indexOf("Chrome") != -1) {
        win.onload = function () {
            win.document.execCommand('print');
            win.close();
        }
    }
    //Firefox
    else {
        win.print();
        win.close();
    }
}

but it dosen't display correctly.
the page content:

the print page content:

It's gray and not display the content fully.

jeromelaban · 2024-11-07T22:16:54Z

jeromelaban
Nov 7, 2024
Maintainer

Thanks for the question. At this time, printing is not something we've invested in, and it's unclear what happens when doing so. Manipulating the DOM directly is likely to cause additional issues of rendering.

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

How to print a `div` with style #18735

{{title}}

Replies: 1 comment

{{title}}

Select a reply

How to print a div with style #18735

SongOfYouth Nov 7, 2024

Replies: 1 comment

jeromelaban Nov 7, 2024 Maintainer

How to print a `div` with style #18735

SongOfYouth
Nov 7, 2024

jeromelaban
Nov 7, 2024
Maintainer