如何在電子中顯示打印預覽？

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 代替電子