2017-08-29 90 views
0

我需要將Html模板轉換爲pdf,我需要下載該文件。我使用Angular 2.是否有任何TypeScript代碼將HTML模板轉換爲PDF?Angular 2中的HTML TO PDF轉換

+1

請參加[導覽]並閱讀[問]。詢問代碼示例是無關緊要的。 – Lexi

+0

也有npm包,你可能可以用來幫助你實現這一點。你可以嘗試看看jspdf:https://github.com/MrRio/jsPDF – yoonjesung

回答

0

我一直在使用一個外部庫,以便能夠從文件我Angular4應用導出:https://github.com/eligrey/FileSaver.js/

它可能不是正是你需要爲整個頁面,但提取數據從CSV/PDF我的應用程序非常完美。

這是我用來提取數據的示例代碼。我綁定此方法來一個按鈕來觸發事件:

exportDatas(documentType: string) { 
    this.MyRandomServiceThatReturnsData.getDatas(MyParameters1, ...) 
    .subscribe(result => { 
    const blob = new Blob([result.blob()]); 
    const objectUrl = URL.createObjectURL(blob); 
    FileSaver.saveAs(blob, 'Export.' + documentType); 
    }); 
} 
+0

我使用的是角度2 cli編譯器。我想在前端將html轉換爲pdf。而不是從服務器端 –

+0

這是來自一個Angular組件 –

+0

雖然FileSaver不會將HTML轉換爲PDF,對吧?您是否在使用其他方式來進行轉換? – ganeshk

0

這時候你想創建一個PDF看起來酷似充滿數據的角度HTML模板令人驚訝的棘手我用這個有很多的作爲報告。佈局可以用HTML完成,用戶可以在屏幕上看到它,或者打印/保存/電子郵件爲PDF格式。

以爲PDF打印機驅動程序會這樣做,但似乎只適用於在服務器端完成的頁面。

我發現的解決方案完美無缺,是一款商業應用程序HiQPdf。在C#中工作,並會做幾乎任何你想要的。找到它是一個經濟高效的解決方案。希望我已經知道了它之前,我已經吹了20多個無法計費的小時,試圖自己完成它。