【问题标题】:How to Save webpage to PDF similarly to Ctrl+p如何将网页保存为 PDF,类似于 Ctrl+p
【发布时间】:2021-07-05 13:14:24
【问题描述】:

我有一个使用 PHP 和 HTML 与 CSS 制作的网页,它是一个文档,当我尝试使用 Ctrl + p 将文档另存为 PDF 时,它运行良好,但我想在网页上添加一个按钮自动执行此任务,当用户单击该按钮时,将生成 PDF。

我试过Html2pdf.js,但它只是截取页面,有没有其他方法可以生成带有可选文本的PDF?或者也许自动化 ctrl+p,删除标题并保存为 PDF。

【问题讨论】:

标签: javascript php


【解决方案1】:

您可以使用jsPDF

它将生成整个 HTML 页面的可选 PDF。

这里是你如何安装它

npm install jspdf --save

在您的项目中包含以下脚本:

  • jspdf.js
  • jspdf.plugin.from_html.js
  • jspdf.plugin.split_text_to_size.js
  • jspdf.plugin.standard_fonts_metrics.js

index.html 中的代码

<!DOCTYPE html>
<html>
  <body>
    <p id="ignorePDF">don't print this to pdf</p>
    <div>
      <p><font size="3" color="red">print this to pdf</font></p>
    </div>
  </body>
</html>

以下 Javascript 代码将打开弹出窗口并生成 html 到 pdf。

var doc = new jsPDF();          
var elementHandler = {
  '#ignorePDF': function (element, renderer) {
    return true;
  }
};
var source = window.document.getElementsByTagName("body")[0];
doc.fromHTML(
    source,
    15,
    15,
    {
      'width': 180,'elementHandlers': elementHandler
    });

doc.output("dataurlnewwindow");

更多详情请阅读文档here

【讨论】:

    猜你喜欢
    • 2011-06-18
    • 2018-10-26
    • 1970-01-01
    • 2014-04-15
    • 2016-08-17
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多