【问题标题】:Export URL webpage to PDF in typescript angular 5以打字稿角度5将URL网页导出为PDF
【发布时间】:2018-08-23 14:51:10
【问题描述】:

我正在尝试将 URL 导出为 PDF。如下代码所示,solutionUrl 是文章的链接。我希望能够在保存的 pdf 文件中看到该文章。现在它只显示pdf文件中的链接。

 component.st: 

 downloadPDF() {
    const doc = new jsPDF();
    doc.text(this.solutionUrl, 10, 10 );
    doc.save('Solution.pdf');
  }
component.html: 

  <button title="Export to PDF" (click)="downloadPDF()"> <i class="glyphicon glyphicon-file"></i></button>

【问题讨论】:

    标签: javascript html angular typescript angular5


    【解决方案1】:

    我没有使用过 jsPDF,但这可能是因为 doc.text 需要一个字符串作为参数,而不是 URL。

    同样要在PDF中显示HTML页面的内容,你需要使用doc.addHTML方法

    所以你的代码会像这样流动

    1. 使用this.http.get(url).subscribe(res =&gt; parseAndSaveToPDF(res)));获取URL的内容
    2. 然后定义parseAndSaveToPDF函数解析网页内容,提取body元素
    3. 最后使用doc.addHTML(yourParsedBody) 获取正文值作为PDF。

    这是另一个可能有用的SO answer

    【讨论】:

    • 我试过你的例子,它不工作。 doc.addHTML 不起作用。你知道另一种将 url 内容导出为 pdf 的方法吗?
    • @Anjela 当您尝试 doc.addHTML 时会发生什么?是抛出错误还是只获得 HTML 标签而不是内容?
    • 我无法按照您解释的方式使用 addHTML,我需要在其中使用参数和函数。这是错误消息:错误:您需要github.com/niklasvh/html2canvasgithub.com/cburgmer/rasterizeHTML.js
    • @Anjela 是的。这是意料之中的。如果您在答案中看到我链接到的SO answer,它要求您包含这两个依赖项之一
    猜你喜欢
    • 2019-03-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-08-16
    • 2018-05-01
    • 2012-05-11
    • 2017-05-29
    • 1970-01-01
    相关资源
    最近更新 更多