使用 IRONPDF FOR NODE.JS

如何在 Node.js 中從模板生成 PDF 檔案

已更新 2024年10月8日

本文將探討如何使用名為IronPDF的PDF庫從HTML模板生成PDF文檔的示例。IronPDF for Node.js.

什麼是IronPDF for Node.js

IronPDF for Node.js是一個功能強大且多用途的工具，能夠無縫整合到Node.js中，使開發人員可以輕鬆地在他們的應用程式中生成、操作和管理PDF文件。 IronPDF 具備全面的功能集和直觀的 API，使開發人員能夠簡化各種與 PDF 創建相關的任務，從創建視覺上吸引人的文件到添加互動元素，所有這些都是在保持高度控制和自訂化的同時進行的。無論是生成報告、發票或其他重要文件，IronPDF for Node.js 提供可靠且高效的解決方案，以無縫且對開發者友好的方式滿足各種 PDF 頁面生成需求。

IronPDF 功能

從 HTML/CSS 生成 PDF： 創建從 HTML 和 CSS 來源生成 PDF 文件. 這使您能夠將網頁或 HTML 模板轉換為 PDF 格式。
PDF 操作與編輯: 在 PDF 文件中添加、移除或更新文本、圖片、註釋和其他元素以編輯和修改現有的 PDF。
合併和分割 PDF：合併多個PDF文件合而為一(合併)或將一個 PDF 拆分成多個較小的 PDF。.
列印與表單處理：控制列印設定和處理互動式表單在 PDF 中，包括表單提交和驗證。
安全和加密: 實施如密碼保護、加密、訪問控制等安全措施，並數位簽章保護 PDF 文件。
**文字提取從PDF提取文字和數據，讓您可以在其他應用程式中使用內容或進行數據分析。
自定義：自訂外觀和佈局PDF 文件的各個方面，包括頁面大小、字體、顏色、頁首、頁尾和其他設計元素。
跨平台相容性： 確保該庫與不同操作系統上的Node.js相容，使其對於在各種平台上工作的開發人員而言具備多樣性。

安裝 IronPDF for Node.js

本節將介紹如何安裝 IronPDF for Node.js 並設置 Node.js 項目。

在開始之前，確認您的系統已安裝 Node.js。

開啟命令提示字元(CMD)並使用以下指令啟動一個新的 Node.js 專案：

    mkdir IronPDF   # Creates a new directory for the project.

    cd IronPDF      # Navigates to the newly created directory.

    npm init -y     # Creates a package.json file to store project-related metadata and dependencies.

如何在 Node.js 中從模板生成 PDF 文件，圖 1：打開命令提示字元 (CMD) 並執行命令

開啟命令提示字元(CMD)並執行該命令**

完成初始設置後，請使用以下命令安裝IronPDF：
```:shell
:ProductInstall 請提供內容以進行翻譯。
在 Visual Studio Code 中打開專案，並建立一個名為 "index.js" 的新檔案。
打開 package.json 文件，並在 "type" 下添加以下行以啟用模組使用：

    "type": "module",

如何在 Node.js 中從模板生成 PDF 檔案，圖 2：範例 package.json 檔案

範例 package.json 文件

通過以下步驟，IronPDF for Node.js已成功安裝，並設定好環境以運行IronPDF代碼。

使用 IronPDF for Node.js 從 HTML 模板創建 PDF

IronPDF for Node.js提供一項功能，允許用戶從 HTML 模板或 HTML 頁面創建 PDF。此功能使用戶能夠使用用戶提供的輸入來填充這些模板。

以下程式碼將示範如何使用 HTML 範本生成並寫入 PDF 文件。

import { PdfDocument } from "@ironsoftware/ironpdf";
import readline from 'readline';

const generatePdf = async (userInput, fileName) => {
  // HTML template with placeholders
  const htmlTemplate = `
<!DOCTYPE html>
  <html>
  <body>
    <h1>${userInput.title}</h1>
    <p>User's name: ${userInput.userName}</p>
    <p>User's email: ${userInput.userEmail}</p>
  </body>
  </html>
`;

  // Create a PDF from the modified HTML template
  const pdf = await PdfDocument.fromHtml(htmlTemplate);

  // Save the PDF
  await pdf.saveAs(fileName);
  console.log(`PDF saved as ${fileName}`);
};

const rl = readline.createInterface({
  input: process.stdin,
  output: process.stdout
});

rl.question('Enter title: ', (title) => {
  rl.question('Enter user name: ', (userName) => {
    rl.question('Enter user email: ', async (userEmail) => {
      // User-provided data
      const userInput = {
        title,
        userName,
        userEmail
      };

      // Generate the PDF
      await generatePdf(userInput, "output.pdf");

      rl.close();
    });
  });
});

import { PdfDocument } from "@ironsoftware/ironpdf";
import readline from 'readline';

const generatePdf = async (userInput, fileName) => {
  // HTML template with placeholders
  const htmlTemplate = `
<!DOCTYPE html>
  <html>
  <body>
    <h1>${userInput.title}</h1>
    <p>User's name: ${userInput.userName}</p>
    <p>User's email: ${userInput.userEmail}</p>
  </body>
  </html>
`;

  // Create a PDF from the modified HTML template
  const pdf = await PdfDocument.fromHtml(htmlTemplate);

  // Save the PDF
  await pdf.saveAs(fileName);
  console.log(`PDF saved as ${fileName}`);
};

const rl = readline.createInterface({
  input: process.stdin,
  output: process.stdout
});

rl.question('Enter title: ', (title) => {
  rl.question('Enter user name: ', (userName) => {
    rl.question('Enter user email: ', async (userEmail) => {
      // User-provided data
      const userInput = {
        title,
        userName,
        userEmail
      };

      // Generate the PDF
      await generatePdf(userInput, "output.pdf");

      rl.close();
    });
  });
});

NODE.JS

上述代碼範例定義了一個 JavaScript 程式，使用 readline 模組透過命令行獲取用戶輸入的標題、用戶名和用戶電子郵件。 generatePdf()方法被定義為使用提供的 HTML 模板創建 PDF 文件並以給定的文件名保存。 HTML 模板包含標題、用戶名和用戶電子郵件的佔位符，這些佔位符會由用戶提供的數據填充。這[PdfDocument`](/nodejs/object-reference/api/classes/PdfDocument.html)來自 @ironsoftware/ironpdf 套件的 class 用於從 HTML 模板創建 PDF。生成 PDF 之後，檔案會使用指定的檔名儲存，並在主控台記錄確認儲存的訊息。

readline 模組用於提示使用者輸入相關資料，依序詢問標題、用戶名和用戶電子郵件。使用者對這些提示的回應會被收集並儲存在一個稱為 userInput 的物件中。 generatePdf()然後使用者輸入和預設檔案名稱 "output.pdf" 來呼叫該方法，根據提供的數據創建並保存或下載 PDF 文件。最後，readline 接口被關閉，結束程序。