PDF 양식

string(19) "클릭하여 복사"

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

(async () => {
    // Define the HTML content with editable form fields
    const formHtml = `
        <html>
            <body>
                <h2>Editable PDF Form</h2>
                <form>
                    First name: <br> <input type='text' name='firstname' value=''> <br>
                    Last name: <br> <input type='text' name='lastname' value=''> <br>
                    <br>
                    <p>Please specify your gender:</p>
                    <input type='radio' id='female' name='gender' value='Female'>
                    <label for='female'>Female</label> <br>
                    <br>
                    <input type='radio' id='male' name='gender' value='Male'>
                    <label for='male'>Male</label> <br>
                    <br>
                    <input type='radio' id='non-binary/other' name='gender' value='Non-Binary / Other'>
                    <label for='non-binary/other'>Non-Binary / Other</label>
                    <br>
                    <p>Please select all medical conditions that apply:</p>
                    <input type='checkbox' id='condition1' name='Hypertension' value='Hypertension'>
                    <label for='condition1'> Hypertension</label><br>
                    <input type='checkbox' id='condition2' name='Heart Disease' value='Heart Disease'>
                    <label for='condition2'> Heart Disease</label><br>
                    <input type='checkbox' id='condition3' name='Stoke' value='Stoke'>
                    <label for='condition3'> Stoke</label><br>
                    <input type='checkbox' id='condition4' name='Diabetes' value='Diabetes'>
                    <label for='condition4'> Diabetes</label><br>
                    <input type='checkbox' id='condition5' name='Kidney Disease' value='Kidney Disease'>
                    <label for='condition5'> Kidney Disease</label><br>
                </form>
            </body>
        </html>
    `;

    // Configure render options
    const options = {
        createPdfFormsFromHtml: true,
    };

    // Render HTML content to a PDF with editable forms
    const pdf = await PdfDocument.fromHtml(formHtml, { renderOptions: options });

    // Save the new PDF
    await pdf.saveAs("formField.pdf");
})();

PDF 양식

폼 필드가 포함된 HTML은 폼 필드 정보와 기능을 그대로 유지한 채 PDF로 렌더링될 수도 있습니다. HTML 콘텐츠에서 편집 가능한 PDF 양식을 생성하려면 텍스트 필드, 라디오 버튼, 체크박스와 같은 다양한 입력 필드를 포함하는 HTML 양식을 정의해야 합니다. 이러한 폼 요소들을 통해 사용자는 데이터를 입력하고 선택할 수 있습니다.

이를 달성하려면 createPdfFormsFromHtml 옵션을 true로 설정하십시오. 이 옵션은 HTML 양식을 편집 가능한 PDF 양식으로 변환해야 함을 지정합니다.

다음으로, PdfDocument.fromHtml 메서드를 사용하여 HTML 콘텐츠를 PDF 문서로 렌더링합니다. 지정된 렌더링 옵션을 객체 매개변수로 전달합니다.

마지막으로, saveAs 방법을 사용하여 편집 가능한 양식 필드 PDF를 "formField.pdf"라는 새 PDF 파일로 내보냅니다.

HTML 콘텐츠에서 PDF 양식을 생성하는 방법에 대한 자세한 내용은 IronPDF 제품 페이지에서 상세 정보와 예시를 참조하십시오.

<a href="https://github.com/iron-software/IronPdfNode.Examples/tree/main/examples/form-data" class="code_content__related-link__doc-cta-link">Explore Code Examples for Creating PDF Forms from HTML</a>

<a href="https://github.com/iron-software/IronPdfNode.Examples/tree/main/examples/form-data" class="code_content__related-link__doc-cta-link">Explore Code Examples for Creating PDF Forms from HTML</a>

HTML