个人中心
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
文章推荐： javascript - Node.Js 中有海象运算符吗？
文章推荐： javascript - 为什么以下函数在执行 `greet({ name = ' Rauno' } = {} )` instead of ` greet(name = 'Rauno')`？
文章推荐： javascript - 作为函数的 Prop 是否属于 useEffect 依赖数组？
文章推荐： javascript - 如何使用 Eleventy 的灰质节选？
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com