Question

我创建了一个看起来像PDF文档的视图。现在，我想使用window.print()打印它，但是当我运行此代码时，它将生成页眉和页脚。

我使用以下代码更改页脚：

let footer = "Nr"+this.contractForm.contract_number+this.datePipe.transform(this.contractForm.date, 'd.MM.yyyy');

window.history.pushState("object or string", "Title", footer.replace("http://", ""));

我要删除标题（它会生成日期和（我认为）标题）。

我尝试使用remove header and footer from window print

以及许多类似的解决方案。

总结一下，我想从生成的文件中删除标题。

Answer 1

您可以为此使用CSS规则（如果需要，也可以使用SCSS）。

这是一个隐藏.hideme类的示例。您可以单击print按钮以查看其操作。

.hideme {
  border: 5px solid black;
  height: 100px;
}

.showme {
  border: 5px dotted black;
  height: 100px;
}

@media print {
  .hideme {
    display: none;
  }
}

<div class="hideme">
  Will be hidden
</div>

<div class="showme">
  Will be shown
</div>

<button onclick="print()">
  Print
</button>

如果您想看到实际效果，我还使用SCSS和Angular在 StackBlitz 中创建了一个示例。

如何从window.print（）隐藏或修改标题？

1 个答案: