JavaScript 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 程式碼片段展示了 IronPDF 在輕鬆操作 PDF 文件方面的強大功能。 透過利用PdfDocument類，它可以動態地渲染基於 HTML 的 PDF，將指定頁面上的資料替換為指定的文本，並保存修改後的文件。

在這個例子中，程式碼將第一頁上的".NET6"替換為".NET7"，展示了 IronPDF 在以程式設計方式處理 PDF 內容方面的簡潔性和有效性。 對於希望在 JavaScript 應用程式中簡化 PDF 操作解決方案的開發人員來說，這些功能非常寶貴。

替換PDF文字之前

JavaScript PDF 編輯器（開發者教學）：圖 1

替換PDF文字後

JavaScript PDF 編輯器（開發者教學）：圖 2

合併兩個或更多 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");  
})();

在上述使用 IronPDF 庫的程式碼中，兩個基於 HTML 的 PDF 文件（即 PDF_A 和 PDF_B）被動態渲染，並具有不同的內容，從而建立新文件。

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

該操作展示了 IronPDF 在無縫合併 PDF 方面的效率，為開發人員提供了一個簡單的解決方案，可以將各種內容合併到 JavaScript 應用程式中的統一 PDF 檔案中。

輸出 PDF

JavaScript PDF 編輯器（開發者教學）：圖 3