푸터 콘텐츠로 바로가기
PDF 도구

JavaScript PDF 편집기 (개발자 튜토리얼)

웹 개발 환경이 지속적으로 확장됨에 따라 JavaScript 개발자들이 동적이고 상호작용적인 웹 애플리케이션을 제작할 수 있도록 지원하는 핵심 언어로서의 입지를 확고히 다졌습니다.

하지만 이처럼 빠르게 발전하는 분야에서 애플리케이션 내에서 PDF 문서를 원활하게 조작하고 편집하는 복잡한 과정을 헤쳐나가는 것은 여전히 ​​만만치 않은 과제입니다. IronPDF 강력한 PDF 편집 솔루션으로 손꼽히는 견고한 JavaScript 라이브러리입니다.

이 심층 가이드에서는 IronPDF JavaScript 라이브러리 가 제공하는 강력한 기능을 사용하여 JavaScript PDF 편집기를 구축하는 복잡한 과정을 풀어보는 여정을 시작합니다. 다양한 기능부터 PDF 형식 조작 처리의 효율성까지, IronPDF 활용하여 JavaScript 웹 개발 영역에서 PDF 편집 경험을 향상시키는 미묘한 측면들을 자세히 살펴보겠습니다.

JavaScript PDF 편집기 라이브러리 사용 방법

  1. 새 JavaScript 프로젝트를 생성하거나 기존 프로젝트를 엽니다.
  2. JavaScript PDF 편집기 라이브러리인 IronPDF 설치합니다.
  3. pdf.replaceText() 메서드를 사용하여 오래된 텍스트를 새로운 텍스트로 교체합니다.
  4. PdfDocument.mergePdf() 메서드를 사용하여 두 개 이상의 PDF 파일을 병합합니다.
  5. SaveAs() 메서드를 사용하여 병합된 PDF를 저장합니다.

IronPDF

IronPDF JavaScript 문서에 따르면 IronPDF 는 JavaScript 애플리케이션과 원활하게 통합되는 동적 라이브러리로, PDF 조작을 위한 강력한 솔루션을 제공합니다. 뛰어난 유연성으로 잘 알려진 IronPDF 개발자가 웹 애플리케이션 내에서 PDF 문서를 손쉽게 생성, 편집 및 관리할 수 있도록 지원합니다. IronPDF 동적 PDF 콘텐츠 생성, 기존 PDF 병합 또는 분할, 대화형 요소 추가 등 다양한 PDF 관련 작업을 위한 다재다능한 툴킷을 제공합니다. IronPDF 사용자 친화적인 API와 강력한 기능을 지원하여 정교한 PDF 기능을 통해 애플리케이션의 수준을 높이고 PDF 파일을 동적으로 생성하고자 하는 JavaScript 개발자에게 최적의 솔루션입니다. 간단한 PDF 편집기 라이브러리를 사용하여 모든 JavaScript 환경에서 PDF 문서를 수정하고 기존 문서를 편집할 수 있습니다.

Node.js 용 IronPDF 설치하세요.

  1. Node.js 설치: Node.js 공식 웹사이트 에서 최신 버전의 Node.js 다운로드하여 설치하세요.
  2. IronPDF Install-Package: 아래 터미널 명령어를 사용하여 NPM으로 IronPDF 설치하세요.

     npm과 @ironsoftware/ironpdf
  3. 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 코드를 사용하여 여러 가지 방법으로 편집하는 방법을 살펴보겠지만, 그중 두 가지를 중점적으로 다루겠습니다.

  1. PDF 문서에서 텍스트를 찾아 바꾸기.
  2. 두 개의 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 에디터 (개발자 튜토리얼): 그림 1

PDF 텍스트 교체 후

JavaScript PDF 에디터 (개발자 튜토리얼): 그림 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)를 각각 다른 내용으로 동적으로 렌더링하여 새로운 문서를 생성합니다.

지정된 HTML 페이지를 개별 PDF 문서로 변환하는데 PdfDocument.fromHtml 메서드를 사용합니다. 다음으로, 코드는 IronPDF의 mergePdf 기능을 활용하여 PDF_A와 PDF_B를 하나의 통합된 PDF 문서 'Merged.pdf'로 결합합니다.

이 예제는 IronPDF가 PDF 파일을 원활하게 병합하는 효율성을 보여주며, 개발자에게 JavaScript 애플리케이션 내에서 다양한 콘텐츠를 하나의 통합 PDF 파일로 통합하는 간편한 솔루션을 제공합니다.

PDF 출력

JavaScript PDF 에디터 (개발자 튜토리얼): 그림 3

결론

IronPDF 이용한 JavaScript PDF 편집은 JavaScript PDF 편집 분야에서 중요한 솔루션으로 떠오르고 있으며, 개발자들이 고급 PDF 조작 기능을 웹 애플리케이션에 원활하게 통합할 수 있도록 지원합니다.

다재다능하고 유연성이 뛰어나며 강력한 기능을 갖춘 이 라이브러리는 동적 PDF 콘텐츠 생성부터 병합, 분할, 벡터 그래픽이나 이미지와 같은 다양한 요소 추가, PDF 문서 내 대화형 요소 추가에 이르기까지 다양한 작업에 필수적인 도구입니다.

npm을 통해 설치 과정이 간소화되어 JavaScript 개발자도 IronPDF 쉽게 사용할 수 있습니다. 이 기사는 IronPDF PDF에서 텍스트를 효율적으로 찾고 바꾸는 방법과 여러 PDF를 병합하는 방법을 보여주는 실제 사례를 자세히 다루며, 개발자에게 다양한 PDF 편집 및 레이아웃 요구 사항을 충족하는 포괄적인 도구를 제공합니다.

IronPDF 사용자 친화적인 API와 강력한 기능을 갖춘 최고의 솔루션으로, 개발자들이 정교한 PDF 편집 기능을 통해 JavaScript 애플리케이션의 성능을 향상시킬 수 있도록 지원합니다.

Node.js 용 IronPDF PDF 파일 편집을 포함한 다양한 기능을 제공합니다. JavaScript 용 IronPDF 에 대해 더 자세히 알아보려면 JavaScript IronPDF 문서를 참조하세요. PDF 파일에서 텍스트를 바꾸고 병합하는 방법에 대한 코드 예제는 각각 PDF 텍스트 바꾸기PDF 병합 코드 예제를 참조하세요.

IronPDF 모든 기능을 테스트해 볼 수 있도록 IronPDF 체험판을 제공합니다. IronPDF C# .NET , IronPDF , IronPDF 등 다른 언어용으로도 제공됩니다. 더 자세한 내용은 IronPDF 공식 웹사이트를 방문하세요.

JavaScript 프로젝트에서 IronPDF를 사용하려면 IronPDF Node.js 다운로드 페이지 에서 Node.js 용 IronPDF 다운로드하십시오.

다리우스 세란트
풀스택 소프트웨어 엔지니어 (웹 운영)

다리우스 세런트는 마이애미 대학교에서 컴퓨터 과학 학사 학위를 받았으며, Iron Software에서 풀 스택 웹 운영 마케팅 엔지니어로 근무하고 있습니다. 어린 시절부터 코딩에 매료되었던 그는 컴퓨팅이 신비로우면서도 접근하기 쉬운 분야라고 생각했고, 창의력과 문제 해결 능력을 발휘하기에 완벽한 매체라고 여겼습니다.

Iron Software에서 다리우스는 새로운 것을 만들고 복잡한 개념을 단순화하여 더 쉽게 이해할 수 있도록 하는 것을 즐깁니다. 그는 사내 개발자로서 학생들을 가르치는 데에도 자원하여 차세대 인재들과 전문 지식을 공유하고 있습니다.

다리우스에게 있어 그의 일은 가치 있고 실질적인 영향을 미치기 때문에 보람 있는 일입니다.

아이언 서포트 팀

저희는 주 5일, 24시간 온라인으로 운영합니다.
채팅
이메일
전화해