gpt4 book ai didi

javascript - 带有 Angular 9 的 ionic 5 : How to Print from Desktop (not mobile device)

转载 作者:行者123 更新时间:2023-12-01 15:39:46 25 4
gpt4 key购买 nike

我正在处理一个作为网络应用程序构建的 ionic 5 应用程序。它没有移动组件。
我需要允许用户打印页面。当我有一个打印按钮并与下面的功能相关联时,它只打印可视区域。

printPage() {
window.print();
}
鉴于屏幕上的内容量,我可以判断该文档应该有 2-3 页长。
我看到有一个 cordova-plugin-printer插件,但它适用于从移动设备打印。
打印整个 DOM 的正确方法是什么?

最佳答案

这可能会发生,因为嵌套在正文中的可滚动 div 或类似的东西。
为了解决这个问题,您可以通过从另一个 StackOverflow 问题中执行类似以下操作来手动选择要打印的内容:

printPage() {
var mywindow = window.open('', 'PRINT', 'height=400,width=600');

mywindow.document.write('<html><head><title>' + document.title + '</title>');
mywindow.document.write('</head><body>');
mywindow.document.write(document.getElementById('#printArea').innerHTML);
mywindow.document.write('</body></html>');

mywindow.document.close(); // necessary for IE >= 10
mywindow.focus(); // necessary for IE >= 10*/

mywindow.print();
mywindow.close();
}
原答案链接: https://stackoverflow.com/a/2255438/9150652

关于javascript - 带有 Angular 9 的 ionic 5 : How to Print from Desktop (not mobile device),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63178845/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com