2014-07-17 21 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