Merge pull request #1953 from syncfusion-content/998417-1

998417-1: Completed the all feedback in JavaScript PDF UG.

Author: chinnumuniyappan

Document-Processing-toc.html

@@ -2587,8 +2587,10 @@
 							<li><a href="/document-processing/pdf/pdf-library/javascript/HyperLinks">Hyperlinks</a></li>
 							<li><a href="/document-processing/pdf/pdf-library/javascript/Layers">Layers</a></li>
 							<li><a href="/document-processing/pdf/pdf-library/javascript/Watermarks">Watermarks</a></li>
+							<li><a href="/document-processing/pdf/pdf-library/javascript/Merge-Document">Merge PDF</a></li>
 							<li><a href="/document-processing/pdf/pdf-library/javascript/Split-Documents">Split PDF</a></li>
 							<li><a href="/document-processing/pdf/pdf-library/javascript/Text-Extraction">Text Extraction</a></li>
+							<li><a href="/document-processing/pdf/pdf-library/javascript/Image-Extraction">Image Extraction</a></li>
 							<li><a href="/document-processing/pdf/pdf-library/javascript/Redaction">Redaction</a></li>
 						</ul>
 
@@ -6005,7 +6007,7 @@
 										<a href="/document-processing/excel/excel-library/net/faqs/does-xlsio-support-reading-Excel-from-azure-blob-storage">Does XlsIO support reading Excel from Azure Blob Storage?</a>
 									</li>
 									<li>
-										<a href="/document-processing/excel/excel-library/net/faqs/does-xlsio-support-auto-correcting formulas">Does XlsIO support auto-correcting formulas?</a>
+										<a href="/document-processing/excel/excel-library/net/faqs/does-xlsio-support-auto-correcting-formulas">Does XlsIO support auto-correcting formulas?</a>
 									</li>
 									<li>  
 										<a href="/document-processing/excel/excel-library/net/faqs/how-are-spaces-in-cell-values-handled-by-xlsio-during-calculation">How are spaces in cell values handled by XlsIO during calculation?</a>

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

@@ -233,7 +233,7 @@ This example demonstrates how to add a free text annotation to a PDF page using
 
 {% tabs %}
 {% highlight typescript tabtitle="TypeScript" %}
-import {PdfDocument, PdfPage, PdfFreeTextAnnotation, PdfTextAlignment, PdfAnnotationBorder, PdfBorderStyle, PdfFreeTextAnnotation, PdfLineEndingStyle, PdfStandardFont, PdfFontFamily, PdfFontStyle} from '@syncfusion/ej2-pdf';
+import {PdfDocument, PdfPage, PdfFreeTextAnnotation, PdfTextAlignment, PdfAnnotationIntent, PdfAnnotationBorder, PdfBorderStyle, PdfLineEndingStyle, PdfFontFamily, PdfFontStyle} from '@syncfusion/ej2-pdf';
 
 // Creates a new PDF document
 let document: PdfDocument = new PdfDocument();
@@ -246,7 +246,7 @@ let freeText = new PdfFreeTextAnnotation({ x: 250, y: 260, width: 180, height: 8
         annotationIntent: PdfAnnotationIntent.freeTextCallout,
         calloutLines: [{ x: 200, y: 320 }, { x: 260, y: 300 }, { x: 260, y: 300 }],
         lineEndingStyle: PdfLineEndingStyle.openArrow,
-        font: new PdfStandardFont(PdfFontFamily.helvetica, 9, PdfFontStyle.italic),
+        font: document.embedFont(PdfFontFamily.helvetica, 10, PdfFontStyle.regular),
         textMarkUpColor: { r: 40, g: 40, b: 40 },
         innerColor: { r: 240, g: 248, b: 255 },
         borderColor: { r: 0, g: 0, b: 0 },
@@ -295,7 +295,7 @@ The following code snippet explains how to add a free text annotation in an exis
 
 {% tabs %}
 {% highlight typescript tabtitle="TypeScript" %}
-import {PdfDocument, PdfPage, PdfFreeTextAnnotation, PdfTextAlignment, PdfAnnotationBorder, PdfBorderStyle, PdfFreeTextAnnotation, PdfLineEndingStyle, PdfStandardFont, PdfFontFamily, PdfFontStyle} from '@syncfusion/ej2-pdf';
+import {PdfDocument, PdfPage, PdfAnnotationIntent, PdfFreeTextAnnotation, PdfTextAlignment, PdfAnnotationBorder, PdfBorderStyle, PdfLineEndingStyle, PdfFontFamily, PdfFontStyle} from '@syncfusion/ej2-pdf';
 
 // Load an existing PDF document
 let document: PdfDocument = new PdfDocument(data);
@@ -308,7 +308,7 @@ let freeText = new PdfFreeTextAnnotation({ x: 250, y: 260, width: 180, height: 8
         annotationIntent: PdfAnnotationIntent.freeTextCallout,
         calloutLines: [{ x: 200, y: 320 }, { x: 260, y: 300 }, { x: 260, y: 300 }],
         lineEndingStyle: PdfLineEndingStyle.openArrow,
-        font: new PdfStandardFont(PdfFontFamily.helvetica, 9, PdfFontStyle.italic),
+        font: document.embedFont(PdfFontFamily.helvetica, 10, PdfFontStyle.regular);
         textMarkUpColor: { r: 40, g: 40, b: 40 },
         innerColor: { r: 240, g: 248, b: 255 },
         borderColor: { r: 0, g: 0, b: 0 },
@@ -1030,7 +1030,7 @@ This example demonstrates how to add a document link annotation to a PDF page us
 
 {% tabs %}
 {% highlight typescript tabtitle="TypeScript" %}
-import {PdfDocument, PdfPage, PdfDocumentLinkAnnotation, PdfDestinationMode, PdfBorderStyle} from '@syncfusion/ej2-pdf';
+import {PdfDocument, PdfPage, PdfDocumentLinkAnnotation, PdfDestination, PdfAnnotationBorder, PdfDestinationMode, PdfBorderStyle} from '@syncfusion/ej2-pdf';
 
 // Create a new PDF document
 let document: PdfDocument = new PdfDocument();
@@ -1077,7 +1077,7 @@ The following code snippet explains how to add a document link annotation in an
 
 {% tabs %}
 {% highlight typescript tabtitle="TypeScript" %}
-import {PdfDocument, PdfPage, PdfDocumentLinkAnnotation, PdfDestinationMode, PdfBorderStyle} from '@syncfusion/ej2-pdf';
+import {PdfDocument, PdfPage, PdfDocumentLinkAnnotation, PdfDestination, PdfAnnotationBorder, PdfDestinationMode, PdfBorderStyle} from '@syncfusion/ej2-pdf';
 
 // Load an existing PDF document
 let document: PdfDocument = new PdfDocument(data);
@@ -2014,7 +2014,7 @@ document.destroy();
 
 ## Modifying the annotations
 
-This example demonstrates how to modify an existing annotation in a PDF page using the PdfAnnotation class. Modifying annotations allows updating properties such as position, color, content, or appearance, enabling customization and refinement of the document’s interactive elements.
+This example demonstrates how to modify an existing annotation in a PDF page using the PdfAnnotation class. Modifying annotations allows updating properties such as position, color, content, or appearance, enabling customization and refinement of the document's interactive elements.
 
 {% tabs %}
 {% highlight typescript tabtitle="TypeScript" %}
@@ -2171,7 +2171,7 @@ This example demonstrates how to export annotations from a PDF document using th
 
 {% tabs %}
 {% highlight typescript tabtitle="TypeScript" %}
-import {PdfDocument, Uint8Array} from '@syncfusion/ej2-pdf';
+import {PdfDocument} from '@syncfusion/ej2-pdf';
 
 // Load an existing PDF document
 let document: PdfDocument = new PdfDocument(data);

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

@@ -182,7 +182,7 @@ This example demonstrates how to remove bookmarks from the document at the speci
 
 {% tabs %}
 {% highlight javascript tabtitle="TypeScript" %}
-import {PdfDocument, PdfPage, PdfBookmarkBase, PdfDestination} from '@syncfusion/ej2-pdf';
+import {PdfDocument, PdfPage, PdfBookmarkBase} from '@syncfusion/ej2-pdf';
 
 // Load an existing PDF document
 let document: PdfDocument = new PdfDocument(data);
@@ -221,7 +221,7 @@ This example demonstrates how to removes all the bookmarks from the collection u
 
 {% tabs %}
 {% highlight javascript tabtitle="TypeScript" %}
-import {PdfDocument, PdfPage, PdfBookmarkBase} from '@syncfusion/ej2-pdf';
+import {PdfDocument, PdfBookmarkBase} from '@syncfusion/ej2-pdf';
 
 // Load an existing PDF document
 let document: PdfDocument = new PdfDocument(data);

Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-angular.md

@@ -16,7 +16,7 @@ This guide explains how to integrate the JavaScript PDF library into an Angular
 
 ## Setup Angular Environment
 
-You can use the [`Angular CLI`](https://github.com/angular/angular-cli) to setup your Angular applications.
+You can use the [Angular CLI](https://github.com/angular/angular-cli) to setup your Angular applications.
 To install the latest Angular CLI globally use the following command.
 
 ```bash
@@ -66,7 +66,7 @@ N> For data extraction features, you need to install the `@syncfusion/ej2-pdf-da
 
 {% tabs %}
 {% highlight ts tabtitle="~/app.component.ts" %}
-import { PdfDocument, PdfPage, PdfStandardFont, PdfPen, PdfBrush } from '@syncfusion/ej2-pdf';
+import { PdfDocument, PdfPage, PdfStandardFont, PdfBrush } from '@syncfusion/ej2-pdf';
 {% endhighlight %}
 {% endtabs %}
 

Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-asp-net-core.md

@@ -35,13 +35,11 @@ Step 5: **Add script reference** : Add the required scripts using the CDN inside
 {% endhighlight %}
 {% endtabs %}
 
-N> Check out the following topics for including script references in an ASP.NET Core application to enable PDF creation using the Syncfusion<sup style="font-size:70%">®</sup> JavaScript PDF library:
+N> Check out the following topics for including script references in an ASP.NET Core application to enable PDF creation using the Syncfusion<sup>&reg;</sup> JavaScript PDF library:
 *   [CDN](https://ej2.syncfusion.com/aspnetcore/documentation/common/adding-script-references#cdn-reference)
 *   [NPM Package](https://ej2.syncfusion.com/aspnetcore/documentation/common/adding-script-references#node-package-manager-npm)
 *   [CRG](https://ej2.syncfusion.com/aspnetcore/documentation/common/custom-resource-generator)
 
-Would you like me to **reformat this into a proper Syncfusion documentation style note block** (with icons and emphasis), or **convert it into a step-by-step guide for adding script references**?
-
 
 Step 6: **Create a PDF document** : Add the script in `~/Views/Home/Index.cshtml` by creating a button and attaching a click event that uses the JavaScript PDF API to generate a PDF document.
 
@@ -58,7 +56,7 @@ Step 6: **Create a PDF document** : Add the script in `~/Views/Home/Index.cshtml
         // Create a new PDF document
         let pdf = new ej.pdf.PdfDocument();
         // Add a new page
-        let page: ej.pdf.PdfPage = document.addPage();
+        let page: ej.pdf.PdfPage = pdf.addPage();
         // Get graphics from the page
         let graphics: ej.pdf.PdfGraphics = page.graphics;
         // Set font

Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-asp-net-mvc.md

@@ -51,7 +51,7 @@ Step 6: **Create a PDF document** : Add the script in `~/Views/Home/Index.cshtml
         // Create a new PDF document
         let pdf = new ej.pdf.PdfDocument();
         // Add a new page
-        let page: ej.pdf.PdfPage = document.addPage();
+        let page: ej.pdf.PdfPage = pdf.addPage();
         // Get graphics from the page
         let graphics: ej.pdf.PdfGraphics = page.graphics;
         // Set font

Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-javascript.md

@@ -70,7 +70,6 @@ Step 4: **Create a PDF document** : Add the script in `index.html` by creating a
         });   
     </script>
 }
-
 {% endhighlight %}
 {% endtabs %}
 

Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-typescript.md

@@ -58,7 +58,7 @@ document.getElementById('normalButton').onclick = (): void => {
 // Create a new PDF document
         let pdf = new PdfDocument();
         // Add a new page
-        let page: PdfPage = document.addPage();
+        let page: PdfPage = pdf.addPage();
         // Get graphics from the page
         let graphics: PdfGraphics = page.graphics;
         // Set font

Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-vue.md

@@ -62,7 +62,7 @@ export default {
         // Create a new PDF document
         const pdf = new ej.pdf.PdfDocument();
         // Add a new page
-        const page: ej.pdf.PdfPage = document.addPage();
+        const page: ej.pdf.PdfPage = pdf.addPage();
         // Get graphics from the page
         const graphics: ej.pdf.PdfGraphics = page.graphics;
         // Set font

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

@@ -360,7 +360,7 @@ This example demonstrates how to retrieve the certificate information of a PDF s
 
 {% tabs %}
 {% highlight typescript tabtitle="TypeScript" %}
-import {PdfDocument, PdfPage, PdfForm, PdfSignatureField, DigestAlgorithm,PdfCertificateInformation, CryptographicStandard} from '@syncfusion/ej2-pdf';
+import {PdfDocument, PdfPage, PdfForm, PdfSignatureField, DigestAlgorithm, PdfCertificateInformation, CryptographicStandard} from '@syncfusion/ej2-pdf';
 
 // Load the document
 let document: PdfDocument = new PdfDocument(data);
@@ -420,7 +420,7 @@ This example demonstrates how to retrieve the configuration options of a digital
 
 {% tabs %}
 {% highlight typescript tabtitle="TypeScript" %}
-import {PdfDocument, PdfPage, PdfForm, PdfSignatureField, DigestAlgorithm, CryptographicStandard} from '@syncfusion/ej2-pdf';
+import {PdfDocument, PdfPage, PdfForm, PdfSignature, PdfSignatureOptions, PdfSignatureField, CryptographicStandard} from '@syncfusion/ej2-pdf';
 
 // Load the document
 let document: PdfDocument = new PdfDocument(data);