PDF 양식

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");
})();

npm i @ironsoftware/ironpdf

npm i @ironsoftware/ironpdf

PDF 양식

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

이 작업을 수행하려면 createPdfFormsFromHtml 옵션을 true로 설정하세요. 이 옵션은 HTML 양식을 편집 가능한 PDF 양식으로 변환해야 함을 지정합니다.

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

마지막으로, 수정 가능한 양식 필드 PDF를 saveAs 메서드를 사용하여 '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

GitHub에서 보기