1010299: changes commit

Author: Gowrishankar-kumar

Document-Processing/PDF/PDF-Library/javascript/DigitalSignature.md

@@ -929,7 +929,7 @@ document.destroy();
 
 ## Sign existing signature field
 
-This section explains how to apply a digital signature to an existing unsigned signature field in a PDF form. The JavaScript PDF library lets you locate predefined signature fields and sign them without modifying the document layout. This is especially useful for templates where signature placeholders already exist. By applying a certificate and signature settings, you can securely complete the signature field and follow standard PDF signing workflows.
+This section explains how to sign an existing unsigned signature field in a PDF using the JavaScript PDF library. You can locate predefined signature fields and apply a digital signature directly by calling `field.setSignature()`, without altering the document layout. This is ideal for templates where signature placeholders already exist, allowing you to securely complete the field using a certificate and signature settings.
 
 {% tabs %}
 {% highlight typescript tabtitle="TypeScript" %}
@@ -948,9 +948,9 @@ const signature: PdfSignature = PdfSignature.create(certificate, 'password', {
 });
 // Apply the signature to the field 
 field.setSignature(signature);
-// Add a form field
-document.form.add(field);
-// Destroy the document
+// Save the document
+document.save('Output.pdf');
+// Close the document
 document.destroy();
 
 {% endhighlight %}
@@ -969,17 +969,17 @@ const signature = ej.pdf.PdfSignature.create(certificate, 'password', {
 });
 // Apply the signature to the field 
 field.setSignature(signature);
-// Add a form field
-document.form.add(field);
-// Destroy the document
+// Save the document
+document.save('Output.pdf');
+// Close the document
 document.destroy();
 
 {% endhighlight %}
 {% endtabs %}
 
 ## Remove existing digital signature
 
-This section explains how to remove one or more digital signatures from a PDF and restore the document to an signed or unsigned state. The JavaScript PDF library allows you to clear signature dictionaries so the file can be edited, re‑signed, or corrected. Removing a signature also invalidates any associated certification, making the document fully editable again. This is useful when preparing a PDF for updates or resolving signature‑related issues.
+This section explains how to remove an existing digital signature from a PDF by using `removeField()` to delete the signature field entirely. Removing the field clears the signature dictionary, allowing the document to be edited, corrected, or re‑signed as needed. This is useful when preparing a PDF for updates or resolving signature‑related issues.
 
 {% tabs %}
 {% highlight typescript tabtitle="TypeScript" %}
@@ -990,9 +990,9 @@ let document: PdfDocument = new PdfDocument(data);
 // Access loaded form
 let form: PdfForm = document.form;
 // Access the loaded form field
-let field: PdfSignatureField = form.fieldAt(0) as PdfSignatureField;
+let field: PdfSignatureField = form.fieldAt(0);
 // Remove the form field
-if (field instanceof PdfSignatureField ) { 
+if (field instanceof PdfSignatureField) { 
     document.form.removeField(field); 
 }
 // Destroy the document

Document-Processing/PDF/PDF-Library/javascript/FormFields.md

@@ -853,11 +853,11 @@ document. Destroy();
 
 ## Add a date field to a PDF form
 
-This section shows how to add a date field to a PDF form, allowing users to enter or select a date within the document. The JavaScript PDF library lets you configure the date field’s appearance, format, and behavior. You can also use `dateField.actions` to trigger custom scripts or validations when the field is focused, changed, or submitted.
+This section shows how to add a date field to a PDF form, allowing users to enter or select a date within the document. The JavaScript PDF library lets you configure the date field’s appearance, format, and behavior. You can use `dateField.actions` to trigger custom scripts or validations when the field is focused, changed, or submitted.
 
 {% tabs %}
 {% highlight typescript tabtitle="TypeScript" %}
-import {PdfDocument, pdfPage, PdfForm, PdfTextBoxField, PdfJavaScriptAction, PdfFormFieldsTabOrder } from '@syncfusion/ej2-pdf';
+import {PdfDocument, pdfPage, PdfForm, PdfTextBoxField, PdfJavaScriptAction } from '@syncfusion/ej2-pdf';
 
 // Create a new PDF document
 let document: PdfDocument = new PdfDocument();
@@ -895,7 +895,7 @@ var page = document.addPage();
 var form = document.form;
 // Create a new text box field
 const field = new ej.pdf.PdfTextBoxField(page, 'fieldF', {
-  x: 50, y: 200, width: 150, height: 20,
+  x: 50, y: 200, width: 150, height: 20
 });
 // Sets the text value to text box field
 field.text = '18/08/2003';

Document-Processing/PDF/PDF-Library/javascript/Lists.md

@@ -16,7 +16,7 @@ This example demonstrates how to create an ordered list in a PDF document using
 
 {% tabs %}
 {% highlight typescript tabtitle="TypeScript" %}
-import { PdfDocument, PdfPage, PdfListItemCollection, PdfBrush, PdfStringFormat, PdfPen, PdfNumberStyle, PdfOrderedList, PdfListItemCollection } from '@syncfusion/ej2-pdf';
+import { PdfDocument, PdfPage, PdfListItemCollection, PdfBrush, PdfStringFormat, PdfPen, PdfNumberStyle, PdfOrderedList, PdfListItemCollection, PdfFontFamily, PdfFontStyle, PdfTextAlignment } from '@syncfusion/ej2-pdf';
 
 // Load an existing document
 let document: PdfDocument = new PdfDocument(data);
@@ -80,7 +80,7 @@ This example demonstrates how to create an unordered list in a PDF document usin
 
 {% tabs %}
 {% highlight typescript tabtitle="TypeScript" %}
-import { PdfDocument, PdfPage, PdfList, PdfStandardFont, PdfBrush, PdfStringFormat, PdfPen, PdfNumberStyle, PdfUnorderedListStyle, PdfListItemCollection } from '@syncfusion/ej2-pdf';
+import { PdfDocument, PdfPage, PdfBrush, PdfStringFormat, PdfFontFamily, PdfUnorderedList, PdfFontStyle, PdfPen, PdfUnorderedListStyle, PdfListItemCollection } from '@syncfusion/ej2-pdf';
 
 // Load the existing document
 let document: PdfDocument = new PdfDocument(data);
@@ -98,7 +98,7 @@ let list: PdfUnorderedList = new PdfUnorderedList(items, {
     brush: new PdfBrush({ r: 0, g: 255, b: 255 }),
     indent: 30,
     textIndent: 50,
-    style: PdfNumberStyle.numeric,
+    style: PdfUnorderedListStyle.disk,
     delimiter:  ')'
 });
 // Draw the unordered list on the page
@@ -125,7 +125,7 @@ var list = new ej.pdf.PdfUnorderedList(items, {
     brush: new ej.pdf.PdfBrush({ r: 0, g: 255, b: 255 }),
     indent: 30,
     textIndent: 50,
-    style: ej.pdf.PdfNumberStyle.numeric,
+    style: ej.pdf.PdfUnorderedListStyle.disk,
     delimiter:  ')'
 });
 // Draw the unordered list on the page
@@ -145,6 +145,7 @@ This example demonstrates how to customize the marker style of an unordered list
 {% tabs %}
 {% highlight typescript tabtitle="TypeScript" %}
 import { PdfDocument, PdfPage, PdfUnorderedList, PdfUnorderedListStyle, PdfListItemCollection } from '@syncfusion/ej2-pdf';
+
 // Load the existing document
 let document: PdfDocument = new PdfDocument(data);
 // Access the first page
@@ -189,13 +190,14 @@ document.destroy();
 {% endhighlight %}
 {% endtabs %}
 
-## Customizing list fonts
+## Applying custom fonts to list items
 
-This example demonstrates how to customize the font used for list items in a PDF document using the `PdfUnorderedList` class. The list supports multiple font types, allowing you to tailor the appearance to different languages and stylistic requirements. You can apply standard PDF fonts, TrueType fonts, or CJK fonts to ensure proper rendering of Western, Unicode, and East Asian text. By selecting an appropriate font family and size, you can create lists that match your document design and provide better readability across various languages.
+This example shows how to apply custom fonts to list items in a PDF by using embedded fonts through `document.embedFont()`. The list supports Standard, TrueType, and CJK fonts, allowing accurate rendering of multilingual text. By selecting an embedded font and applying it to the list, you can control the style and appearance of list content with better consistency across platforms.
 
 {% tabs %}
 {% highlight typescript tabtitle="TypeScript" %}
-import { PdfDocument, PdfPage, PdfUnorderedList, PdfListItemCollection } from '@syncfusion/ej2-pdf';
+import { PdfDocument, PdfPage, PdfUnorderedList, PdfListItemCollection, PdfFontFamily, PdfFontStyle } from '@syncfusion/ej2-pdf';
+
 // Load the existing document
 let document: PdfDocument = new PdfDocument(data);
 // Access the first page
@@ -242,11 +244,12 @@ document.destroy();
 
 ## Creating nested list structures
 
-This example demonstrates how to create nested list structures in a PDF document using the `PdfUnorderedList` and `PdfOrderedList` classes. Nested lists allow you to organize information hierarchically by placing one list inside another. This is useful when representing multi‑level data, outlining topics with subpoints, or grouping related items clearly. Each nested level can have its own marker style, font settings, and giving you full control over the appearance and structure of complex list content.
+This example demonstrates how to create nested list structures in a PDF document using the `PdfUnorderedList` and `PdfOrderedList` classes. Nested lists allow you to organize information hierarchically by placing one list inside another. This is useful when representing multi‑level data, outlining topics with subpoints, or grouping related items clearly.
 
 {% tabs %}
 {% highlight typescript tabtitle="TypeScript" %}
 import { PdfDocument, PdfPage, PdfOrderedList, PdfUnorderedList, PdfUnorderedListStyle, PdfListItemCollection } from '@syncfusion/ej2-pdf';
+
 // Load the existing document
 let document: PdfDocument = new PdfDocument(data);
 // Access the first page
@@ -283,16 +286,18 @@ list.draw(page, {x: 50, y: 150});
 document.save('output.pdf');
 // Destroy the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
 
 ## list pagination
 
-This example demonstrates how the `PdfUnorderedList` class automatically handle pagination when drawing long lists in a PDF document. List pagination ensures that long lists automatically continue onto the next page when there is no remaining space on the current one. The list layout engine preserves marker styles, indentation, and nested levels across page breaks. This provides a smooth and consistent reading experience, even for multi‑page or dynamically generated list content.
+This example shows how long lists automatically continue onto the next page when drawn using the `PdfUnorderedList` class. By applying a `PdfLayoutFormat`, the layout engine handles page breaks smoothly while preserving markers, indentation, and nested levels. This ensures consistent rendering of multi‑page or dynamically generated list content.
 
 {% tabs %}
 {% highlight typescript tabtitle="TypeScript" %}
 import { PdfDocument, PdfPage, PdfList, PdfLayoutFormat, PdfUnorderedList, PdfLayoutBreakType, PdfLayoutType, PdfListItemCollection } from '@syncfusion/ej2-pdf';
+
 // Load the existing document
 let document: PdfDocument = new PdfDocument(data);
 // Access the first page

Document-Processing/PDF/PDF-Library/javascript/Text.md

@@ -357,13 +357,14 @@ document.destroy();
 {% endhighlight %}
 {% endtabs %}
 
-## Draw RTL text using TrueType fonts
+## Drawing Right-To-Left text
 
 This example shows how to draw right-to-left (RTL) text using a TrueType font that supports the target RTL script (for example, Hebrew or Arabic). Embed a TTF font that contains the needed glyphs and pass a `PdfStringFormat` when calling `drawString`.
 
 {% tabs %}
 {% highlight typescript tabtitle="TypeScript" %}
 import { PdfDocument, PdfPage, PdfTrueTypeFont, PdfStringFormat, PdfBrush } from '@syncfusion/ej2-pdf';
+
 // Create a new PDF document
 let document: PdfDocument = new PdfDocument();
 // Add a page
@@ -373,7 +374,7 @@ let font: PdfTrueTypeFont = document.embedFont(data, 13);
 // Draw text
 page.graphics.drawString(`שלום עולם!!!`, font, { x: 0, y: 200, width: 100, height: 100 }, new PdfBrush({ r: 0, g: 0, b: 0 }), new PdfStringFormat());
 // Save the document
-document.save('RTL_Text.pdf');
+document.save('Output.pdf');
 // Close the document
 document.destroy();
 
@@ -389,34 +390,36 @@ var font = document.embedFont(data, 13);
 // Draw text
 page.graphics.drawString(`שלום עולם!!!`, font, { x: 0, y: 200, width: 100, height: 100 }, new ej.pdf.PdfBrush({ r: 0, g: 0, b: 0 }), new ej.pdf.PdfStringFormat());
 // Save the document
-document.save('RTL_Text.pdf');
+document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
 
 ## Embedded font
 
-This example demonstrates how to embed fonts in a PDF document to ensure accurate and consistent text rendering across all platforms. The library supports embedding PdfStandardFont, PdfCjkStandardFont, and PdfTrueTypeFont, enabling reliable display of Western, CJK, and Unicode text even when the required fonts are not installed on the viewing device. Embedded fonts also provide easy access to different font sizes, and styles, allowing you to format text precisely while maintaining the document’s visual consistency.
+This example shows how to embed fonts using `document.embedFont()` to ensure consistent text rendering across all platforms. The library supports embedding `PdfStandardFont`, `PdfCjkStandardFont`, and `PdfTrueTypeFont` for reliable Western, CJK, and Unicode text display. After embedding, the font can be applied through `embedded.getFont()`, allowing precise control over size and style.
 
 {% tabs %}
 {% highlight typescript tabtitle="TypeScript" %}
-import { PdfDocument, PdfPage, PdfFont, PdfFontFamily, PdfFontStyle, PdfCjkFontFamily, PdfBrush } from '@syncfusion/ej2-pdf';
+import { PdfDocument, PdfPage, PdfFont, PdfStandardFont, PdfCjkStandardFont, PdfFontFamily, PdfFontStyle, PdfCjkFontFamily, PdfBrush } from '@syncfusion/ej2-pdf';
 
 // Create a new PDF document
 let document: PdfDocument = new PdfDocument();
 // Add a page
 let page: PdfPage = document.addPage();
 // Embed a font into the PDF document.
-const embedded: PdfFont = document.embedFont(PdfFontFamily.timesRoman, 12,  PdfFontStyle.regular);
-const embedded1: PdfFont = embedded.getFont(14, PdfFontStyle.bold);
-const embedded2: PdfFont = document.embedFont(PdfCjkFontFamily.hanyangSystemsGothicMedium, 12,  PdfFontStyle.regular , true);
-const embedded3: PdfFont = embedded3.getFont(14, PdfFontStyle.bold);
+const embedded1: PdfStandardFont = document.embedFont(PdfFontFamily.timesRoman, 12,  PdfFontStyle.regular);
+const embedded2: PdfCjkStandardFont = document.embedFont(PdfCjkFontFamily.hanyangSystemsGothicMedium, 12,  PdfFontStyle.regular , true);
+// Gets a font variant from the base font with the given size and style
+const embedded3: PdfFont = embedded1.getFont(14, PdfFontStyle.bold);
+const embedded4: PdfFont = embedded2.getFont(14, PdfFontStyle.bold);
 // Draw string using embed font.
-page.graphics.drawString('timesRoman with regular', embedded, {x: 10, y: 10, width: 300, height: 24}, new PdfBrush({r: 0, g: 0, b: 255}));
-page.graphics.drawString('timesRoman with bold', embedded1, {x: 10, y: 50, width: 300, height: 24}, new PdfBrush({r: 0, g: 0, b: 255}));
+page.graphics.drawString('timesRoman with regular', embedded1, {x: 10, y: 10, width: 300, height: 24}, new PdfBrush({r: 0, g: 0, b: 255}));
+page.graphics.drawString('timesRoman with bold', embedded3, {x: 10, y: 50, width: 300, height: 24}, new PdfBrush({r: 0, g: 0, b: 255}));
 page.graphics.drawString('Cjkfont with regular', embedded2, {x: 200, y: 10, width: 300, height: 24}, new PdfBrush({r: 0, g: 0, b: 255}));
-page.graphics.drawString('Cjkfont with bold', embedded3, {x: 200, y: 50, width: 300, height: 24}, new PdfBrush({r: 0, g: 0, b: 255}));
+page.graphics.drawString('Cjkfont with bold', embedded4, {x: 200, y: 50, width: 300, height: 24}, new PdfBrush({r: 0, g: 0, b: 255}));
 // Save the document
 document.save('Output.pdf');
 // Close the document
@@ -430,15 +433,16 @@ var document = new new ej.pdf.PdfDocument();
 // Add a page
 var page = document.addPage();
 // Embed a font into the PDF document.
-const embedded = document.embedFont(new ej.pdf.PdfFontFamily.timesRoman, 12,  new ej.pdf.PdfFontStyle.regular);
-const embedded1 = embedded.getFont(14, new ej.pdf.PdfFontStyle.bold);
+const embedded1 = document.embedFont(new ej.pdf.PdfFontFamily.timesRoman, 12,  new ej.pdf.PdfFontStyle.regular);
 const embedded2 = document.embedFont(new ej.pdf.PdfCjkFontFamily.hanyangSystemsGothicMedium, 12,  new ej.pdf.PdfFontStyle.regular , true);
-const embedded3 = embedded3.getFont(14, new ej.pdf.PdfFontStyle.bold);
+// Gets a font variant from the base font with the given size and style
+const embedded3 = embedded1.getFont(14, new ej.pdf.PdfFontStyle.bold);
+const embedded4 = embedded4.getFont(14, new ej.pdf.PdfFontStyle.bold);
 // Draw string using embed font.
-page.graphics.drawString('timesRoman with regular', embedded, {x: 10, y: 10, width: 300, height: 24}, new new ej.pdf.PdfBrush({r: 0, g: 0, b: 255}));
-page.graphics.drawString('timesRoman with bold', embedded1, {x: 10, y: 50, width: 300, height: 24}, new new ej.pdf.PdfBrush({r: 0, g: 0, b: 255}));
-page.graphics.drawString('Cjkfont with regular', embedded2, {x: 200, y: 10, width: 300, height: 24}, new new ej.pdf.PdfBrush({r: 0, g: 0, b: 255}));
-page.graphics.drawString('Cjkfont with bold', embedded3, {x: 200, y: 50, width: 300, height: 24}, new new ej.pdf.PdfBrush({r: 0, g: 0, b: 255}));
+page.graphics.drawString('timesRoman with regular', embedded1, {x: 10, y: 10, width: 300, height: 24}, new ej.pdf.PdfBrush({r: 0, g: 0, b: 255}));
+page.graphics.drawString('timesRoman with bold', embedded3, {x: 10, y: 50, width: 300, height: 24}, new ej.pdf.PdfBrush({r: 0, g: 0, b: 255}));
+page.graphics.drawString('Cjkfont with regular', embedded2, {x: 200, y: 10, width: 300, height: 24}, new ej.pdf.PdfBrush({r: 0, g: 0, b: 255}));
+page.graphics.drawString('Cjkfont with bold', embedded4, {x: 200, y: 50, width: 300, height: 24}, new ej.pdf.PdfBrush({r: 0, g: 0, b: 255}));
 // Save the document
 document.save('Output.pdf');
 // Close the document