2014-07-17 79 views
9

我正面臨一個問題,試圖添加我的網站導出爲PDF功能是否可以從客戶端將HTML內容導出爲PDF?

當瀏覽網絡時,我發現了一些解決方案,但其中沒有一個是只是將頁面打印爲PDF

http://parall.ax/products/jspdf不能把純html和它成爲pdf文件。

我知道關於這個問題有很多問題,但這個問題沒有明確的答案:是否可以從客戶端將html內容導出爲PDF。

如果有可能我會很高興知道如何。

如果不是請建議我應該怎麼做從服務器端(java/php/node.js)。

請注意,該頁面包含highcharts的圖表和圖片:您可以​​在這裏看看:

http://angularjs.liadlivnat.com:8080/campaign

+0

的[生成使用Javascript DIV從HTML PDF]可能重複(http://stackoverflow.com/questions/18191893/generate-pdf-from-html-in-div-using-javascript) –

+0

@thecbuilder以及這是不重複的原因jsPDF沒有解決這個問題 –

+0

啊不,我重讀你的問題,看着花哨的angular-graphomatic-頁面,沒有什麼會將所有的html轉換成pdf。你將不得不保持它更簡單,你只是圖書館甚至關閉是domPDF,因爲他們支持該地段的最新CSS。或者我會考慮像phantomJS這樣的東西,從圖形密集的東西中無頭創建一個「PNG」。 – Dylan

回答

-4

我用DOMPDF這需要內嵌PHP,並用它把所有的HTML標記( CSS以及)PDF。您可以使用頁面末尾的按鈕來實現客戶端。

例子:

THE PHP: 

<?php 

if(isset($_POST['submit'])) 

{ 

$content = $_POST['html']; 

    if(empty($page)) 

    { 

     $error = 'Please include at least ONE completed field.'; 

     } 

    else 

    { 

     include_once('dompdf/dompdf_config.inc.php'); 

     $dompdf = new DOMPDF(); 

     $dompdf->load_html($html); 

     $dompdf->render(); 

     $dompdf->stream('Completed_Form.pdf'); 

     } 

} 

?> 

The HTML: 

<input type="submit" name="submit" id="submit" value="Generate PDF" class="submitButton"> 

下面是關於如何使用DOMPDF和在哪裏下載所需的文件資料性視頻。

https://www.youtube.com/watch?v=PENbtWrVUjI&index=7&list=FLR4e8kAlnW4FkgpQrGrOfMg

+0

你沒有附加視頻。 –

+0

Whops,我的壞。我修復了這個帖子。它在底部。此視頻將引導您完成DOMPDF的設置,並向您展示如何配置「客戶端按鈕」以轉換爲PDF。 – Michael

+0

但是php不是客戶端。 OP要求提供客戶端解決方案。 – Julian

相關問題