如何在电子中显示打印预览？

Question

我正在使用 Cordova-electron 和ReactJS来构建桌面应用程序。 我们需要在我们的应用程序中实现打印预览，而不是显示用于打印的默认系统对话框。 社区说在电子中没有默认的方法来实现这一点，我们需要手动完成。 我使用 html2pdf.js,jsPDF 从客户端生成 PDF，但这些都没有提供我们需要的确切 PDF，都有一些对齐问题、字体问题和分页问题等。请建议我一个合适的解决方案对于这个问题。

我正在使用我使用过的 html2pdf.js 附加代码以生成 PDF

var opt = {
  margin: 1,
  filename: 'myfile.pdf',
  image: { type: 'jpeg', quality: 0.98 },
  html2canvas: { scale: 1, logging: true, width: '1024', dpi: 100, letterRendering: true },
  jsPDF: { unit: 'mm', orientation: 'portrait', format: 'a4' },
  pagebreak: { after: '.page-break' }
}
 var worker = html2pdf().set(opt).from(componentRef.current).to('pdf').output('blob').then(d => {
    console.log('pdf-file', d);
    var blob = new Blob([d], { type: "application/pdf" });
    console.log('Blob-pdf', blob);


    var url = URL.createObjectURL(blob);

    var printWindow = window.open(url, '', 'width=800,height=500');

  }).catch(d => {
    console.error('error in PDF generation', d);
  })


  

Answer 1

不幸的是，电子没有打印预览，如果您想要打印预览，可以使用 nw.js 代替电子