單擊按鈕將 HTML 頁面轉換為可下載的 PDF

Question

我想通過單擊按鈕將我的 HTML 頁面轉換為 PDF 文件。 單擊此“下載”按鈕后，我希望自動下載 PDF。

我試過這個：

<button onclick="printFunction()">Download</button>
<script>
      function printFunction() { 
        window.print(); 
      }
</script>

但是這樣只能生成打印頁面，需要我手動保存到PDF文件中。

我在網上搜索了很多答案，建議我們添加第三方插件。 有更簡單的方法嗎？

我在這里找到了一個類似的例子： https://phpcoder.tech/download-html-page-as-pdf-using-javascript/

Answer 1

我會使用 html2pdf

<body id="body">
<button id="button">Click me!</button>

<script src="html2pdf.bundle.min.js"></script>
<script>
const btn = document.getElementById("button");

btn.addEventListener("click", function(){
var element = document.getElementById('body');
html2pdf().from(element).save('filename.pdf');
});
</script>
</body>

這是文檔https://www.npmjs.com/package/html2pdf.js/v/0.9.0您可以將 filename.pdf 更改為您想要的任何內容（除了擴展名）

單擊按鈕將 HTML 頁面轉換為可下載的 PDF

問題描述

1 個解決方案

解決方案1
3 已采納 2022-03-15 15:23:10

單擊按鈕將 HTML 頁面轉換為可下載的 PDF

問題描述

1 個解決方案

解決方案1 3 已采納 2022-03-15 15:23:10

解決方案1
3 已采納 2022-03-15 15:23:10