关于页面打印的问题

#1

关于页面打印的问题。
两种解决方案
一种是通过iframe来打印
另一种是通过硬编码来将模板写入html中
还有什么其他的解决方案？有没有做过的同学来分享一下

#2

楼上react打印解决了么

#3

采用了第二种方案，通过模板，打开新的窗口，然后使用media query print，使显示样式正确。

#4

还是觉得第一种交互好些

#5

我刚好也遇到了打印的问题, 点击打印按钮，打印指定区域。

demo page

css:

@media print {
    body * {
        visibility: hidden;
    }
    #section-to-print,
    #section-to-print * {
        visibility: visible;
    }
    #section-to-print {
        position: absolute;
        left: 0;
        top: 0;
    }
    .section-not-to-print {
        display: none;
    }
}

html:

 <div id="section-to-print">
       打印区域
      <div class="section-not-to-print> 打印区域不希望被打印的部分 </div>
 </div>

通过 window.print()打印

<input type="button" onclick="window.print" value="print a div!" />
1 Like
#6

现在React 如何打印啊

#7

你好 (*´▽｀)ノノ 了解到你们公司是用Java和React结合的 ， 和我们做的项目一样。 现在我们遇到了一些困难。 方便交流吗？ 我的方便留一下你的邮箱吗？ Thanks♪(･ω･)ﾉ 我的邮箱： kaiyunnus@gmail.com