javascript - 使用打印布局将 HTML 页面保存为 PDF

Question

我想让我的用户将我的页面另存为 PDF。我已经创建了一个打印样式表，我可以使用 Javascript 的 print 函数生成 PDF。这是我的问题:

在 Chrome 中，浏览器生成预览并将其显示给用户。然后用户可以保存或打印它。

但是，在 IE 和 FF 中，print 会调出一个复杂的菜单，虽然它可以通过“打印”到 PDFCreator 来生成 PDF，但这是一个复杂的过程，许多用户不会理解。

我想做的是以某种方式为非 Chrome 用户复制 Chrome 功能。我考虑过的选项:

• 截取 HTML 页面并使用 Javascript 将该图像呈现为 PDF。有图书馆可以执行此操作，但我希望我的 PDF 具有打印布局。
• 在服务器上生成 PDF 并将其发送到用户的浏览器。这可以做到，但使用与标准页面相同的 HTML 似乎很难。

我的服务器正在运行 PHP 和 Zend 框架。我不能使用 NodeJS 或任何 headless 浏览器在服务器上呈现。我有什么选择吗？

Answer 1

在使用名为 dompdf ( https://github.com/dompdf/dompdf ) 的库之前，我已经完成了您想做的事情。这是我的使用方法:

我将 dompdf 库放入我的 ZF 项目的“库”文件夹中。然后，在我的应用程序中，当我准备好呈现页面时，我创建了一个新的 Zend_View() 对象并使用它需要的任何 View 脚本变量来设置它。然后我调用了 render() 函数并将渲染的输出存储到一个变量中，然后我提供给 dompdf。代码如下所示:

        $html = new Zend_View();
        $html->setScriptPath(APPLICATION_PATH . '/views/scripts/action_name/');
        $html->assign($data); //$data contains the view variables I wanted to populate.
        $bodyText = $html->render('pdf_template.phtml');
        require_once(APPLICATION_PATH."/../library/dompdf/dompdf_config.inc.php");
        $dompdf = new DOMPDF();
        $dompdf->load_html($bodyText);
        // Now you can save the rendered pdf to a file or stream to the browser:
        $dompdf->stream("sample.pdf");

        // Save to file:
        $dompdf->render();
        $pdf = $dompdf->output();
        file_put_contents($filename, $pdf);