PDF Formları

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 Formları

Form alanları içeren HTML, form alanı bilgileri ve işlevselliği korunarak PDF'ye render edilebilir. HTML içeriğinden düzenlenebilir bir PDF formu oluşturmak, metin alanları, radyo tuşları ve onay kutuları gibi çeşitli giriş alanlarını içeren bir HTML form tanımlamayı içerir. Bu form elemanları kullanıcıların veri girmesine ve seçimler yapmasına olanak tanır.

Bunu başarmak için createPdfFormsFromHtml seçeneğini true olarak ayarlayın. Bu seçenek HTML formunun düzenlenebilir bir PDF formuna dönüştürülmesi gerektiğini belirtir.

Ardından, HTML içeriğini PdfDocument.fromHtml yöntemi kullanarak bir PDF belgesine dönüştürün. Belirtilen render seçeneklerini nesne parametresi olarak geçirin.

Son olarak, düzenlenebilir form alanı PDF dosyasını saveAs yöntemi kullanarak "formField.pdf" adlı yeni bir PDF dosyası olarak dışa aktarın.

HTML içeriğinden PDF formları oluşturma hakkında daha fazla bilgi edinmek için ayrıntılı bilgi ve örnekler için IronPDF Ürün Sayfasını ziyaret edin.

<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'da Görüntüle