import {PdfDocument} from "@ironsoftware/ironpdf"; (async () => { // Create a PDF from an HTML string const pdf = await PdfDocument.fromHtml("<h1>Hello World</h1>"); // Export the PDF to a file await pdf.saveAs("output.pdf"); // Advanced Example with HTML Assets // Load external HTML assets: Images, CSS, and JavaScript. const htmlContentWithAssets = "<img src='icons/iron.png'>"; const advancedPdf = await PdfDocument.fromHtml(htmlContentWithAssets); // Save the PDF with loaded assets await advancedPdf.saveAs("html-with-assets.pdf"); })();

PDF工具

JavaScript PDF 編輯器（開發者教程）

Name: IronPDF
Brand: Iron Software
Availability: InStock
Rating: 4.87 (307 reviews)

Darrius Serrant

已更新:2026年4月21日

隨著網頁開發領域的不斷擴展，JavaScript已鞏固其作為基礎語言的地位，賦予開發者建立動態和交互式網頁應用程式的能力。

然而，在應用程式中無縫地操作和編輯PDF文件的細節仍然是這個演變中的領域中的一個艱鉅挑戰。引入IronPDF，這是一個強大的JavaScript程式庫，對於PDF編輯提供了強而有力的解決方案。

在本深入指南中，我們將展開一場探索，在強大功能的幫助下構建一個JavaScript PDF編輯器，通過IronPDF JavaScript Library提供的能力來解開複雜性。從其多功能特徵到處理PDF格式操作的效率，我們深入研究了如何利用IronPDF提高JavaScript網頁開發中的PDF編輯體驗的細微面向。

如何使用JavaScript PDF編輯器庫

建立一個新的JavaScript專案或打開現有專案。
安裝JavaScript PDF編輯器庫IronPDF。
使用pdf.replaceText()方法用新文字替換舊文字。
使用PdfDocument.mergePdf()方法合併兩個或多個PDF文件。
使用SaveAs()方法儲存合併的PDF文件。

IronPDF

IronPDF JavaScript Documentation是一個動態的程式庫，無縫整合到JavaScript應用程式中，提供了一個強大的PDF操作解決方案。 IronPDF以其靈活性著稱，讓開發者可以在其網頁應用程式中輕鬆建立、編輯和管理PDF文件。無論是生成動態PDF內容、合併或拆分現有PDF，還是新增互動元素，IronPDF都提供了一個多功能工具箱，適用於一系列涉及PDF的任務。憑藉其支援者友好的API和強大的特性，IronPDF成為JavaScript開發者提升其應用程式的複雜PDF功能，以及動態建立PDF文件的首選解決方案。在任何JavaScript環境中使用簡單的PDF編輯器庫修改PDF文件和編輯現有文件。

安裝IronPDF for Node.js

安裝Node.js：從Node.js官方網站下載並安裝最新版本的Node.js。
安裝@IronPDF包：使用下面的終端命令通過NPM安裝IronPDF：
```
 npm i @ironsoftware/ironpdf
```

安裝IronPDF引擎：安裝與您的作業系統相應的二進制檔：

對於Windows x64：

npm install @ironsoftware/ironpdf-engine-windows-x64

npm install @ironsoftware/ironpdf-engine-windows-x64

SHELL

對於Windows x86：

npm install @ironsoftware/ironpdf-engine-windows-x86

npm install @ironsoftware/ironpdf-engine-windows-x86

SHELL

對於Linux x64：

npm install @ironsoftware/ironpdf-engine-linux-x64

npm install @ironsoftware/ironpdf-engine-linux-x64

SHELL

對於macOS x64：

npm install @ironsoftware/ironpdf-engine-macos-x64

npm install @ironsoftware/ironpdf-engine-macos-x64

SHELL

對於macOS/ARM：

npm install @ironsoftware/ironpdf-engine-macos-arm64

npm install @ironsoftware/ironpdf-engine-macos-arm64

SHELL

使用IronPDF的JavaScript PDF編輯器

在本文的這一部分中，我們將打開一個現有的PDF文件，並使用IronPDF在JS程式碼中以多種方式進行編輯，我們將討論其中的兩種。

在PDF文件中查找並替換文字。
合併兩個PDF文件。

在PDF文件中查找並替換文字

在本節中，我們將看到如何使用JavaScript PDF編輯器庫IronPDF在PDF文件中查找並替換文字。

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

(async () => {
    // Create a new PDF document from HTML content
    const pdf = await PdfDocument.fromHtml("<h1>.NET6</h1>");
    await pdf.saveAs("before.pdf");  // Save the initial PDF document

    // Define parameters for text replacement
    const pageIndex = 0; // The page index (zero-based) where the text should be replaced
    const oldText = ".NET6"; // The text to be replaced
    const newText = ".NET7"; // The text to replace with

    // Replace the old text with the new text on the specified page
    await pdf.replaceText(oldText, newText, pageIndex);

    // Save the modified PDF document
    await pdf.saveAs("after.pdf");
})();

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

(async () => {
    // Create a new PDF document from HTML content
    const pdf = await PdfDocument.fromHtml("<h1>.NET6</h1>");
    await pdf.saveAs("before.pdf");  // Save the initial PDF document

    // Define parameters for text replacement
    const pageIndex = 0; // The page index (zero-based) where the text should be replaced
    const oldText = ".NET6"; // The text to be replaced
    const newText = ".NET7"; // The text to replace with

    // Replace the old text with the new text on the specified page
    await pdf.replaceText(oldText, newText, pageIndex);

    // Save the modified PDF document
    await pdf.saveAs("after.pdf");
})();

JAVASCRIPT

這段簡潔的JavaScript程式碼展示了IronPDF在輕鬆操作PDF文件方面的強大功能。通過利用PdfDocument類，它動態地呈現了一個基於HTML的PDF，並將指定文字替換到特定頁面上，然後儲存修改後的文件。

在此範例中，程式碼將第一頁的".NET6"替換為".NET7"，演示了IronPDF在程式化處理PDF內容方面的簡單和有效。這樣的功能對於尋求精簡解決方案的開發者來說是非常有價值的，特別是在其JavaScript應用程式中進行PDF操作時。

替換PDF文字之前

JavaScript PDF Editor (Developer Tutorial): Figure 1

替換PDF文字之後

JavaScript PDF Editor (Developer Tutorial): Figure 2

合併兩個PDF文件

合併兩個或多個PDF文件是軟體行業中最常見的需求之一。能夠通過程式碼合併PDF文件是一個在PDF程式庫中備受追捧的功能。

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

(async () => {
    // HTML content for the first PDF document
    const html_a = `<p> [PDF_A] </p>
    <p> [PDF_A] 1st Page </p>
    <div style='page-break-after: always;'></div>
    <p> [PDF_A] 2nd Page</p>`;

    // HTML content for the second PDF document
    const html_b = `<p> [PDF_B] </p>
    <p> [PDF_B] 1st Page </p>
    <div style='page-break-after: always;'></div>
    <p> [PDF_B] 2nd Page</p>`;

    // Render HTML content to PDF documents
    const pdfdoc_a = await PdfDocument.fromHtml(html_a);
    const pdfdoc_b = await PdfDocument.fromHtml(html_b);

    // Merge the two PDF documents into one
    const merged = await PdfDocument.mergePdf([pdfdoc_a, pdfdoc_b]);

    // Save the merged PDF document
    await merged.saveAs("Merged.pdf");  
})();

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

(async () => {
    // HTML content for the first PDF document
    const html_a = `<p> [PDF_A] </p>
    <p> [PDF_A] 1st Page </p>
    <div style='page-break-after: always;'></div>
    <p> [PDF_A] 2nd Page</p>`;

    // HTML content for the second PDF document
    const html_b = `<p> [PDF_B] </p>
    <p> [PDF_B] 1st Page </p>
    <div style='page-break-after: always;'></div>
    <p> [PDF_B] 2nd Page</p>`;

    // Render HTML content to PDF documents
    const pdfdoc_a = await PdfDocument.fromHtml(html_a);
    const pdfdoc_b = await PdfDocument.fromHtml(html_b);

    // Merge the two PDF documents into one
    const merged = await PdfDocument.mergePdf([pdfdoc_a, pdfdoc_b]);

    // Save the merged PDF document
    await merged.saveAs("Merged.pdf");  
})();

JAVASCRIPT

在上述使用IronPDF程式庫的程式碼中，兩個基於HTML的PDF文件，PDF_A和PDF_B，被動態渲染，內容各不相同，以建立新的文件。

利用PdfDocument.fromHtml 方法將指定的HTML頁面轉換為單獨的PDF文件。隨後，程式碼利用IronPDF的mergePdf功能將PDF_A和PDF_B合併為一個名為"Merged.pdf"的連貫的PDF文件。

該操作展示了IronPDF在無縫合併PDF文件方面的效率，為開發者提供了一個簡單的解決方案，可以在他們的JavaScript應用程式中將多樣的內容整合到一個統一的PDF文件中。