diff --git a/Document-Processing/PDF/PDF-Library/javascript/Annotations.md b/Document-Processing/PDF/PDF-Library/javascript/Annotations.md
index 3e7366ed3..099a8f047 100644
--- a/Document-Processing/PDF/PDF-Library/javascript/Annotations.md
+++ b/Document-Processing/PDF/PDF-Library/javascript/Annotations.md
@@ -22,7 +22,7 @@ let document: PdfDocument = new PdfDocument();
 // Adds a new page to the PDF
 let page: PdfPage = document.addPage();
 // Creates a new popup annotation
-let popup = new PdfPopupAnnotation(
+let popup: PdfPopupAnnotation = new PdfPopupAnnotation(
     'Test popup annotation',
     { x: 10, y: 40, width: 30, height: 30 },
     {
@@ -42,6 +42,7 @@ document.destroy();
 
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Creates a new PDF document
 var document = new ej.pdf.PdfDocument();
 // Adds a new page to the PDF
@@ -76,7 +77,7 @@ let document: PdfDocument = new PdfDocument(data);
 // Access the first page
 let page: PdfPage = document.getPage(0);
 // Creates a new popup annotation
-let popup = new PdfPopupAnnotation(
+let popup: PdfPopupAnnotation = new PdfPopupAnnotation(
     'Test popup annotation',
     { x: 10, y: 40, width: 30, height: 30 },
     {
@@ -96,6 +97,7 @@ document.destroy();
 
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
 // Access the first page
@@ -134,7 +136,7 @@ let document: PdfDocument = new PdfDocument();
 // Adds a new page to the PDF
 let page: PdfPage = document.addPage();
 // Creates a file link annotation
-let fileLink = new PdfFileLinkAnnotation(
+let fileLink: PdfFileLinkAnnotation = new PdfFileLinkAnnotation(
     { x: 100, y: 150, width: 120, height: 18 },
     'logo.png',
     {
@@ -142,7 +144,7 @@ let fileLink = new PdfFileLinkAnnotation(
         author: 'Syncfusion',
         subject: 'File Link Annotation',
         color: { r: 0, g: 0, b: 255 },
-        action: "app.alert('Launching file');"
+        action: "app.alert('Launching file')"
     });
 // Adds annotation to the page
 page.annotations.add(fileLink);
@@ -153,6 +155,7 @@ document.destroy();
 
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Creates a new PDF document
 var document = new ej.pdf.PdfDocument();
 // Adds a new page to the PDF
@@ -163,7 +166,7 @@ text:'Open attachment',
 author:'Syncfusion',
 subject:'File Link Annotation',
 color:{r:0,g:0,b:255},
-action:"app.alert('Launching file');"
+action:"app.alert('Launching file')"
 });
 // Adds annotation to the page
 page.annotations.add(fileLink);
@@ -186,7 +189,7 @@ let document: PdfDocument = new PdfDocument(data);
 // Access the first page
 let page: PdfPage = document.getPage(0);
 // Creates a file link annotation
-let fileLink = new PdfFileLinkAnnotation(
+let fileLink: PdfFileLinkAnnotation = new PdfFileLinkAnnotation(
     { x: 100, y: 150, width: 120, height: 18 },
     'logo.png',
     {
@@ -194,7 +197,7 @@ let fileLink = new PdfFileLinkAnnotation(
         author: 'Syncfusion',
         subject: 'File Link Annotation',
         color: { r: 0, g: 0, b: 255 },
-        action: "app.alert('Launching file');"
+        action: "app.alert('Launching file')"
     });
 // Adds annotation to the page
 page.annotations.add(fileLink);
@@ -205,6 +208,7 @@ document.destroy();
 
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
 // Access the first page
@@ -215,7 +219,7 @@ text:'Open attachment',
 author:'Syncfusion',
 subject:'File Link Annotation',
 color:{r:0,g:0,b:255},
-action:"app.alert('Launching file');"
+action:"app.alert('Launching file')"
 });
 // Adds annotation to the page
 page.annotations.add(fileLink);
@@ -240,7 +244,7 @@ let document: PdfDocument = new PdfDocument();
 // Adds a new page to the PDF
 let page: PdfPage = document.addPage();
 // Create new free text annotation
-let freeText = new PdfFreeTextAnnotation({ x: 250, y: 260, width: 180, height: 80 },
+let freeText: PdfFreeTextAnnotation = new PdfFreeTextAnnotation({ x: 250, y: 260, width: 180, height: 80 },
     {
         text: 'Free Text with Callout',
         annotationIntent: PdfAnnotationIntent.freeTextCallout,
@@ -263,6 +267,7 @@ document.destroy();
 
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Creates a new PDF document
 var document = new ej.pdf.PdfDocument();
 // Adds a new page to the PDF
@@ -302,7 +307,7 @@ let document: PdfDocument = new PdfDocument(data);
 // Access the first page
 let page: PdfPage = document.getPage(0);
 // Create new free text annotation
-let freeText = new PdfFreeTextAnnotation({ x: 250, y: 260, width: 180, height: 80 },
+let freeText: PdfFreeTextAnnotation = new PdfFreeTextAnnotation({ x: 250, y: 260, width: 180, height: 80 },
     {
         text: 'Free Text with Callout',
         annotationIntent: PdfAnnotationIntent.freeTextCallout,
@@ -325,6 +330,7 @@ document.destroy();
 
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
 // Access the first page
@@ -388,6 +394,7 @@ document.destroy();
 
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Creates a new PDF document
 var document = new ej.pdf.PdfDocument();
 // Adds a new page to the PDF
@@ -548,6 +555,7 @@ document.destroy();
 
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
 // Access the first page
@@ -580,7 +588,7 @@ let document: PdfDocument = new PdfDocument();
 // Add a new page to the PDF
 let page: PdfPage = document.addPage();
 // Create an ink annotation
-let annotation = new PdfInkAnnotation(
+let annotation: PdfInkAnnotation = new PdfInkAnnotation(
     { x: 50, y: 100, width: 200, height: 150 },
     [
         { x: 60, y: 120 },
@@ -610,12 +618,13 @@ let annotation = new PdfInkAnnotation(
 // Add annotation to the page
 page.annotations.add(annotation);
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
 
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Create a new PDF document
 var document = new ej.pdf.PdfDocument();
 // Add a new page to the PDF
@@ -640,7 +649,7 @@ var annotation = new ej.pdf.PdfInkAnnotation(
 // Add annotation to the page
 page.annotations.add(annotation);
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
 
@@ -658,7 +667,7 @@ let document: PdfDocument = new PdfDocument(data);
 // Access the first page
 let page: PdfPage = document.getPage(0);
 // Create an ink annotation
-let annotation = new PdfInkAnnotation(
+let annotation: PdfInkAnnotation = new PdfInkAnnotation(
     { x: 50, y: 100, width: 200, height: 150 },
     [
         { x: 60, y: 120 },
@@ -688,12 +697,13 @@ let annotation = new PdfInkAnnotation(
 // Add annotation to the page
 page.annotations.add(annotation);
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
 
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
 // Access the first page
@@ -718,7 +728,7 @@ var annotation = new ej.pdf.PdfInkAnnotation(
 // Add annotation to the page
 page.annotations.add(annotation);
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
 
@@ -738,7 +748,7 @@ let document: PdfDocument = new PdfDocument();
 // Adds a new page to the PDF
 let page: PdfPage = document.addPage();
 // Create a new popup annotation
-let annotation = new PdfPopupAnnotation('Review this paragraph',
+let annotation: PdfPopupAnnotation = new PdfPopupAnnotation('Review this paragraph',
 {x: 10, y: 40, width: 30, height: 30},
 {
   author: 'Reviewer',
@@ -753,12 +763,13 @@ let annotation = new PdfPopupAnnotation('Review this paragraph',
 // Add annotation to the page
 page.annotations.add(annotation);
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
 
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Create a new PDF document
 var document = new ej.pdf.PdfDocument();
 // Adds a new page to the PDF
@@ -776,7 +787,7 @@ var annotation = new ej.pdf.PdfPopupAnnotation('Review this paragraph',{x:10,y:4
 // Add annotation to the page
 page.annotations.add(annotation);
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
 
@@ -793,7 +804,7 @@ import {PdfDocument, PdfPage, PdfPopupAnnotation, PdfPopupIcon, PdfAnnotationSta
 let document: PdfDocument = new PdfDocument(data);
 // Access the first page
 let page: PdfPage = document.getPage(0);
-let annotation = new PdfPopupAnnotation('Review this paragraph',
+let annotation: PdfPopupAnnotation = new PdfPopupAnnotation('Review this paragraph',
     {x: 10, y: 40, width: 30, height: 30},
     {
 author: 'Reviewer',
@@ -808,12 +819,13 @@ author: 'Reviewer',
 // Add annotation to the page
 page.annotations.add(annotation);
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
 
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
 // Access the first page
@@ -831,7 +843,7 @@ var annotation = new ej.pdf.PdfPopupAnnotation('Review this paragraph',{x:10,y:4
 // Add annotation to the page
 page.annotations.add(annotation);
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
 
@@ -851,7 +863,7 @@ let document: PdfDocument = new PdfDocument();
 // Adds a new page to the PDF
 let page: PdfPage = document.addPage();
 // Create a new attachment annotation
-let annotation = new PdfAttachmentAnnotation(
+let annotation: PdfAttachmentAnnotation = new PdfAttachmentAnnotation(
       { x: 300, y: 200, width: 30, height: 30 },
       'Nature.jpg',
        imageData,
@@ -861,12 +873,13 @@ let annotation = new PdfAttachmentAnnotation(
 // Add annotation to the page
 page.annotations.add(annotation);
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
 
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Create a new PDF document
 var document = new ej.pdf.PdfDocument();
 // Adds a new page to the PDF
@@ -887,7 +900,7 @@ var annotation = new ej.pdf.PdfAttachmentAnnotation(
 // Add annotation to the page
 page.annotations.add(annotation);
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
 
@@ -905,7 +918,7 @@ let document: PdfDocument = new PdfDocument(data);
 // Access the first page
 let page: PdfPage = document.getPage(0);
 // Create a new attachment annotation
-let annotation = new PdfAttachmentAnnotation(
+let annotation: PdfAttachmentAnnotation = new PdfAttachmentAnnotation(
       { x: 300, y: 200, width: 30, height: 30 },
       'Nature.jpg',
        imageData,
@@ -915,12 +928,13 @@ let annotation = new PdfAttachmentAnnotation(
 // Add annotation to the page
 page.annotations.add(annotation);
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
 
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
 // Access the first page
@@ -941,7 +955,7 @@ var annotation = new ej.pdf.PdfAttachmentAnnotation(
 // Add annotation to the page
 page.annotations.add(annotation);
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
 
@@ -965,12 +979,13 @@ let annotation: PdfUriAnnotation = new PdfUriAnnotation({ x: 100, y: 150, width:
 // Add annotation to the page
 page.annotations.add(annotation);
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
 
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Create a new PDF document
 var document = new ej.pdf.PdfDocument();
 // Adds a new page to the PDF
@@ -980,7 +995,7 @@ var annotation = new ej.pdf.PdfUriAnnotation({x:100,y:150,width:200,height:100},
 // Add annotation to the page
 page.annotations.add(annotation);
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
 
@@ -1002,12 +1017,13 @@ let annotation: PdfUriAnnotation = new PdfUriAnnotation({ x: 100, y: 150, width:
 // Add annotation to the page
 page.annotations.add(annotation);
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
 
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
 // Access the first page
@@ -1017,7 +1033,7 @@ var annotation = new ej.pdf.PdfUriAnnotation({x:100,y:150,width:200,height:100},
 // Add annotation to the page
 page.annotations.add(annotation);
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
 
@@ -1037,9 +1053,9 @@ let document: PdfDocument = new PdfDocument();
 // Adds a new page to the PDF
 let page: PdfPage = document.addPage();
 // Create new document link annotation
-let annotation = new PdfDocumentLinkAnnotation(
+let annotation: PdfDocumentLinkAnnotation = new PdfDocumentLinkAnnotation(
       { x: 80, y: 100, width: 120, height: 18 },
-      new PdfDestination({page, location: { x: 0, y: 0 }, mode: PdfDestinationMode.fitToPage}),
+      new PdfDestination(page, { x: 0, y: 0 }, {mode: PdfDestinationMode.fitToPage}),
       {
 color: { r: 0, g: 128, b: 0 }, opacity: 1,
      border: new PdfAnnotationBorder({ width: 1, hRadius: 0, vRadius: 0, style: PdfBorderStyle.solid })}
@@ -1047,12 +1063,13 @@ color: { r: 0, g: 128, b: 0 }, opacity: 1,
 // Add annotation to the page
 page.annotations.add(annotation);
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
 
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Create a new PDF document
 var document = new ej.pdf.PdfDocument();
 // Adds a new page to the PDF
@@ -1060,13 +1077,13 @@ var page = document.addPage();
 // Create new document link annotation
 var annotation = new ej.pdf.PdfDocumentLinkAnnotation(
   {x:80,y:100,width:120,height:18},
-  new ej.pdf.PdfDestination({page:page,location:{x:0,y:0},mode:ej.pdf.PdfDestinationMode.fitToPage}),
+  new ej.pdf.PdfDestination(page:page,{x:0,y:0},{mode:ej.pdf.PdfDestinationMode.fitToPage}),
   {color:{r:0,g:128,b:0},opacity:1,border:new ej.pdf.PdfAnnotationBorder({width:1,hRadius:0,vRadius:0,style:ej.pdf.PdfBorderStyle.solid})}
 );
 // Add annotation to the page
 page.annotations.add(annotation);
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
 
@@ -1086,7 +1103,7 @@ let page: PdfPage = document.getPage(0);
 // Create new document link annotation
 let annotation = new PdfDocumentLinkAnnotation(
       { x: 80, y: 100, width: 120, height: 18 },
-      new PdfDestination({page, location: { x: 0, y: 0 }, mode: PdfDestinationMode.fitToPage}),
+      new PdfDestination(page, { x: 0, y: 0 }, { mode: PdfDestinationMode.fitToPage}),
       {
 color: { r: 0, g: 128, b: 0 }, opacity: 1,
      border: new PdfAnnotationBorder({ width: 1, hRadius: 0, vRadius: 0, style: PdfBorderStyle.solid })}
@@ -1094,12 +1111,13 @@ color: { r: 0, g: 128, b: 0 }, opacity: 1,
 // Add annotation to the page
 page.annotations.add(annotation);
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
 
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
 // Access the first page
@@ -1107,9 +1125,9 @@ var page = document.getPage(0);
 // Create new document link annotation
 var annotation = new ej.pdf.PdfDocumentLinkAnnotation(
   { x: 80, y: 100, width: 120, height: 18 },
-  new ej.pdf.PdfDestination({
-    page: page,
-    location: { x: 0, y: 0 },
+  new ej.pdf.PdfDestination(
+    page,
+    { x: 0, y: 0 },{
     mode: ej.pdf.PdfDestinationMode.fitToPage
   }),
   {
@@ -1126,7 +1144,7 @@ var annotation = new ej.pdf.PdfDocumentLinkAnnotation(
 // Add annotation to the page
 page.annotations.add(annotation);
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
 
@@ -1152,18 +1170,18 @@ borderColor: { r: 255, g: 0, b: 0},
           repeatText: true,
           overlayText: 'Sample Overlay',
           font: document.embedFont(PdfFontFamily.helvetica, 10, PdfFontStyle.regular),
-          textColor: { r: 0, g: 0, b: 0},
-          appearanceFillColor: { r: 255, g: 255, b: 255}
+          textColor: { r: 0, g: 0, b: 0}
 });
 // Add annotation to the page
 page.annotations.add(annotation);
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
 
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Create a new PDF document
 var document = new ej.pdf.PdfDocument();
 // Adds a new page to the PDF
@@ -1176,14 +1194,13 @@ var annotation = new ej.pdf.PdfRedactionAnnotation(
     repeatText: true,
     overlayText: 'Sample Overlay',
     font: document.embedFont(ej.pdf.PdfFontFamily.helvetica, 10, ej.pdf.PdfFontStyle.regular),
-    textColor: { r: 0, g: 0, b: 0 },
-    appearanceFillColor: { r: 255, g: 255, b: 255 }
+    textColor: { r: 0, g: 0, b: 0 }
   }
 );
 // Add annotation to the page
 page.annotations.add(annotation);
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
 
@@ -1207,18 +1224,18 @@ borderColor: { r: 255, g: 0, b: 0},
           repeatText: true,
           overlayText: 'Sample Overlay',
           font: document.embedFont(PdfFontFamily.helvetica, 10, PdfFontStyle.regular),
-          textColor: { r: 0, g: 0, b: 0},
-          appearanceFillColor: { r: 255, g: 255, b: 255}
+          textColor: { r: 0, g: 0, b: 0}
 });
 // Add annotation to the page
 page.annotations.add(annotation);
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
 
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
 // Access the first page
@@ -1231,14 +1248,13 @@ var annotation = new ej.pdf.PdfRedactionAnnotation(
     repeatText: true,
     overlayText: 'Sample Overlay',
     font: document.embedFont(ej.pdf.PdfFontFamily.helvetica, 10, ej.pdf.PdfFontStyle.regular),
-    textColor: { r: 0, g: 0, b: 0 },
-    appearanceFillColor: { r: 255, g: 255, b: 255 }
+    textColor: { r: 0, g: 0, b: 0 }
   }
 );
 // Add annotation to the page
 page.annotations.add(annotation);
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
 
@@ -1264,12 +1280,13 @@ annotation.color = { r: 0, g: 0, b: 0};
 // Add annotation to the page
 page.annotations.add(annotation);
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
 
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Create a new PDF document
 var document = new ej.pdf.PdfDocument();
 // Adds a new page to the PDF
@@ -1281,7 +1298,7 @@ annotation.color = { r: 0, g: 0, b: 0 };
 // Add annotation to the page
 page.annotations.add(annotation);
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
 
@@ -1305,12 +1322,13 @@ annotation.color = { r: 0, g: 0, b: 0};
 // Add annotation to the page
 page.annotations.add(annotation);
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
 
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
 // Access the first page
@@ -1322,7 +1340,7 @@ annotation.color = { r: 0, g: 0, b: 0 };
 // Add annotation to the page
 page.annotations.add(annotation);
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
 
@@ -1343,7 +1361,7 @@ let document: PdfDocument = new PdfDocument();
 let page: PdfPage = document.addPage();
 // Create a new text markup annotation
 // Create a new text markup annotation
-let annotation = new PdfTextMarkupAnnotation('Water Mark', {x: 0, y: 0, width: 0, height: 0}, {
+let annotation: PdfTextMarkupAnnotation = new PdfTextMarkupAnnotation('Water Mark', {x: 0, y: 0, width: 0, height: 0}, {
 boundsCollection: [{ x: 50, y: 200, width: 120, height: 14}, { x: 50, y: 215, width: 90, height: 14}],
        textMarkupType: PdfTextMarkupAnnotationType.underline, author: 'Syncfusion', subject: 'Annotation',
        textMarkUpColor: { r: 0, g: 128, b: 255}, innerColor: { r: 0, g: 0, b: 255}, opacity: 0.5,
@@ -1352,12 +1370,13 @@ boundsCollection: [{ x: 50, y: 200, width: 120, height: 14}, { x: 50, y: 215, wi
 // Add annotation to the page
 page.annotations.add(annotation);
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
 
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Create a new PDF document
 var document = new ej.pdf.PdfDocument();
 // Adds a new page to the PDF
@@ -1388,8 +1407,9 @@ var annotation = new ej.pdf.PdfTextMarkupAnnotation(
 // Add annotation to the page
 page.annotations.add(annotation);
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
+document.destroy();
 
 {% endhighlight %}
 {% endtabs %}
@@ -1405,8 +1425,7 @@ let document: PdfDocument = new PdfDocument(data);
 // Access the first page
 let page: PdfPage = document.getPage(0);
 // Create a new text markup annotation
-// Create a new text markup annotation
-let annotation = new PdfTextMarkupAnnotation('Water Mark', {x: 0, y: 0, width: 0, height: 0}, {
+let annotation: PdfTextMarkupAnnotation = new PdfTextMarkupAnnotation('Water Mark', {x: 0, y: 0, width: 0, height: 0}, {
 boundsCollection: [{ x: 50, y: 200, width: 120, height: 14}, { x: 50, y: 215, width: 90, height: 14}],
        textMarkupType: PdfTextMarkupAnnotationType.underline, author: 'Syncfusion', subject: 'Annotation',
        textMarkUpColor: { r: 0, g: 128, b: 255}, innerColor: { r: 0, g: 0, b: 255}, opacity: 0.5,
@@ -1415,12 +1434,13 @@ boundsCollection: [{ x: 50, y: 200, width: 120, height: 14}, { x: 50, y: 215, wi
 // Add annotation to the page
 page.annotations.add(annotation);
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
 
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
 // Access the first page
@@ -1451,7 +1471,7 @@ var annotation = new ej.pdf.PdfTextMarkupAnnotation(
 // Add annotation to the page
 page.annotations.add(annotation);
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
 
@@ -1471,7 +1491,7 @@ let document: PdfDocument = new PdfDocument();
 // Adds a new page to the PDF
 let page: PdfPage = document.addPage();
 // Create a new rectangle annotation with bounds
-let annotation = new PdfRectangleAnnotation({ x: 50, y: 80, width: 200, height: 100 }, {
+let annotation: PdfRectangleAnnotation = new PdfRectangleAnnotation({ x: 50, y: 80, width: 200, height: 100 }, {
 text: 'Rect', author: 'Syncfusion', subject: 'Rectangle Annotation',
        color: { r: 255, g: 0, b: 0 },
        innerColor: { r: 255, g: 240, b: 240 },
@@ -1481,12 +1501,13 @@ text: 'Rect', author: 'Syncfusion', subject: 'Rectangle Annotation',
 // Add annotation to the page
 page.annotations.add(annotation);
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
 
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Create a new PDF document
 var document = new ej.pdf.PdfDocument();
 // Adds a new page to the PDF
@@ -1512,7 +1533,7 @@ var annotation = new ej.pdf.PdfRectangleAnnotation(
 // Add annotation to the page
 page.annotations.add(annotation);
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
 
@@ -1530,7 +1551,7 @@ let document: PdfDocument = new PdfDocument(data);
 // Access the first page
 let page: PdfPage = document.getPage(0);
 // Create a new square annotation with bounds
-let annotation = new PdfRectangleAnnotation({ x: 50, y: 80, width: 200, height: 100 }, {
+let annotation: PdfRectangleAnnotation = new PdfRectangleAnnotation({ x: 50, y: 80, width: 200, height: 100 }, {
 text: 'Rect', author: 'Syncfusion', subject: 'Rectangle Annotation',
        color: { r: 255, g: 0, b: 0 },
        innerColor: { r: 255, g: 240, b: 240 },
@@ -1540,12 +1561,13 @@ text: 'Rect', author: 'Syncfusion', subject: 'Rectangle Annotation',
 // Add annotation to the page
 page.annotations.add(annotation);
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
 
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
 // Access the first page
@@ -1571,7 +1593,7 @@ var annotation = new ej.pdf.PdfRectangleAnnotation(
 // Add annotation to the page
 page.annotations.add(annotation);
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
 
@@ -1591,7 +1613,7 @@ let document: PdfDocument = new PdfDocument();
 // Adds a new page to the PDF
 let page: PdfPage = document.addPage();
 // Create a new polygon annotation with bounds
-let annotation = new PdfPolygonAnnotation(
+let annotation: PdfPolygonAnnotation = new PdfPolygonAnnotation(
 [{ x: 100, y: 300 }, { x: 150, y: 200 }, { x: 300, y: 200 }, { x: 350, y: 300 }, { x: 300, y: 400 }, { x: 150, y: 400 }],
        {
 text: 'Polygon', author: 'Syncfusion', subject: 'Polygon Annotation',
@@ -1603,12 +1625,13 @@ text: 'Polygon', author: 'Syncfusion', subject: 'Polygon Annotation',
 // Add annotation to the page
 page.annotations.add(annotation);
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
 
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Create a new PDF document
 var document = new ej.pdf.PdfDocument();
 // Adds a new page to the PDF
@@ -1641,7 +1664,7 @@ var annotation = new ej.pdf.PdfPolygonAnnotation(
 // Add annotation to the page
 page.annotations.add(annotation);
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
 
@@ -1659,7 +1682,7 @@ let document: PdfDocument = new PdfDocument(data);
 // Access the first page
 let page: PdfPage = document.getPage(0);
 // Create a new polygon annotation with bounds
-let annotation = new PdfPolygonAnnotation(
+let annotation: PdfPolygonAnnotation = new PdfPolygonAnnotation(
 [{ x: 100, y: 300 }, { x: 150, y: 200 }, { x: 300, y: 200 }, { x: 350, y: 300 }, { x: 300, y: 400 }, { x: 150, y: 400 }],
        {
 text: 'Polygon', author: 'Syncfusion', subject: 'Polygon Annotation',
@@ -1671,12 +1694,13 @@ text: 'Polygon', author: 'Syncfusion', subject: 'Polygon Annotation',
 // Add annotation to the page
 page.annotations.add(annotation);
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
 
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
 // Access the first page
@@ -1709,7 +1733,7 @@ var annotation = new ej.pdf.PdfPolygonAnnotation(
 // Add annotation to the page
 page.annotations.add(annotation);
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
 
@@ -1729,7 +1753,7 @@ let document: PdfDocument = new PdfDocument();
 // Adds a new page to the PDF
 let page: PdfPage = document.addPage();
 // Create a new circle annotation with circle bounds
-let annotation = new PdfCircleAnnotation({ x: 50, y: 100, width: 120, height: 120 }, {
+let annotation: PdfCircleAnnotation = new PdfCircleAnnotation({ x: 50, y: 100, width: 120, height: 120 }, {
 text: 'Diameter',
        author: 'Syncfusion',
        color: { r: 255, g: 0, b: 0},
@@ -1741,12 +1765,13 @@ text: 'Diameter',
 // Add annotation to the page
 page.annotations.add(annotation);
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
 
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Create a new PDF document
 var document = new ej.pdf.PdfDocument();
 // Adds a new page to the PDF
@@ -1773,7 +1798,7 @@ var annotation = new ej.pdf.PdfCircleAnnotation(
 // Add annotation to the page
 page.annotations.add(annotation);
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 
 {% endhighlight %}
@@ -1790,7 +1815,7 @@ let document: PdfDocument = new PdfDocument(data);
 // Access the first page
 let page: PdfPage = document.getPage(0);
 // Create a new circle annotation with circle bounds
-let annotation = new PdfCircleAnnotation({ x: 50, y: 100, width: 120, height: 120 }, {
+let annotation: PdfCircleAnnotation = new PdfCircleAnnotation({ x: 50, y: 100, width: 120, height: 120 }, {
 text: 'Diameter',
        author: 'Syncfusion',
        color: { r: 255, g: 0, b: 0},
@@ -1802,12 +1827,13 @@ text: 'Diameter',
 // Add annotation to the page
 page.annotations.add(annotation);
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
 
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
 // Access the first page
@@ -1837,7 +1863,7 @@ var annotation = new ej.pdf.PdfCircleAnnotation(
 // Add annotation to the page
 page.annotations.add(annotation);
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
 
@@ -1857,7 +1883,7 @@ let document: PdfDocument = new PdfDocument();
 // Adds a new page to the PDF
 let page: PdfPage = document.addPage();
 // Create a new ellipse annotation with bounds
-let annotation = new PdfEllipseAnnotation({ x: 80, y: 120, width: 160, height: 100 }, {
+let annotation: PdfEllipseAnnotation = new PdfEllipseAnnotation({ x: 80, y: 120, width: 160, height: 100 }, {
 text: 'Ellipse', author: 'Syncfusion', subject: 'Ellipse Annotation',
        color: { r: 0, g: 128, b: 255},
        innerColor: { r: 220, g: 240, b: 255},
@@ -1867,12 +1893,13 @@ text: 'Ellipse', author: 'Syncfusion', subject: 'Ellipse Annotation',
 // Add annotation to the page
 page.annotations.add(annotation);
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
 
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Create a new PDF document
 var document = new ej.pdf.PdfDocument();
 // Adds a new page to the PDF
@@ -1898,7 +1925,7 @@ var annotation = new ej.pdf.PdfEllipseAnnotation(
 // Add annotation to the page
 page.annotations.add(annotation);
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
 
@@ -1916,7 +1943,7 @@ let document: PdfDocument = new PdfDocument(data);
 // Access the first page
 let page: PdfPage = document.getPage(0);
 // Create a new ellipse annotation with bounds
-let annotation = new PdfEllipseAnnotation({ x: 80, y: 120, width: 160, height: 100 }, {
+let annotation: PdfEllipseAnnotation = new PdfEllipseAnnotation({ x: 80, y: 120, width: 160, height: 100 }, {
 text: 'Ellipse', author: 'Syncfusion', subject: 'Ellipse Annotation',
        color: { r: 0, g: 128, b: 255},
        innerColor: { r: 220, g: 240, b: 255},
@@ -1926,12 +1953,13 @@ text: 'Ellipse', author: 'Syncfusion', subject: 'Ellipse Annotation',
 // Add annotation to the page
 page.annotations.add(annotation);
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
 
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
 // Access the first page
@@ -1957,7 +1985,7 @@ var annotation = new ej.pdf.PdfEllipseAnnotation(
 // Add annotation to the page
 page.annotations.add(annotation);
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
 
@@ -1970,10 +1998,68 @@ This example demonstrates how to access a measurement annotation from a PDF page
 
 Common types of measurement annotations include:
 
-* Line   - Represents a straight distance between two points.
-* Circle - Used to measure circular dimensions.
-* Square - Defines rectangular or square measurements.
-* Angle  - Displays angular measurements between two intersecting lines.
+* Line   - Represents a straight distance between two points.(distance)
+* Circle - Used to measure circular dimensions.(Radius)
+* Square - Defines rectangular or square measurements.(Area)
+* Angle  - Displays angular measurements between two intersecting lines.(degrees)
+
+{% tabs %}
+{% highlight typescript tabtitle="TypeScript" %}
+import {PdfDocument, PdfPage, PdfLineAnnotation, PdfAnnotationLineEndingStyle, PdfLineEndingStyle, PdfAnnotationCaption, PdfLineCaptionType, PdfMeasurementUnit} from '@syncfusion/ej2-pdf';
+
+// Creates a new PDF document
+let document: PdfDocument = new PdfDocument();
+// Adds a new page to the PDF
+let page: PdfPage = document.addPage();
+// Creates a new line annotation.
+let lineAnnotation: PdfLineAnnotation = new PdfLineAnnotation({ x: 80, y: 420 }, { x: 150, y: 420 }, {
+    text: 'Line Annotation',
+    author: 'Syncfusion',
+    color: { r: 255, g: 0, b: 0 },
+    innerColor: { r: 255, g: 255, b: 0 },
+    lineEndingStyle: new PdfAnnotationLineEndingStyle({ begin: PdfLineEndingStyle.circle, end: PdfLineEndingStyle.diamond }),
+    opacity: 0.5,
+    measurementUnit: PdfMeasurementUnit.centimeter
+});
+// Assigns the line caption type
+lineAnnotation.caption = new PdfAnnotationCaption({ cap: true, type: PdfLineCaptionType.inline });
+// Adds annotation to the page
+page.annotations.add(lineAnnotation);
+// Saves and download the PDF document
+document.save('output.pdf');
+// Destroy the document
+document.destroy();
+
+{% endhighlight %}
+{% highlight javascript tabtitle="JavaScript" %}
+
+// Creates a new PDF document
+var document = new ej.pdf.PdfDocument();
+// Adds a new page to the PDF
+var page = document.addPage();
+// Creates a new line annotation.
+var lineAnnotation = new ej.pdf.PdfLineAnnotation({x:80,y:420},{x:150,y:420},{
+text:'Line Annotation',
+author:'Syncfusion',
+color:{r:255,g:0,b:0},
+innerColor:{r:255,g:255,b:0},
+lineEndingStyle:new ej.pdf.PdfAnnotationLineEndingStyle({begin:ej.pdf.PdfLineEndingStyle.circle,end:ej.pdf.PdfLineEndingStyle.diamond}),
+opacity:0.5,
+measurementUnit: PdfMeasurementUnit.centimeter
+});
+// Assigns the line caption type
+lineAnnotation.caption = new ej.pdf.PdfAnnotationCaption({cap:true,type:ej.pdf.PdfLineCaptionType.inline});
+// Adds annotation to the page
+page.annotations.add(lineAnnotation);
+// Saves and download the PDF document
+document.save('output.pdf');
+// Destroy the document
+document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+The following code snippet explains how to add a measurement annotation in an existing PDF document.
 
 {% tabs %}
 {% highlight typescript tabtitle="TypeScript" %}
@@ -1984,16 +2070,19 @@ let document: PdfDocument = new PdfDocument(data);
 // Access the first page
 let page: PdfPage = document.getPage(0);
 // Access the annotation at index 0
-let annotation: PdfLineAnnotation = page.annotations.at(0) PdfLineAnnotation;
+let annotation: PdfLineAnnotation = page.annotations.at(0) as PdfLineAnnotation;
 // Sets the measurement unit of line measurement annoation as centimeter
 annotation.unit = PdfMeasurementUnit.centimeter;
+// Sets the flag to have measurement dictionary of the line annotation.
+annotation.measure = true;
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
 
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
 // Access the first page
@@ -2003,9 +2092,10 @@ var annotation = page.annotations.at(0);
 // Sets the measurement unit of line measurement annotation as centimeter
 if (annotation instanceof ej.pdf.PdfLineAnnotation) {
   annotation.unit = ej.pdf.PdfMeasurementUnit.centimeter;
+  annotation.measure = true;
 }
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
 
@@ -2028,16 +2118,16 @@ let page: PdfPage = document.getPage(0);
 let annotation: PdfPopupAnnotation = page.annotations.at(0) as PdfPopupAnnotation;
 // Modified its properties
 annotation.text = 'Popup annotation';
-annotation.color = { r: 0, g: 128, b: 255}
-;
+annotation.color = { r: 0, g: 128, b: 255};
 annotation.opacity = 0.5;
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
 
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
 // Access the first page
@@ -2051,7 +2141,7 @@ if (annotation instanceof ej.pdf.PdfPopupAnnotation) {
   annotation.opacity = 0.5;
 }
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
 
@@ -2074,8 +2164,10 @@ let page: PdfPage = document.getPage(0);
 let annotation: PdfAnnotation = page.annotations.at(0);
 // Remove an annotation from the collection
 page.annotations.remove(annotation);
+// Remove an annotation with specific index
+page.annotations.removeAt(1);
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
 
@@ -2089,8 +2181,10 @@ var page = document.getPage(0);
 var annotation = page.annotations.at(0);
 // Remove an annotation from the collection
 page.annotations.remove(annotation);
+// Remove an annotation with specific index
+page.annotations.removeAt(1);
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
 
@@ -2134,58 +2228,67 @@ document.destroy();
 {% endhighlight %}
 {% endtabs %}
 
+N> Setting `document.flatten = true;` flattens all interactive elements in the PDF, converting form fields and annotations into static content throughout the entire document.
+
 ## Importing annotations
 
-This example demonstrates how to import annotations into a PDF document using the PdfDocument. `importAnnotations` method.
+This example demonstrates how to import annotations into a PDF document using the PdfDocument. `importAnnotations` method. The DataFormat enum specifies the format of the annotation data being imported, such as FDF, XFDF, JSON, or XML.
 
 {% tabs %}
 {% highlight typescript tabtitle="TypeScript" %}
 import {PdfDocument, DataFormat} from '@syncfusion/ej2-pdf';
 
 // Load the base PDF document from resources
-let pdfDocument: PdfDocument = new PdfDocument(data);
+let document: PdfDocument = new PdfDocument(data);
 // Imports annotations from to the PDF document.
 document.importAnnotations('annotations.json', DataFormat.json);
 // Save the PDF document
-pdfDocument.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
 
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load the base PDF document from resources
-var pdfDocument = new ej.pdf.PdfDocument(data);
+var document = new ej.pdf.PdfDocument(data);
 // Import annotations into the PDF document
-pdfDocument.importAnnotations('annotations.json', ej.pdf.DataFormat.json);
+document.importAnnotations('annotations.json', ej.pdf.DataFormat.json);
 // Save the PDF document
-pdfDocument.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
-pdfDocument.destroy();
+document.destroy();
 
 {% endhighlight %}
 {% endtabs %}
 
 ## Exporting annotations
 
-This example demonstrates how to export annotations from a PDF document using the PdfDocument.exportAnnotations method. 
+This example demonstrates how to export annotations from a PDF document using the PdfDocument.exportAnnotations method. The DataFormat enum specifies the format of the annotation data being exported, such as FDF, XFDF, JSON, or XML.
 
 {% tabs %}
 {% highlight typescript tabtitle="TypeScript" %}
-import {PdfDocument} from '@syncfusion/ej2-pdf';
+import {PdfDocument, PdfAnnotationExportSettings, DataFormat} from '@syncfusion/ej2-pdf';
 
 // Load an existing PDF document
 let document: PdfDocument = new PdfDocument(data);
-// Exports the annotations from the PDF document.
-let data: Uint8Array = document.exportAnnotations();
-// Close the document
+// Sets export data format as JSON for annotation export settings
+let settings: PdfAnnotationExportSettings = new PdfAnnotationExportSettings();
+settings.dataFormat = DataFormat.json;
+// Export annotations to JSON format
+let jsonData = document.exportAnnotations('annotations.json', settings);
+// Destroy the document
 document.destroy();
 
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
-// Export the annotations from the PDF document
-var data = document.exportAnnotations();
+// Sets export data format as JSON for annotation export settings
+var settings = new ej.pdf.PdfAnnotationExportSettings();
+settings.dataFormat = ej.pdf.DataFormat.json;
+// Export annotations to JSON format
+var jsonData = document.exportAnnotations('annotations.json', settings);
 // Close the document
 document.destroy();
 
diff --git a/Document-Processing/PDF/PDF-Library/javascript/Bookmarks.md b/Document-Processing/PDF/PDF-Library/javascript/Bookmarks.md
index ed93592c3..e22d3e98f 100644
--- a/Document-Processing/PDF/PDF-Library/javascript/Bookmarks.md
+++ b/Document-Processing/PDF/PDF-Library/javascript/Bookmarks.md
@@ -7,101 +7,59 @@ documentation: UG
 ---
 # Bookmarks in JavaScript PDF library
 
-Syncfusion<sup>&reg;</sup> PDF provides support to insert, remove and modify the bookmarks in the PDF Document.
+Syncfusion<sup>&reg;</sup> PDF provides support to insert, remove, and modify the bookmarks in the PDF Document.
 
-## Adding Bookmarks in a PDF
+## Adding bookmarks to a PDF
 
 This example demonstrates how to add bookmarks to a PDF document using the `PdfBookmark` class. Bookmarks provide an easy way to navigate through different sections of a PDF file.
 
 {% tabs %}
-{% highlight javascript tabtitle="TypeScript" %}
-import {PdfDocument, PdfPage, PdfBookmarkBase, PdfDestination} from '@syncfusion/ej2-pdf';
+{% highlight typescript tabtitle="TypeScript" %}
+import {PdfDocument, PdfPage, PdfBookmarkBase, PdfBookmark, PdfDestination} from '@syncfusion/ej2-pdf';
 
 // Create a new PDF document
 let document: PdfDocument = new PdfDocument();
-// Add page
+// Add a page
 let page: PdfPage = document.addPage();
 // Get the bookmarks
 let bookmarks: PdfBookmarkBase = document.bookmarks;
-// Add a new outline to the PDF document
+// Add a new bookmark to the PDF document
 let bookmark: PdfBookmark = bookmarks.add('Introduction');
 // Sets destination to the bookmark
 bookmark.destination = new PdfDestination(page, { x: 100, y: 200 });
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
 
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Create a new PDF document
 var document = new ej.pdf.PdfDocument();
-// Add page
+// Add a page
 var page = document.addPage();
 // Get the bookmarks
 var bookmarks = document.bookmarks;
-// Add a new outline to the PDF document
+// Add a new bookmark to the PDF document
 var bookmark = bookmarks.add('Introduction');
 // Set destination to the bookmark
 bookmark.destination = new ej.pdf.PdfDestination(page, { x: 100, y: 200 });
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
 
 {% endhighlight %}
 {% endtabs %}
 
-## Adding Bookmarks in an existing PDF document
-
-This example demonstrates how to add bookmarks to an existing PDF document using the `PdfBookmark` class. This allows you to enhance navigation in already created PDF document.
-
-{% tabs %}
-{% highlight javascript tabtitle="TypeScript" %}
-import {PdfDocument, PdfPage, PdfBookmarkBase, PdfDestination} from '@syncfusion/ej2-pdf';
-
-// Load an existing PDF document
-let document: PdfDocument = new PdfDocument(data);
-// Get page
-let page: PdfPage = document.getPage(0);
-// Get the bookmarks
-let bookmarks: PdfBookmarkBase = document.bookmarks;
-// Gets the bookmark at the specified index
-let bookmark: PdfBookmark = bookmarks.at(0) as PdfBookmark;
-// Set the destination
-bookmark.destination = new PdfDestination(page, { x: 100, y: 200 });
-// Save the document
-document.save('Output.pdf');
-// Close the document
-document.destroy();
-    
-{% endhighlight %}
-{% highlight javascript tabtitle="JavaScript" %}
-// Load an existing PDF document
-var document = new ej.pdf.PdfDocument(data);
-// Get page
-var page = document.getPage(0);
-// Get the bookmarks
-var bookmarks = document.bookmarks;
-// Get the bookmark at the specified index
-var bookmark = bookmarks.at(0);
-// Set the destination
-bookmark.destination = new ej.pdf.PdfDestination(page, { x: 100, y: 200 });
-// Save the document
-document.save('Output.pdf');
-// Close the document
-document.destroy();
-
-{% endhighlight %}
-{% endtabs %}
-
-## Inserting Bookmarks in an existing PDF
+## Inserting bookmarks into an existing PDF
 
 This example demonstrates how to insert bookmarks at a specific position in an existing PDF document using the `PdfBookmark` class. This feature allows precise control over bookmark order.
 
 {% tabs %}
-{% highlight javascript tabtitle="TypeScript" %}
-import {PdfDocument, PdfPage, PdfBookmarkBase, PdfDestination} from '@syncfusion/ej2-pdf';
+{% highlight typescript tabtitle="TypeScript" %}
+import {PdfDocument, PdfPage, PdfBookmark, PdfBookmarkBase, PdfDestination} from '@syncfusion/ej2-pdf';
 
 // Load an existing PDF document
 let document: PdfDocument = new PdfDocument(data);
@@ -109,40 +67,41 @@ let document: PdfDocument = new PdfDocument(data);
 let page: PdfPage = document.getPage(0) as PdfPage;
 // Get the bookmarks
 let bookmarks: PdfBookmarkBase = document.bookmarks;
-// Add a new outline to the PDF document
+// Add a new bookmark at the specified bookmark index
 let bookmark: PdfBookmark = bookmarks.add('Introduction', 1);
 // Sets destination to the bookmark
 bookmark.destination = new PdfDestination(page, { x: 100, y: 200 });
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
 
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
 // Get the first page
 var page = document.getPage(0);
 // Get the bookmarks
 var bookmarks = document.bookmarks;
-// Add a new outline to the PDF document
+// Add a new bookmark at the specified bookmark index
 var bookmark = bookmarks.add('Introduction', 1);
 // Set destination to the bookmark
 bookmark.destination = new ej.pdf.PdfDestination(page, { x: 100, y: 200 });
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
 
 {% endhighlight %}
 {% endtabs %}
 
-## Removing Bookmarks from an existing PDF 
+## Removing bookmarks from an existing PDF 
 
 This example demonstrates how to remove bookmarks from an existing PDF document using the `PdfBookmark` class.
 {% tabs %}
-{% highlight javascript tabtitle="TypeScript" %}
+{% highlight typescript tabtitle="TypeScript" %}
 import {PdfDocument, PdfPage, PdfBookmarkBase} from '@syncfusion/ej2-pdf';
 
 // Load an existing PDF document
@@ -154,12 +113,13 @@ let bookmarks: PdfBookmarkBase = document.bookmarks;
 // Remove specified bookmark from the document.
 bookmarks.remove('Introduction');
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
 
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
 // Get the first page
@@ -169,58 +129,55 @@ var bookmarks = document.bookmarks;
 // Remove specified bookmark from the document
 bookmarks.remove('Introduction');
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
 
 {% endhighlight %}
 {% endtabs %}
 
-## Removing Bookmark from the document at the specified index
+##  Removing a bookmark from the document at a specified index
 
 This example demonstrates how to remove bookmarks from the document at the specific index using the `PdfBookmark` class.
 
 {% tabs %}
-{% highlight javascript tabtitle="TypeScript" %}
-import {PdfDocument, PdfPage, PdfBookmarkBase} from '@syncfusion/ej2-pdf';
+{% highlight typescript tabtitle="TypeScript" %}
+import {PdfDocument, PdfBookmarkBase} from '@syncfusion/ej2-pdf';
 
 // Load an existing PDF document
 let document: PdfDocument = new PdfDocument(data);
-// Get the first page
-let page: PdfPage = document.getPage(0) as PdfPage;
 // Get the bookmarks
 let bookmarks: PdfBookmarkBase = document.bookmarks;
 // Remove the bookmark from the document at the index 1.
 bookmarks.remove(1);
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
 
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
-// Get the first page
-var page = document.getPage(0);
 // Get the bookmarks
 var bookmarks = document.bookmarks;
 // Remove the bookmark from the document at index 1
 bookmarks.remove(1);
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
 
 {% endhighlight %}
 {% endtabs %}
 
-## Removing all the Bookmark from the collection
+## Removing all bookmarks from the collection
 
-This example demonstrates how to removes all the bookmarks from the collection using the `PdfBookmark` class.
+This example demonstrates how to removes all bookmarks from the collection using the `PdfBookmark` class.
 
 {% tabs %}
-{% highlight javascript tabtitle="TypeScript" %}
+{% highlight typescript tabtitle="TypeScript" %}
 import {PdfDocument, PdfBookmarkBase} from '@syncfusion/ej2-pdf';
 
 // Load an existing PDF document
@@ -229,52 +186,56 @@ let document: PdfDocument = new PdfDocument(data);
 let bookmarks: PdfBookmarkBase = document.bookmarks;
 // Remove all the bookmark from the collection.
 bookmarks.clear();
-// Get count after removal of all outlines.
+// // Get the count after removal of all bookmarks
 let count: number = bookmarks.count;
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Destroy the document
 document.destroy();
 
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
 // Get the bookmarks
 var bookmarks = document.bookmarks;
 // Remove all the bookmarks from the collection
 bookmarks.clear();
-// Get count after removal of all outlines
+// // Get the count after removal of all bookmarks
 var count = bookmarks.count;
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Destroy the document
 document.destroy();
 
 {% endhighlight %}
 {% endtabs %}
 
-## Bookmark page index in an existing PDF document
+## Getting a bookmark's page index in an existing PDF document
 
 This example demonstrates how to retrieve the page index associated with a bookmark in an existing PDF document using the `PdfBookmark` class. This helps identify the exact location of the bookmark.
 
 {% tabs %}
-{% highlight javascript tabtitle="TypeScript" %}
+{% highlight typescript tabtitle="TypeScript" %}
 import {PdfDocument, PdfBookmarkBase} from '@syncfusion/ej2-pdf';
 
 // Load an existing PDF document
 let document: PdfDocument = new PdfDocument(data);
 // Get bookmarks
-let bookmarks: PdfBookmarkBase = document.bookmarks;
-// Get bookmark at the specified index
-let pageIndex: number = bookmarks.destination.pageIndex;
+let bookmarks: PdfBookmarkBase = document.bookmarks; 
+// Get the first bookmark (or any specific one) 
+let bookmark = bookmarks.at(0); 
+// Get the page index of the bookmark's destination 
+let pageIndex: number = bookmark.destination.pageIndex;
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
 
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
 // Get bookmarks
@@ -284,7 +245,7 @@ var bookmark = bookmarks.at(0);
 // Get the page index of the bookmark's destination
 var pageIndex = bookmark.destination.pageIndex;
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
 
diff --git a/Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-angular.md b/Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-angular.md
index c9e755322..0c6aeb345 100644
--- a/Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-angular.md
+++ b/Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-angular.md
@@ -8,7 +8,7 @@ documentation: ug
 keywords: angular create pdf, angular generate pdf, angular pdf library, ej2 pdf angular, JavaScript
 ---
 
-# Create or Generate PDF file in Angular application
+# Create or generate PDF file in Angular application
 
 The Syncfusion<sup>&reg;</sup> JavaScript PDF library is used to create, read, and edit PDF documents. This library also offers functionality to merge, split, stamp, fill forms, and secure PDF files.
 
@@ -23,7 +23,7 @@ To install the latest Angular CLI globally use the following command.
 npm install -g @angular/cli
 ```
 
-N> Use the command **npm install --save @angular/cli@12.0.2** to install the Angular CLI version 12.0.2
+N> To install a specific Angular CLI version, use: **npm install --save @angular/cli@12.0.2**
 
 ## Create an Angular Application
 
@@ -36,7 +36,7 @@ cd my-app
 
 ## Installing Syncfusion<sup>&reg;</sup> JavaScript PDF package
 
-All the available JS 2 packages are published in `npmjs.com` registry.
+All Syncfusion<sup>&reg;</sup> JS 2 packages are published in `npmjs.com` registry.
 
 * To install PDF component, use the following command.
 
@@ -44,8 +44,14 @@ All the available JS 2 packages are published in `npmjs.com` registry.
 npm install @syncfusion/ej2-pdf --save
 ```
 N> For data extraction features, you need to install the `@syncfusion/ej2-pdf-data-extract` package as an add-on.
+* Copy the contents of the openjpeg folder from ./node_modules/@syncfusion/ej2-pdf-data-extract/dist to the public directory using the command:
+```bash
+cp -R ./node_modules/@syncfusion/ej2-pdf-data-extract/dist/openjpeg ./src/assets/openjpeg
+```
+* Confirm that there is an `openjpeg` directory within your src/assets directory if you are extracting images from PDFs.
+* Ensure your server serves .wasm files with the Content-Type: application/wasm MIME type (Angular dev server handles this by default; configure your production server accordingly).
 
-## Create a PDF document using TypeScript
+## Create a PDF document
 
 * Add a simple button to `app.component.html` and attach a click handler that uses the TypeScript PDF API to create a new PDF document.
 
@@ -66,7 +72,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, PdfBrush } from '@syncfusion/ej2-pdf';
+import { PdfDocument, PdfGraphics, PdfPage, PdfFontFamily, PdfFontStyle, PdfFont, PdfBrush } from '@syncfusion/ej2-pdf';
 {% endhighlight %}
 {% endtabs %}
 
@@ -82,7 +88,7 @@ document.getElementById('normalButton').onclick = (): void => {
     // Get graphics from the page
     const graphics: PdfGraphics = page.graphics;
     // Set font
-    const font: PdfStandardFont = document.embedFont(PdfFontFamily.helvetica, 36, PdfFontStyle.regular);
+    const font: PdfFont = document.embedFont(PdfFontFamily.helvetica, 36, PdfFontStyle.regular);
     // Create a new black brush
     const brush = new PdfBrush({r: 0, g: 0, b: 0});
     // Draw text
@@ -99,7 +105,7 @@ document.getElementById('normalButton').onclick = (): void => {
 
 Use the following command to run the application in browser.
 
-```javascript
+```bash
 ng serve --open
 ```
 
diff --git a/Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-asp-net-core.md b/Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-asp-net-core.md
index 7fa08b1cb..8affa95eb 100644
--- a/Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-asp-net-core.md
+++ b/Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-asp-net-core.md
@@ -10,11 +10,11 @@ keywords: .net core create pdf, edit pdf, merge, pdf form, fill form, digital si
 
 # Create or Generate PDF in ASP.NET Core
 
-The Syncfusion<sup>&reg;</sup> JavaScript PDF library is used to create, read, and edit PDF documents. This library also offers functionality to merge, split, stamp, forms, and secure PDF files.
+The Syncfusion<sup>&reg;</sup> JavaScript PDF library is used to create, read, and edit PDF documents. This library also offers functionality to merge, split, stamp, fill forms, and secure PDF files.
 
 This guide explains how to integrate the JavaScript PDF library into an ASP.NET Core application.
 
-## Integrate PDF library into an ASP.NET Core application
+## Integrate the PDF library into an ASP.NET Core application
 
 Step 1: Start Visual Studio and select **Create a new project**.
 Step 2: In the **Create a new project** dialog, select **ASP.NET Core Web App**.
@@ -24,7 +24,7 @@ Step 3: In the **Configure your new project** dialog, enter the project name and
 Step 4: In the **Additional information** dialog, select a .NET LTS version (for example, **.NET 8.0 (Long-term Support)**) and then select **Create**.
 ![ASP.NET Core PDF creation3](Getting_started_images/Asp-net-core-creation3.png)
 
-Step 5: **Add script reference** : Add the required scripts using the CDN inside the `<head>` of `~/Views/Shared/_Layout.cshtml` as follows:
+Step 5: **Add script reference**: Add the required scripts using the CDN inside the `<head>` of `~/Views/Shared/_Layout.cshtml` as follows:
 
 {% tabs %}
 {% highlight cshtml tabtitle="~/_Layout.cshtml" %}
@@ -39,12 +39,12 @@ N> Check out the following topics for including script references in an ASP.NET
 *   [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)
-N> And ensure the application includes an `openjpeg` folder under `wwwroot` (or a publicly accessible static path). This folder must contain the `openjpeg.js` and `openjpeg.wasm` files, along with the PDF file to extract images. Keep these in the same static content area as `ej2.min.js`.
+And ensure the application includes an `openjpeg` folder under `wwwroot` (or a publicly accessible static path). This folder must contain the `openjpeg.js` and `openjpeg.wasm` files, along with the PDF file to extract images. Keep these in the same static content area as `ej2.min.js`.
 
-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.
+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.
 
 {% tabs %}
-{% highlight cshtml tabtitle="~/Index.cshtml" %}
+{% highlight cshtml tabtitle="~/Views/Home/Index.cshtml" %}
 <div class="container py-4">
     <h1 class="h4 mb-3">Create PDF document</h1>
     <p class="text-muted">Click the button to generate and download a PDF.</p>
@@ -66,7 +66,7 @@ Step 6: **Create a PDF document** : Add the script in `~/Views/Home/Index.cshtml
         // Draw text
         graphics.drawString('Hello World!!!', font, {x: 20, y: 20, width: graphics.clientSize.width - 20, height: 60}, brush);
         // Save and download PDF
-        pdf.save('Output.pdf');
+        pdf.save('output.pdf');
         // Destroy the PDF document instance
         pdf.destroy();
         });   
@@ -75,9 +75,9 @@ Step 6: **Create a PDF document** : Add the script in `~/Views/Home/Index.cshtml
 {% endhighlight %}
 {% endtabs %}
 
-step 7: **Build the project** : Click on Build > Build Solution or press Ctrl + Shift + B to build the project.
+step 7: **Build the project**: Click on Build > Build Solution or press Ctrl + Shift + B to build the project.
 
-Step 8: **Run the project** : Click the Start button (green arrow) or press F5 to run the app.
+Step 8: **Run the project**: Click the Start button (green arrow) or press F5 to run the app.
 
 By executing the program, you will generate the following PDF document.
 
diff --git a/Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-asp-net-mvc.md b/Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-asp-net-mvc.md
index ab4cfb54d..566b347bd 100644
--- a/Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-asp-net-mvc.md
+++ b/Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-asp-net-mvc.md
@@ -14,7 +14,7 @@ The Syncfusion<sup>&reg;</sup> JavaScript PDF library is used to create, read, a
 
 This guide explains how to integrate the JavaScript PDF library into an ASP.NET Core MVC application.
 
-## Integrate PDF library into an ASP.NET MVC application
+## Integrate PDF library into an ASP.NET MVC Core application
 
 Step 1: Start Visual Studio and select **Create a new project**.
 Step 2: Create a new ASP.NET MVC Web Application project.
@@ -24,7 +24,7 @@ Step 3: Choose the target framework.
 Step 4: Select Web Application pattern (MVC) for the project and then select **Create** button.
 ![ASP.NET Core MVC PDF creation3](Getting_started_images/Asp-net-mvc-creation3.png)
 
-Step 5: **Add script reference** : Add the required scripts using the CDN inside the `<head>` of `~/Views/Shared/_Layout.cshtml` as follows:
+Step 5: **Add script reference**: Add the required scripts using the CDN inside the `<head>` of `~/Views/Shared/_Layout.cshtml` as follows:
 
 {% tabs %}
 {% highlight cshtml tabtitle="~/_Layout.cshtml" %}
@@ -36,9 +36,13 @@ Step 5: **Add script reference** : Add the required scripts using the CDN inside
 {% endhighlight %}
 {% endtabs %}
 
-N> And ensure the application includes an `openjpeg` folder under `Scripts` (or a publicly accessible static path). This folder must contain the `openjpeg.js` and `openjpeg.wasm` files, along with the PDF file to extract images. Keep these in the same static content area as `ej2.min.js`.
+N> Check out the following topics for including script references in an ASP.NET MVC application to enable PDF creation using the Syncfusion<sup>&reg;</sup> JavaScript PDF library:
+*   [CDN](https://ej2.syncfusion.com/aspnetmvc/documentation/common/adding-script-references)
+*   [NPM Package](https://ej2.syncfusion.com/aspnetmvc/documentation/common/adding-script-references#node-package-manager-npm)
+*   [CRG](https://ej2.syncfusion.com/aspnetmvc/documentation/common/custom-resource-generator)
+And ensure the application includes an `openjpeg` folder under `Scripts` (or a publicly accessible static path). This folder must contain the `openjpeg.js` and `openjpeg.wasm` files, along with the PDF file to extract images. Keep these in the same static content area as `ej2.min.js`.
 
-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.
+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.
 
 {% tabs %}
 {% highlight cshtml tabtitle="~/Index.cshtml" %}
@@ -63,7 +67,7 @@ Step 6: **Create a PDF document** : Add the script in `~/Views/Home/Index.cshtml
         // Draw text
         graphics.drawString('Hello World!!!', font, {x: 20, y: 20, width: graphics.clientSize.width - 20, height: 60}, brush);
         // Save and download PDF
-        pdf.save('Output.pdf');
+        pdf.save('output.pdf');
         // Destroy the PDF document instance
         pdf.destroy();
         });   
@@ -72,10 +76,10 @@ Step 6: **Create a PDF document** : Add the script in `~/Views/Home/Index.cshtml
 {% endhighlight %}
 {% endtabs %}
 
-Step 7: **Build the project** : Click on Build > Build Solution or press Ctrl + Shift + B to build the project.
+Step 7: **Build the project**: Click on Build > Build Solution or press Ctrl + Shift + B to build the project.
 
-Step 8: **Run the project** : Click the Start button (green arrow) or press F5 to run the app.
+Step 8: **Run the project**: Click the Start button (green arrow) or press F5 to run the app.
 
-By executing the program, you will generate the following PDF document.
+When you run the application and click the button, it generates the following PDF document.
 
 ![ASP.NET Core MVC PDF output](Getting_started_images/Output.png)
diff --git a/Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-javascript.md b/Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-javascript.md
index a1c972f74..faff07cce 100644
--- a/Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-javascript.md
+++ b/Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-javascript.md
@@ -10,13 +10,13 @@ keywords: javascript, pdf, script
 
 # Create or Generate PDF file in JavaScript
 
-The Syncfusion<sup>&reg;</sup> JS 2 for JavaScript (global script) is an ES5 formatted pure JavaScript framework which can be directly used in latest web browsers.
+Syncfusion<sup>&reg;</sup> JS 2 (global script) is an ES5-formatted JavaScript library that works directly in modern web browsers.
 
-## Component Initialization with CDN link for script and style reference
+## Component initialization with CDN links
 
-Step 1: Create an app folder `my-app` for the JS 2 JavaScript components.
+Step 1: Create a folder named `my-app` for your project.
 
-Step 2: The JS 2 component's global scripts and styles are already hosted in the below CDN link formats.
+Step 2: The JS 2 global scripts and styles are hosted on the CDN in the following formats.
 
 **Syntax:**
 > Script: `https://cdn.syncfusion.com/ej2/{Version}/dist/{PACKAGE_NAME}.min.js`
@@ -39,7 +39,12 @@ Step 3: Create a HTML page (index.html) in `my-app` location and add the CDN lin
 {% endhighlight %}
 {% endtabs %}
 
-Step 4: **Create a PDF document** : Add the script in `index.html` by creating a button and attaching a click event that uses the JavaScript PDF API to generate a PDF document.
+N> For image/data extraction features, install and deploy the openjpeg runtime. Place an openjpeg folder alongside your index.html (or any publicly accessible static path) containing:
+*   `openjpeg.js`
+*   `openjpeg.wasm`
+Ensure your server serves .wasm files with the Content-Type: application/wasm MIME type. This is not required for basic PDF creation.
+
+Step 4: **Create a PDF document**: Add the script in `index.html` by creating a button and attaching a click event that uses the JavaScript PDF API to generate a PDF document.
 
 {% tabs %}
 {% highlight html tabtitle="~/Index.html" %}
@@ -73,12 +78,6 @@ Step 4: **Create a PDF document** : Add the script in `index.html` by creating a
 {% endhighlight %}
 {% endtabs %}
 
-N> For the JavaScript platform, place the **openjpeg** folder in the same location as your `index.html` file. Ensure that your application includes an `openjpeg` folder under `Scripts` (or any publicly accessible static path). This folder must contain the following:
-*   `openjpeg.js`
-*   `openjpeg.wasm`
-
-Along with the PDF file from which you want to extract images. Keep these files in the same static content area as `ej2.min.js` to ensure proper loading.
-
 By executing the program, you will get the PDF document as follows.
 
 ![Output PDF document](Getting_started_images/Output.png)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-react.md b/Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-react.md
index 7316f44d8..b22d7fefb 100644
--- a/Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-react.md
+++ b/Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-react.md
@@ -12,30 +12,29 @@ keywords: javascript, pdf, script, react
 
 The Syncfusion<sup>&reg;</sup> JavaScript PDF library is used to create, read, and edit PDF documents. This library also offers functionality to merge, split, stamp, fill forms, and secure PDF files.
 
-This guide explains how to integrate the JavaScript PDF library into an React application.
+This guide explains how to integrate the JavaScript PDF library into a React application.
 
 ## Installing Syncfusion<sup>&reg;</sup> JavaScript PDF package
 
-All the available JS 2 packages are published in `npmjs.com` registry.
+All Syncfusion JS 2 packages are published in `npmjs.com` registry.
 
-* To install PDF component, use the following command.
+* To install the PDF library, use the following command.
 
 ```bash
 npm install @syncfusion/ej2-pdf --save
 ```
-N> For data extraction features, you need to install the `@syncfusion/ej2-pdf-data-extract` package as an add-on.
-
+N> For image/data extraction features, you need to install the `@syncfusion/ej2-pdf-data-extract` package as an add-on.
 * Copy the contents of the openjpeg folder from ./node_modules/@syncfusion/ej2-pdf-data-extract/dist to the public directory using the command:
 ```bash
 cp -R ./node_modules/@syncfusion/ej2-pdf-data-extract/dist/openjpeg public/openjpeg
 ```
-* Confirm that there is an 'openjpeg' directory within your public directory, if you extracting images from PDF.
-* Validate that your server has been configured to utilize the Content-Type: application/wasm MIME type. Additional information can be found in the [Troubleshooting](./troubleshooting/troubleshooting) section.
+* Confirm that there is an 'openjpeg' directory within your public directory if you are extracting images from PDFs.
+* Ensure your server serves .wasm files with the Content-Type: application/wasm MIME type.
 
-**Create a PDF document** : Add the script in `App.jsx` by creating a button and attaching a click event that uses the JavaScript PDF API to generate a PDF document.
+**Create a PDF document**: Add the script in `App.jsx` by creating a button and attaching a click event that uses the JavaScript PDF API to generate a PDF document.
 
 {% tabs %}
-{% highlight jsx tabtitle="~/App.jsx" %}
+{% highlight html tabtitle="~/App.jsx" %}
 import React from 'react';
 
 export default function App() {
diff --git a/Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-typescript.md b/Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-typescript.md
index 10a2f269d..3edfd0016 100644
--- a/Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-typescript.md
+++ b/Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-typescript.md
@@ -14,16 +14,30 @@ The Syncfusion<sup>&reg;</sup> TypeScript PDF library is used to create, read, a
 
 This guide explains how to integrate the TypeScript PDF library into an TypeScript application.
 
+## Installing the Syncfusion TypeScript PDF package
+
+All Syncfusion JS 2 packages are published in `npmjs.com` registry.
+
+* To install the PDF library, use the following command.
+
+```bash
+npm install @syncfusion/ej2-pdf --save
+```
+N> For image/data extraction features, install the `@syncfusion/ej2-pdf-data-extract` add-on. Place an openjpeg folder alongside your built static assets (for example, under public or dist) containing:
+* openjpeg.js
+* openjpeg.wasm
+Ensure your server serves .wasm files with the Content-Type: application/wasm MIME type. This is not required for basic PDF creation.
+
 ## Dependencies
 
 The following list of dependencies are required to use the `TypeScript PDF library` component in your application.
 
-```typescript
+```text
 |-- @syncfusion/ej2-compression
 |-- @syncfusion/ej2-base
 ```
 
-## Create a PDF document using TypeScript.
+## Create a PDF document using TypeScript
 
 * Add a simple button to `index.html` and attach a click handler that uses the TypeScript PDF API to create a new PDF document.
 
@@ -40,17 +54,11 @@ The following list of dependencies are required to use the `TypeScript PDF libra
 {% endhighlight %}
 {% endtabs %}
 
-N> For the TypeScript platform, place the **openjpeg** folder in the same location as your `index.html` file. Ensure that your application includes an `openjpeg` folder under `Scripts` (or any publicly accessible static path). This folder must contain the following:
-*   `openjpeg.js`
-*   `openjpeg.wasm`
-
-Along with the PDF file from which you want to extract images. Keep these files in the same static content area as `ej2.min.js` to ensure proper loading.
-
 * Include the following namespaces in `index.ts` file.
 
 {% tabs %}
 {% highlight ts tabtitle="index.ts" %}
-import { PdfDocument, PdfPage, PdfStandardFont, PdfFontFamily,  PdfPen, PdfFontStyle, PdfBrush } from '@syncfusion/ej2-pdf';
+import { PdfDocument, PdfGraphics, PdfPage, PdfFont, PdfFontFamily, PdfFontStyle, PdfBrush } from '@syncfusion/ej2-pdf';
 {% endhighlight %}
 {% endtabs %}
 
@@ -66,13 +74,13 @@ document.getElementById('normalButton').onclick = (): void => {
         // Get graphics from the page
         let graphics: PdfGraphics = page.graphics;
         // Set font
-        let font: PdfStandardFont = pdf.embedFont(PdfFontFamily.helvetica, 36, PdfFontStyle.regular);
+        let font: PdfFont = pdf.embedFont(PdfFontFamily.helvetica, 36, PdfFontStyle.regular);
         // Create a new black brush
         let brush = new PdfBrush({r: 0, g: 0, b: 0});
         // Draw text
         graphics.drawString('Hello World!!!', font, {x: 20, y: 20, width: graphics.clientSize.width - 20, height: 60}, brush);
         // Save and download PDF
-        pdf.save('Output.pdf');
+        pdf.save('output.pdf');
         // Destroy the PDF document instance
         pdf.destroy();
 };
@@ -83,7 +91,7 @@ document.getElementById('normalButton').onclick = (): void => {
 
 The quickstart project is configured to compile and run in the browser. Use the following command to start the application:
 
-```javascript
+````bash
 npm start
 ```
 
diff --git a/Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-vue.md b/Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-vue.md
index 49269bf01..262259ec3 100644
--- a/Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-vue.md
+++ b/Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-vue.md
@@ -36,30 +36,29 @@ When creating a new project, choose the option `Default ([Vue 2] babel, es-lint)
 
 ![Vue 2 project](Getting_started_images/vue2-terminal.png)
 
-Once the `quick start` project is set up with default settings, proceed to add Syncfusion<sup style="font-size:70%">&reg;</sup> components to the project.
+Once the `quick start` project is set up with default settings, proceed to add Syncfusion<sup>&reg;</sup> components to the project.
 
 * **Installing Syncfusion<sup>&reg;</sup> JavaScript PDF package**
 
-All the available JS 2 packages are published in `npmjs.com` registry.
+All Syncfusion JS 2 packages are published in `npmjs.com` registry.
 
-* To install PDF component, use the following command.
+* To install the PDF library, use the following command.
 
 ```bash
 npm install @syncfusion/ej2-pdf --save
 ```
-N> For data extraction features, you need to install the `@syncfusion/ej2-pdf-data-extract` package as an add-on.
-
+N> For image/data extraction features, you need to install the `@syncfusion/ej2-pdf-data-extract` package as an add-on.
 * Copy the contents of the openjpeg folder from ./node_modules/@syncfusion/ej2-pdf-data-extract/dist to the public directory using the command:
 ```bash
 cp -R ./node_modules/@syncfusion/ej2-pdf-data-extract/dist/openjpeg public/js/openjpeg
 ```
-* Confirm that there is an 'openjpeg' directory within your public directory, if you extracting images from PDF.
-* Validate that your server has been configured to utilize the Content-Type: application/wasm MIME type. Additional information can be found in the [Troubleshooting](./troubleshooting/troubleshooting) section.
+* Confirm that there is an 'openjpeg' directory within your public directory if you are extracting images from PDFs.
+* Ensure your server serves .wasm files with the Content-Type: application/wasm MIME type.
 
-* **Create a PDF document** : Add the script in `App.vue` by creating a button and attaching a click event that uses the JavaScript PDF API to generate a PDF document.
+* **Create a PDF document**: Add the script in `App.vue` by creating a button and attaching a click event that uses the JavaScript PDF API to generate a PDF document.
 
 {% tabs %}
-{% highlight vue tabtitle="~/App.vue" %}
+{% highlight html tabtitle="~/App.vue" %}
 <script>
 export default {
   name: 'App',
diff --git a/Document-Processing/PDF/PDF-Library/javascript/DigitalSignature.md b/Document-Processing/PDF/PDF-Library/javascript/DigitalSignature.md
index 77ebc784a..bdfb64693 100644
--- a/Document-Processing/PDF/PDF-Library/javascript/DigitalSignature.md
+++ b/Document-Processing/PDF/PDF-Library/javascript/DigitalSignature.md
@@ -47,8 +47,10 @@ form.add(field);
 document.save('output.pdf');
 // Destroy the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load the document
 var document = new ej.pdf.PdfDocument();
 // Get the first page of the document
@@ -67,6 +69,7 @@ form.add(field);
 document.save('output.pdf');
 // Destroy the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
 
@@ -106,8 +109,10 @@ form.add(field);
 document.save('output.pdf');
 // Destroy the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load the document
 var document = new ej.pdf.PdfDocument(data);
 // Get the first page of the document
@@ -138,6 +143,7 @@ form.add(field);
 document.save('output.pdf');
 // Destroy the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
 
@@ -181,8 +187,10 @@ form.add(field);
 document.save('output.pdf');
 // Destroy the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load the document
 var document = new ej.pdf.PdfDocument(data);
 // Gets the first page of the document
@@ -212,6 +220,7 @@ form.add(field);
 document.save('output.pdf');
 // Destroy the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
 
@@ -259,8 +268,10 @@ form.add(field);
 document.save('output.pdf');
 // Destroy the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load the document
 var document = new ej.pdf.PdfDocument(data);
 // Gets the first page of the document
@@ -291,16 +302,311 @@ form.add(field);
 document.save('output.pdf');
 // Destroy the document
 document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+## Create and certify a digital signature field
+
+This example demonstrates how to add a signature field to a PDF, create a digital signature using certificate data and a password, certify the document, and save the signed PDF document.
+
+{% tabs %}
+{% highlight typescript tabtitle="TypeScript" %}
+import { PdfDocument, PdfPage, PdfSignatureField, PdfSignature } from '@syncfusion/ej2-pdf';
+
+// Create a new PDF document
+const document = new PdfDocument();
+// Add a new page to the document
+const page: PdfPage = document.addPage();
+// Create a signature field on the page at specified coordinates
+const field: PdfSignatureField = new PdfSignatureField(page, 'field', { x: 50, y: 50, width: 100, height: 100 });
+// Create a digital signature using certificate data and password, enabling certification
+const signature: PdfSignature = PdfSignature.create(certData, password, { certify: true });
+// Assign the signature to the signature field
+field.setSignature(signature);
+// Add the signature field to the document form
+document.form.add(field);
+// Save the document
+document.save('output.pdf');
+// Release resources used by the document
+document.destroy();
+
+{% endhighlight %}
+{% highlight javascript tabtitle="JavaScript" %}
+
+// Create a new PDF document
+var document = new ej.pdf.PdfDocument();
+// Add a new page to the document
+var page = document.addPage();
+// Create a signature field on the page at specified coordinates
+var field = new ej.pdf.PdfSignatureField(page, 'field', { x: 50, y: 50, width: 100, height: 100 });
+// Create a digital signature using certificate data and password, enabling certification
+var signature = ej.pdf.PdfSignature.create(certData, password, { certify: true });
+// Assign the signature to the signature field
+field.setSignature(signature);
+//// Add the signature field to the document form
+document.form.add(field);
+// Save the document
+document.save('output.pdf');
+// Release resources used by the document
+document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+## Create and lock a digitally signed PDF
+
+This example shows how to add a signature field to a PDF, create a digital signature using certificate data and a password, lock the document after signing, and save the result in PDF library.
+
+{% tabs %}
+{% highlight typescript tabtitle="TypeScript" %}
+import { PdfDocument, PdfPage, PdfSignatureField, PdfSignature } from '@syncfusion/ej2-pdf';
+
+// Create a new PDF document
+const document = new PdfDocument();
+// Add a new page to the document
+const page: PdfPage = document.addPage();
+// Create a signature field on the page at specified coordinates
+const field = new PdfSignatureField(page, 'field', { x: 50, y: 50, width: 100, height: 100 });
+// Create a digital signature using certificate data and password, locking the document after signing
+const signature: PdfSignature = PdfSignature.create(certData, password, { isLocked: true });
+// Assign the signature to the signature field
+field.setSignature(signature);
+// Add the signature field to the document form
+document.form.add(field);
+// Save the document
+document.save('output.pdf');
+// Release resources used by the document
+document.destroy();
+
+{% endhighlight %}
+{% highlight javascript tabtitle="JavaScript" %}
+
+// Create a new PDF document
+var document = new ej.pdf.PdfDocument();
+// Add a new page to the document
+var page = document.addPage();
+// Create a signature field on the page at specified coordinates
+var field = new ej.pdf.PdfSignatureField(page, 'field', { x: 50, y: 50, width: 100, height: 100 });
+// Create a digital signature using certificate data and password, locking the document after signing
+var signature = ej.pdf.PdfSignature.create(certData, password, { isLocked: true });
+// Assign// Assign the signature to the signature field
+field.setSignature(signature);
+// Add the signature field to the document form
+document.form.add(field);
+// Save the document
+document.save('output.pdf');
+// Release resources used by the document
+document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
 
-## Retrieve the Signed Date of a PDF Signature
+## Adding multiple signatures to a PDF
+
+This example demonstrates how to add two visible signature fields to a PDF, apply a certifying signature to the first field (allowing form filling), then reopen the document and apply a second signature with forbid changes permissions. 
+
+{% tabs %}
+{% highlight typescript tabtitle="TypeScript" %}
+
+import { PdfDocument, PdfPage, PdfSignatureField, PdfSignature, CryptographicStandard, DigestAlgorithm, PdfCertificationFlags } from '@syncfusion/ej2-pdf';
+
+// Create a new PDF document
+let document: PdfDocument = new PdfDocument();
+// Add a new page to the document
+let page: PdfPage = document.addPage();
+// Add the first visible signature field
+let field: PdfSignatureField = new PdfSignatureField(page, 'Signature', { x: 50, y: 50, width: 100, height: 100 });
+// Add the second visible signature field
+let field2: PdfSignatureField = new PdfSignatureField(page, 'Signature1', { x: 250, y: 50, width: 100, height: 100 });
+// Create a certifying signature
+let signature: PdfSignature = PdfSignature.create(
+    certData,
+    password,
+    {
+        cryptographicStandard: CryptographicStandard.cms,
+        digestAlgorithm: DigestAlgorithm.sha256,
+        reason: 'I am author of this document.',
+        certify: true,
+        documentPermissions: PdfCertificationFlags.allowFormFill
+    },
+);
+// Bind the certifying signature to the first signature field
+field.setSignature(signature);
+// Add the first signature field
+document.form.add(field);
+// Add the second signature field
+document.form.add(field2);
+// Save the current state to a Uint8Array
+let data: Uint8Array = document.save();
+// Dispose of the first document
+document.destroy();
+// Reopen the saved bytes as a new PdfDocument
+let ldocument: PdfDocument = new PdfDocument(data);
+// Retrieve the second signature field by index
+field = ldocument.form.fieldAt(1) as PdfSignatureField;
+// Create the second signature
+signature = PdfSignature.create(
+    certData,
+    password,
+    {
+        cryptographicStandard: CryptographicStandard.cms,
+        digestAlgorithm: DigestAlgorithm.sha256,
+        certify: true,
+        documentPermissions: PdfCertificationFlags.forbidChanges
+    },
+);
+// Bind the signature to the second field
+field.setSignature(signature);
+// Save the document
+ldocument.save('output.pdf');
+// Dispose of the document
+ldocument.destroy();
+
+{% endhighlight %}
+{% highlight javascript tabtitle="JavaScript" %}
+
+// Create a new PDF document
+var document = new ej.pdf.PdfDocument();
+// Add a new page to the document
+var page = document.addPage();
+// Add the first visible signature field
+var field = new ej.pdf.PdfSignatureField(page, 'Signature', { x: 50, y: 50, width: 100, height: 100 });
+// Add the second visible signature field
+var field2 = new ej.pdf.PdfSignatureField(page, 'Signature1', { x: 250, y: 50, width: 100, height: 100 });
+// Create a certifying signature (CMS + SHA-256), allowing form fill
+var signature = ej.pdf.PdfSignature.create(
+  certData,
+  password,
+  {
+    cryptographicStandard: ej.pdf.CryptographicStandard.cms,
+    digestAlgorithm: ej.pdf.DigestAlgorithm.sha256,
+    reason: 'I am author of this document.',
+    certify: true,
+    documentPermissions: ej.pdf.PdfCertificationFlags.allowFormFill
+  }
+);
+// Bind the certifying signature to the first signature field
+field.setSignature(signature);
+//// Add both signature fields to the document form
+document.form.add(field);
+document.form.add(field2);
+// Save the current state to a Uint8Array
+var data = document.save();
+// Dispose of the first document
+document.destroy();
+// Reopen the saved bytes as a new PdfDocument
+var ldocument = new ej.pdf.PdfDocument(data);
+// Retrieve the second signature field by index (0-based; index 1 = the second field)
+field = ldocument.form.fieldAt(1);
+// Create the second signature (certify with forbid changes)
+signature = ej.pdf.PdfSignature.create(
+  certData,
+  password,
+  {
+    cryptographicStandard: ej.pdf.CryptographicStandard.cms,
+    digestAlgorithm: ej.pdf.DigestAlgorithm.sha256,
+    certify: true,
+    documentPermissions: ej.pdf.PdfCertificationFlags.forbidChanges
+  }
+);
+// Bind the signature to the second field
+field.setSignature(signature);
+// Save the document
+ldocument.save('output.pdf');
+// Dispose of the document
+ldocument.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+## Drawing text/image in the Signature Appearance
+
+This example demonstrates how to create a visible signature field, apply a CMS (SHA-256) digital signature with signer information, customize the signature appearance using a base64-encoded image, and save the signed PDF document.
+
+{% tabs %}
+{% highlight typescript tabtitle="TypeScript" %}
+import { PdfDocument, PdfPage, PdfSignatureField, PdfSignature, CryptographicStandard, DigestAlgorithm, PdfGraphics, PdfImage, PdfBitmap } from '@syncfusion/ej2-pdf';
+
+// Create a new PDF document
+let document: PdfDocument = new PdfDocument();
+// Add a new page to the document
+let page = document.addPage();
+// Create a visible signature field at (50, 50) sized 100x100
+let field: PdfSignatureField = new PdfSignatureField(page, 'field', { x: 50, y: 50, width: 100, height: 100 });
+// Create a digital signature with CMS + SHA-256
+const signature: PdfSignature = PdfSignature.create(
+  certData,
+  password,
+  {
+    cryptographicStandard: CryptographicStandard.cms,
+    digestAlgorithm: DigestAlgorithm.sha256,
+    contactInfo: 'johndoe@owned.us',
+    locationInfo: 'Honolulu, Hawaii',
+    reason: 'I am author of this document.'
+  },
+);
+// Get the normal appearance graphics for the signature field
+let graphics: PdfGraphics = field.getAppearance().normal.graphics;
+// Create an image from a base64-encoded bitmap (placeholder content shown)
+let image: PdfImage = new PdfBitmap('/9j/4AAQSkZJRgABAQEAkACQAAD/4....QB//Z');
+// Draw the image to fill the signature widget (100x100)
+graphics.drawImage(image, { x: 0, y: 0, width: 100, height: 100 });
+// Register the signature field
+document.form.add(field);
+// Apply the signature to the field
+field.setSignature(signature);
+// Save the Document
+document.save('output.pdf');
+// Release document resources
+document.destroy();
+
+{% endhighlight %}
+{% highlight javascript tabtitle="JavaScript" %}
+
+// Create a new PDF document
+var document = new ej.pdf.PdfDocument();
+// Add a new page to the document
+var page = document.addPage();
+// Create a visible signature field at (50, 50) sized 100x100
+var field = new ej.pdf.PdfSignatureField(page, 'field', { x: 50, y: 50, width: 100, height: 100 });
+// Create a digital signature with CMS + SHA-256 and signer info
+var signature = ej.pdf.PdfSignature.create(
+  certData,
+  password,
+  {
+    cryptographicStandard: ej.pdf.CryptographicStandard.cms,
+    digestAlgorithm: ej.pdf.DigestAlgorithm.sha256,
+    contactInfo: 'johndoe@owned.us',
+    locationInfo: 'Honolulu, Hawaii',
+    reason: 'I am author of this document.'
+  }
+);
+// Get the normal appearance graphics for the signature field
+var graphics = field.getAppearance().normal.graphics;
+// Create an image from a base64-encoded bitmap (placeholder content shown)
+var image = new ej.pdf.PdfBitmap('/9j/4AAQSkZJRgABAQEAkACQAAD/4....QB//Z');
+// Draw the image to fill// Draw the image to fill the signature widget (100x100)
+graphics.drawImage(image, { x: 0, y: 0, width: 100, height: 100 });
+// Register the signature field with the document form
+document.form.add(field);
+// Apply the signature to the field
+field.setSignature(signature);
+// Save the document
+document.save('output.pdf');
+// Release document resources
+document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+## Retrieve the signed date of a PDF signature
 
 This example demonstrates how to retrieve the signed date of a PDF signature using the `getSignedDate()` method of the `PdfSignature` class. This property helps identify when the document was digitally signed.
 
 {% tabs %}
 {% highlight typescript tabtitle="TypeScript" %}
-import {PdfDocument, PdfPage, PdfForm, PdfSignatureField, DigestAlgorithm, CryptographicStandard} from '@syncfusion/ej2-pdf';
+import {PdfDocument, PdfPage, PdfForm, PdfSignatureField} from '@syncfusion/ej2-pdf';
 
 // Load the document
 let document: PdfDocument = new PdfDocument(data);
@@ -308,49 +614,33 @@ let document: PdfDocument = new PdfDocument(data);
 let page: PdfPage = document.getPage(0);
 // Access the PDF form
 let form: PdfForm = document.form;
-// Create a new signature field
-let field: PdfSignatureField = new PdfSignatureField(page, 'Signature', { x: 10, y: 10, width: 100, height: 50 });
-// Create a new signature using PFX data and private key
-let sign: PdfSignature = PdfSignature.create(
-    {
-        cryptographicStandard: CryptographicStandard.cms,
-        digestAlgorithm: DigestAlgorithm.sha256
-    },
-    certData,
-    password
-);
-// Set the signature to the field
-field.setSignature(sign);
+// Access the loaded signature field
+let field: PdfSignatureField = document.form.fieldAt(0) as PdfSignatureField;
+// Get the signed
+let signature = field.getSignature();
 // Get the signed date
-sign.getSignedDate();
-// Add the field into PDF form
-form.add(field);
-// Save the document
-document.save('output.pdf');
+let date = signature.getSignedDate;
 // Destroy the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load the document
 var document = new ej.pdf.PdfDocument(data);
 // Get the first page of the document
 var page = document.getPage(0);
 // Access the PDF form
 var form = document.form;
-// Create a new signature field
-var field = new ej.pdf.PdfSignatureField(page, 'Signature', { x: 10, y: 10, width: 100, height: 50 });
-// Create a new signature using PFX data and private key
-var sign = ej.pdf.PdfSignature.create({ cryptographicStandard: ej.pdf.CryptographicStandard.cms, digestAlgorithm: ej.pdf.DigestAlgorithm.sha256 }, certData, password);
-// Set the signature to the field
-field.setSignature(sign);
+// Access the loaded signature field
+var field = document.form.fieldAt(0) as ej.pdf.PdfSignatureField;
+// Get the signed
+var signature = field.getSignature();
 // Get the signed date
-sign.getSignedDate();
-// Add the field into PDF form
-form.add(field);
-// Save the document
-document.save('output.pdf');
+var date = signature.getSignedDate;
 // Destroy the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
 
@@ -360,57 +650,53 @@ 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, PdfSignatureField, PdfCertificateInformation} from '@syncfusion/ej2-pdf';
 
 // Load the document
 let document: PdfDocument = new PdfDocument(data);
 // Get the first page of the document
 let page: PdfPage = document.getPage(0);
-// Access the PDF form
-let form: PdfForm = document.form;
-// Create a new signature field
-let field: PdfSignatureField = new PdfSignatureField(page, 'Signature', { x: 10, y: 10, width: 100, height: 50 });
-// Create a new signature using PFX data and private key
-let sign: PdfSignature = PdfSignature.create(
-    {
-        cryptographicStandard: CryptographicStandard.cms,
-        digestAlgorithm: DigestAlgorithm.sha256
-    },
-    certData,
-    password
-);
-// Set the signature to the field
-field.setSignature(sign);
+// Access the loaded signature field
+let field = document.form.fieldAt(0) as PdfSignatureField;
+// Get the signed
+let signature = field.getSignature();
 // Get the certificate information of the signature
-let certificateInfo: PdfCertificateInformation = sign.getCertificateInformation();
-// Add the field into PDF form
-form.add(field);
-// Save the document
-document.save('output.pdf');
+let certificateInfo: PdfCertificateInformation = signature.getCertificateInformation();
+// Get the issuer name of the certificate
+let issuerName = certificateInfo.issuerName;
+// Get the serial number of the certificate
+let serialNumber = certificateInfo.serialNumber;
+// Get the subject name of the certificate
+let subjectName = certificateInfo.subjectName;
+// Get the start date from which the certificate is valid
+let validFrom = certificateInfo.validFrom;
 // Destroy the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load the document
 var document = new ej.pdf.PdfDocument(data);
 // Get the first page of the document
 var page = document.getPage(0);
-// Access the PDF form
-var form = document.form;
-// Create a new signature field
-var field = new ej.pdf.PdfSignatureField(page, 'Signature', { x: 10, y: 10, width: 100, height: 50 });
-// Create a new signature using PFX data and private key
-var sign = ej.pdf.PdfSignature.create({ cryptographicStandard: ej.pdf.CryptographicStandard.cms, digestAlgorithm: ej.pdf.DigestAlgorithm.sha256 }, certData, password);
-// Set the signature to the field
-field.setSignature(sign);
+// Access the loaded signature field
+var field = document.form.fieldAt(0) as PdfSignatureField;
+// Get the signed
+var signature = field.getSignature();
 // Get the certificate information of the signature
-var certificateInfo = sign.getCertificateInformation();
-// Add the field into PDF form
-form.add(field);
-// Save the document
-document.save('output.pdf');
+var certificateInfo = signature.getCertificateInformation();
+// Get the issuer name of the certificate
+var issuerName = certificateInfo.issuerName;
+// Get the serial number of the certificate
+var serialNumber = certificateInfo.serialNumber;
+// Get the subject name of the certificate
+var subjectName = certificateInfo.subjectName;
+// Get the start date from which the certificate is valid
+var validFrom = certificateInfo.validFrom;
 // Destroy the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
 
@@ -434,12 +720,30 @@ let field: PdfSignatureField = form.fieldAt(0) as PdfSignatureField;
 let signature: PdfSignature = field.getSignature();
 // Get the signature options
 let options: PdfSignatureOptions = signature.getSignatureOptions();
-// Get the cryptographic standard of the signature
-let cryptographicStandard: CryptographicStandard = options.cryptographicStandard;
+// Get the cryptographic standard
+let cryptographicStandard = options.cryptographicStandard;
+// Get the digest algorithm
+let digestAlgorithm = options.digestAlgorithm;
+// Get the signer contact information
+let contactInfo = options.contactInfo;
+// Get the reason for signing
+let reason = options.reason;
+// Get the physical signing location
+let locationInfo = options.locationInfo;
+// Get the certification flag
+let certify = options.certify;
+// Get the certification permissions
+let documentPermissions = options.documentPermissions;
+// Get// Get the signature name
+let signedName = options.signedName;
+// Get the lock status of the signature
+let isLocked = options.isLocked
 // Destroy the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load the document
 var document = new ej.pdf.PdfDocument(data);
 // Get the first page of the document
@@ -452,10 +756,27 @@ var field = form.fieldAt(0);
 var signature = field.getSignature();
 // Get the signature options
 var options = signature.getSignatureOptions();
-// Get the cryptographic standard of the signature
+// Get the cryptographic standard
 var cryptographicStandard = options.cryptographicStandard;
+// Get the digest algorithm
+var digestAlgorithm = options.digestAlgorithm;
+// Get the signer contact information
+var contactInfo = options.contactInfo;
+// Get the reason for signing
+var reason = options.reason;
+// Get the physical signing location
+var locationInfo = options.locationInfo;
+// Get the certification flag
+var certify = options.certify;
+// Get the certification permissions
+var documentPermissions = options.documentPermissions;
+// Get// Get the signature name
+var signedName = options.signedName;
+// Get the lock status of the signature
+var isLocked = options.isLocked
 // Destroy the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
 
@@ -502,12 +823,12 @@ field.setSignature(signature);
 // Add the field into PDF form
 form.add(field);
 // Save the document data
-let data: Uint8Array = document.save();
+let finalData: Uint8Array = document.save();
 // Destroy the document
 document.destroy();
 // Replace the empty signature with externally signed hash and certificates
 let signedDocumentData: Uint8Array = PdfSignature.replaceEmptySignature(
-    data,
+    finalData,
     'Signature',
     signedData,
     DigestAlgorithm.sha256,
@@ -515,8 +836,10 @@ let signedDocumentData: Uint8Array = PdfSignature.replaceEmptySignature(
 );
 // Destroy the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load the document
 var document = new ej.pdf.PdfDocument(data);
 // Get the first page of the document
@@ -546,12 +869,12 @@ field.setSignature(signature);
 // Add the field into PDF form
 form.add(field);
 // Save the document data
-var data = document.save();
+var finalData = document.save();
 // Destroy the document
 document.destroy();
 // Replace the empty signature with externally signed hash and certificates
 var signedDocumentData = ej.pdf.PdfSignature.replaceEmptySignature(
-    data,
+    finalData,
     'Signature',
     signedData,
     ej.pdf.DigestAlgorithm.sha256,
@@ -559,5 +882,6 @@ var signedDocumentData = ej.pdf.PdfSignature.replaceEmptySignature(
 );
 // Destroy the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Library/javascript/FormFields.md b/Document-Processing/PDF/PDF-Library/javascript/FormFields.md
index 6ae3f4355..487a2e58c 100644
--- a/Document-Processing/PDF/PDF-Library/javascript/FormFields.md
+++ b/Document-Processing/PDF/PDF-Library/javascript/FormFields.md
@@ -7,11 +7,11 @@ documentation: UG
 ---
 # Form Fields in JavaScript PDF library
 
-An interactive form, sometimes referred to as an AcroForm is a collection of fields for gathering information. A PDF document can contain any number of fields appearing on any combination of pages, all of that make a single, globally interactive form spanning the entire document.
+An interactive form, sometimes referred to as an AcroForm, is a collection of fields for gathering information. A PDF document can contain any number of fields appearing on any combination of pages, all of which make a single, globally interactive form spanning the entire document.
 
 ## Creating a new PDF form
 
-Syncfusion<sup>&reg;</sup> PDF allows you to create and manage the form in PDF document by using `PdfForm` class. The `PdfForm` class represents the entire field collection of the form.
+Syncfusion<sup>&reg;</sup> PDF allows you to create and manage form in PDF document by using `PdfForm` class. The `PdfForm` class represents the entire field collection of the form.
 
 ### Adding the text box field 
 
@@ -44,14 +44,16 @@ document.form.add(new PdfTextBoxField(
 document.save('output.pdf');
 // Destroy the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Create a new PDF document
 var document = new ej.pdf.PdfDocument();
 // Add the PDF page.
 var page = document.addPage();
 // Add new textbox field into PDF form
-document.form.add(new PdfTextBoxField(
+document.form.add(new ej.pdf.PdfTextBoxField(
   page,
   'FirstName',
   { x: 50, y: 600, width: 200, height: 22 },
@@ -60,15 +62,16 @@ document.form.add(new PdfTextBoxField(
     color: { r: 0, g: 0, b: 0 },
     backColor: { r: 255, g: 255, b: 255 },
     borderColor: { r: 0, g: 122, b: 204 },
-    border: new ej.pdf.PdfInteractiveBorder({ width: 1, style: PdfBorderStyle.solid }),
+    border: new ej.pdf.PdfInteractiveBorder({ width: 1, style: ej.pdf.PdfBorderStyle.solid }),
     text: 'John',
-    font: document.embedFont(PdfFontFamily.helvetica, 10, PdfFontStyle.regular)
+    font: document.embedFont(ej.pdf.PdfFontFamily.helvetica, 10, ej.pdf.PdfFontStyle.regular)
   }
 ));
 // Save the document
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
 
@@ -78,8 +81,8 @@ The following code snippet explains how to add a text box field in an existing P
 {% highlight typescript tabtitle="TypeScript" %}
 import {PdfDocument, PdfPage, PdfTextBoxField, PdfInteractiveBorder, PdfBorderStyle, PdfFontFamily, PdfFontStyle} from '@syncfusion/ej2-pdf';
 
-// Create a new PDF document
-let document: PdfDocument = new PdfDocument();
+// Load an existing PDF document
+let document: PdfDocument = new PdfDocument(data);
 //Add the PDF page.
 let page: PdfPage = document.getPage(0);
 // Add new textbox field into PDF form
@@ -101,8 +104,10 @@ document.form.add(new PdfTextBoxField(
 document.save('output.pdf');
 // Destroy the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
 // Access the first page
@@ -126,6 +131,7 @@ document.form.add(new ej.pdf.PdfTextBoxField(
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
 
@@ -137,8 +143,8 @@ This example demonstrates how to add a combo box field to a PDF document using t
 {% highlight typescript tabtitle="TypeScript" %}
 import {PdfDocument, PdfPage, PdfForm, PdfComboBoxField, PdfInteractiveBorder, PdfBorderStyle, PdfFontFamily, PdfFontStyle} from '@syncfusion/ej2-pdf';
 
-// Load an existing PDF document
-let document: PdfDocument = new PdfDocument(data);
+// Create a new PDF document
+let document: PdfDocument = new PdfDocument();
 // Add the first page of the document
 let page: PdfPage = document.addPage();
 // Add new combobox field into PDF form
@@ -165,8 +171,10 @@ document.form.add(new PdfComboBoxField(
 document.save('output.pdf');
 // Destroy the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Create a new PDF document
 var document = new ej.pdf.PdfDocument();
 // Add a page
@@ -195,6 +203,7 @@ document.form.add(new ej.pdf.PdfComboBoxField(
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
 
@@ -232,8 +241,10 @@ document.form.add(new PdfComboBoxField(
 document.save('output.pdf');
 // Destroy the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
 // Access the first page
@@ -262,6 +273,7 @@ document.form.add(new ej.pdf.PdfComboBoxField(
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
 
@@ -273,8 +285,8 @@ This example demonstrates how to add a radio button field to a PDF document usin
 {% highlight typescript tabtitle="TypeScript" %}
 import {PdfDocument, PdfPage, PdfRadioButtonListField} from '@syncfusion/ej2-pdf';
 
-// Load an existing PDF document
-let document: PdfDocument = new PdfDocument(data);
+// Create a new PDF document
+let document: PdfDocument = new PdfDocument();
 // Add a page
 let page: PdfPage = document.addPage();
 // Add new radio button list field into PDF form
@@ -296,8 +308,10 @@ document.form.add(new PdfRadioButtonListField(
 document.save('output.pdf');
 // Destroy the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Create a new PDF document
 var document = new ej.pdf.PdfDocument();
 // Add a page
@@ -321,6 +335,7 @@ document.form.add(new ej.pdf.PdfRadioButtonListField(
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
 
@@ -353,8 +368,10 @@ document.form.add(new PdfRadioButtonListField(
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
 // Access the first page
@@ -378,6 +395,7 @@ document.form.add(new ej.pdf.PdfRadioButtonListField(
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
 
@@ -418,8 +436,10 @@ document.form.add(new PdfListBoxField(
 document.save('output.pdf');
 // Destroy the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Create a new PDF document
 var document = new ej.pdf.PdfDocument();
 // Add a page
@@ -449,6 +469,7 @@ document.form.add(new ej.pdf.PdfListBoxField(
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
 
@@ -487,8 +508,10 @@ document.form.add(new PdfListBoxField(
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
 // Access the first page
@@ -518,6 +541,7 @@ document.form.add(new ej.pdf.PdfListBoxField(
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
 
@@ -550,8 +574,10 @@ document.form.add(new PdfCheckBoxField(
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Create a new PDF document
 var document = new ej.pdf.PdfDocument();
 // Add a page
@@ -573,10 +599,11 @@ document.form.add(new ej.pdf.PdfCheckBoxField(
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
 
-The following code snippet explains how to check Box field in an existing PDF document.
+The following code snippet explains how to add a check Box field in an existing PDF document.
 
 {% tabs %}
 {% highlight typescript tabtitle="TypeScript" %}
@@ -603,8 +630,10 @@ document.form.add(new PdfCheckBoxField(
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
 // Access the first page
@@ -626,6 +655,7 @@ document.form.add(new ej.pdf.PdfCheckBoxField(
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
 
@@ -663,8 +693,10 @@ document.form.add(
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Create a new PDF document
 var document = new ej.pdf.PdfDocument();
 // Add a page
@@ -691,10 +723,11 @@ document.form.add(
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
 
-The following code snippet explains how to add a signature filed in an existing PDF document.
+The following code snippet explains how to add a signature field in an existing PDF document.
 
 {% tabs %}
 {% highlight typescript tabtitle="TypeScript" %}
@@ -726,8 +759,10 @@ document.form.add(
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
 // Access the first page
@@ -754,6 +789,7 @@ document.form.add(
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
 
@@ -793,8 +829,10 @@ document.form.add(
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Create a new PDF document
 var document = new ej.pdf.PdfDocument();
 // Add a page
@@ -823,6 +861,7 @@ document.form.add(
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
 
@@ -860,8 +899,10 @@ document.form.add(
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
 // Access the first page
@@ -890,6 +931,7 @@ document.form.add(
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
 
@@ -919,8 +961,10 @@ field.textAlignment = PdfTextAlignment.center;
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
 // Access the first page
@@ -935,6 +979,7 @@ field.textAlignment = ej.pdf.PdfTextAlignment.center;
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
 
@@ -960,8 +1005,10 @@ field.multiSelect = true;
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
 // Access the first page
@@ -976,6 +1023,7 @@ field.multiSelect = true;
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
 
@@ -1001,8 +1049,10 @@ field.toolTip = 'Radio button';
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
 // Access the first page
@@ -1017,6 +1067,7 @@ field.toolTip = 'Radio button';
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
 
@@ -1042,8 +1093,10 @@ field.toolTip = 'ListBox Fields';
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
 // Access the first page
@@ -1058,6 +1111,7 @@ field.toolTip = 'ListBox Fields';
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
 
@@ -1076,15 +1130,17 @@ let page: PdfPage = document.getPage(0);
 // Access checkbox field
 let field: PdfCheckBoxField = document.form.fieldAt(2) as PdfCheckBoxField;
 // Sets the tooltip value
-field.toolTip = 'Checked';
+field.toolTip = 'Check Box Field';
 // Added tool tip
 field.toolTip = 'CheckBox Fields';
 // Save the document
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
 // Access the first page
@@ -1092,17 +1148,17 @@ var page = document.getPage(0);
 // Access checkbox field
 var field = document.form.fieldAt(2);
 // Sets the tooltip value
-field.toolTip = 'Checked';
+field.toolTip = 'Check Box Field';
 // Added tool tip
 field.toolTip = 'CheckBox Fields';
 // Save the document
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
 
-
 ### Filling the signature field
 
 This example demonstrates how to fill a signature field in a PDF document using the `PdfSignatureField` class. The following code snippet illustrates how to create a signature using PFX data and assign it to the signature field.
@@ -1125,8 +1181,10 @@ field.toolTip = 'CheckBox Fields';
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
 // Access the first page
@@ -1141,6 +1199,7 @@ field.toolTip = 'CheckBox Fields';
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
 
@@ -1170,8 +1229,10 @@ field.defaultValue = 'Syncfusion';
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
 // Access the first page
@@ -1188,12 +1249,13 @@ field.defaultValue = 'Syncfusion';
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
 
 ## Removing the form fields from existing PDF document
 
-This example demonstrates how to remove items from an existing form field in a PDF document using the `removeItemAt()` method of the `PdfField` class. The following code snippet illustrates how to access a form field and remove its first item.
+This example demonstrates how to remove items from an existing form field in a PDF document using the `remove()` method of the `PdfField` class. The following code snippet illustrates how to access a form field and remove its first item.
 
 {% tabs %}
 {% highlight typescript tabtitle="TypeScript" %}
@@ -1209,8 +1271,10 @@ field.removeItemAt(0);
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
 // Access the form field at index 0
@@ -1221,6 +1285,7 @@ field.removeItemAt(0);
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
 
@@ -1236,27 +1301,32 @@ import {PdfDocument, PdfField} from '@syncfusion/ej2-pdf';
 let document: PdfDocument = new PdfDocument(data);
 // Get the first field
 let field: PdfField = document.form.fieldAt(0);
-// Sets the boolean flag indicating whether the form field have been flattened or not.
+// Sets the boolean flag indicating whether the form field has been flattened or not.
 field.flatten = true;
 // Save the document
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
 // Get the first field
 var field = document.form.fieldAt(0);
-// Sets the boolean flag indicating whether the form field have been flattened or not.
+// Sets the boolean flag indicating whether the form field has been flattened or not.
 field.flatten = true;
 // Save the document
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
 
+N> Setting `document.flatten = true;` flattens all interactive elements in the PDF, converting form fields and annotations into static content throughout the entire document.
+
 ## Marking form fields as Read-Only
 
 This example demonstrates how to mark form fields as read-only by accessing them from the PdfFormFieldCollection and setting their ReadOnly property to true. 
@@ -1290,7 +1360,7 @@ document.destroy();
 {% endhighlight %}
 {% endtabs %}
 
-## Importing form fields
+## Importing form fields data
 
 ### Importing FDF file to PDF
 
@@ -1298,11 +1368,11 @@ This example demonstrates how to import form data from an FDF file into a PDF do
 
 {% tabs %}
 {% highlight typescript tabtitle="TypeScript" %}
-import {PdfDocument} from '@syncfusion/ej2-pdf';
+import {PdfDocument, DataFormat} from '@syncfusion/ej2-pdf';
 
 // Load an existing PDF document
 let document: PdfDocument = new PdfDocument(data);
-// Imports form data from to the PDF document.
+// Imports form data into the PDF document.
 document.importFormData('formData.fdf', DataFormat.fdf);
 // Save the document
 document.save('Output.pdf');
@@ -1312,7 +1382,7 @@ document.destroy();
 {% highlight javascript tabtitle="JavaScript" %}
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
-// Imports form data from to the PDF document.
+// Imports form data into the PDF document.
 document.importFormData('formData.fdf', ej.pdf.DataFormat.fdf);
 // Save the document
 document.save('Output.pdf');
@@ -1327,30 +1397,33 @@ This example demonstrates how to import form data from an XFDF file into a PDF d
 
 {% tabs %}
 {% highlight typescript tabtitle="TypeScript" %}
-import {PdfDocument} from '@syncfusion/ej2-pdf';
+import {PdfDocument, DataFormat} from '@syncfusion/ej2-pdf';
 
 // Load an existing PDF document
 let document: PdfDocument = new PdfDocument(data);
-// Imports form data from to the PDF document.
+// Imports form data into the PDF document.
 document.importFormData('formData.xfdf', DataFormat.xfdf);
 // Save the document
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
-// Imports form data from to the PDF document.
+// Imports form data into the PDF document.
 document.importFormData('formData.xfdf', ej.pdf.DataFormat.xfdf);
 // Save the document
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
 
-## Exporting form fields
+## Exporting form fields data
 
 ### Export PDF file to FDF
 
@@ -1358,7 +1431,7 @@ This example demonstrates how to export form data from a PDF document to an FDF
 
 {% tabs %}
 {% highlight typescript tabtitle="TypeScript" %}
-import {PdfDocument, PdfFormFieldExportSettings } from '@syncfusion/ej2-pdf';
+import {PdfDocument, PdfFormFieldExportSettings, DataFormat } from '@syncfusion/ej2-pdf';
 
 // Load an existing PDF document
 let document: PdfDocument = new PdfDocument(data);
@@ -1371,8 +1444,10 @@ let fdf: Uint8Array = document.exportFormData(settings);
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
 // Sets the form field data export settings with output data format.
@@ -1384,6 +1459,7 @@ var fdf = document.exportFormData(settings);
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
 
@@ -1393,7 +1469,7 @@ This example demonstrates how to export form data from a PDF document to an XFDF
 
 {% tabs %}
 {% highlight typescript tabtitle="TypeScript" %}
-import {PdfDocument, PdfFormFieldExportSettings } from '@syncfusion/ej2-pdf';
+import {PdfDocument, PdfFormFieldExportSettings, DataFormat } from '@syncfusion/ej2-pdf';
     
 // Load an existing PDF document
 let document: PdfDocument = new PdfDocument(data);
@@ -1406,8 +1482,10 @@ let xfdf: Uint8Array = document.exportFormData(settings);
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
 // Sets the form field data export settings with output data format.
@@ -1419,5 +1497,6 @@ var xfdf = document.exportFormData(settings);
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Library/javascript/HyperLinks.md b/Document-Processing/PDF/PDF-Library/javascript/HyperLinks.md
index 680392c90..3604af97e 100644
--- a/Document-Processing/PDF/PDF-Library/javascript/HyperLinks.md
+++ b/Document-Processing/PDF/PDF-Library/javascript/HyperLinks.md
@@ -9,7 +9,7 @@ documentation: UG
 
 In PDF, hyperlinks can be added to allow the users to navigate to another part of PDF file, web page or any other external content.
 
-## Working with Web navigation
+## Working with web navigation
 
 This example demonstrates how to create a web link annotation in a PDF document using the `PdfTextWebLinkAnnotation` class. A web link annotation allows users to navigate to a specified URL directly from the PDF by clicking the annotated text.
 
@@ -28,15 +28,17 @@ let font: PdfStandardFont = document.embedFont(PdfFontFamily.helvetica, 36, PdfF
 // Get the text size
 let size: Size = font.measureString('Syncfusion');
 // Create a new text web link annotation
-let annotation: PdfTextWebLinkAnnotation = new PdfTextWebLinkAnnotation({ x: 50, y: 40, width: size.width, height: size.height }, { r: 0, g: 0, b: 0}, { r: 165, g: 42, b: 42}, 1);
+let annotation: PdfTextWebLinkAnnotation = new PdfTextWebLinkAnnotation({ x: 50, y: 40, width: size.width, height: size.height }, { r: 0, g: 0, b: 0}, { r: 165, g: 42, b: 42 }, 1);
 // Add annotation to the page
 page.annotations.add(annotation);
 // Save the document
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument();
 // Access the first page
@@ -55,6 +57,7 @@ page.annotations.add(annotation);
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
 
@@ -75,15 +78,17 @@ let font: PdfStandardFont = document.embedFont(PdfFontFamily.helvetica, 36, PdfF
 // Get the text size
 let size: Size = font.measureString('Syncfusion');
 // Create a new text web link annotation
-let annotation: PdfTextWebLinkAnnotation = new PdfTextWebLinkAnnotation({ x: 50, y: 40, width: size.width, height: size.height }, { r: 0, g: 0, b: 0}, { r: 165, g: 42, b: 42}, 1);
+let annotation: PdfTextWebLinkAnnotation = new PdfTextWebLinkAnnotation({ x: 50, y: 40, width: size.width, height: size.height }, { r: 0, g: 0, b: 0}, { r: 165, g: 42, b: 42 }, 1);
 // Add annotation to the page
 page.annotations.add(annotation);
 // Save the document
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
 // Access the first page
@@ -102,6 +107,7 @@ page.annotations.add(annotation);
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
 
@@ -111,7 +117,7 @@ This example demonstrates how to create internal navigation within a PDF documen
 
 {% tabs %}
 {% highlight typescript tabtitle="TypeScript" %}
-import { PdfDocument, PdfPage, PdfStringFormat, PdfStandardFont, PdfDocumentLinkAnnotation, PdfTextAlignment, PdfFontFamily, PdfFontStyle, PdfDestination, PdfDestinationMode,  } from '@syncfusion/ej2-pdf';
+import { PdfDocument, PdfPage, PdfStringFormat, PdfStandardFont, PdfDocumentLinkAnnotation, PdfTextAlignment, PdfFontFamily, PdfFontStyle, PdfDestination, PdfDestinationMode  } from '@syncfusion/ej2-pdf';
 
 // Create a new PDF document
 let document: PdfDocument = new PdfDocument();
@@ -124,7 +130,7 @@ let font: PdfStandardFont = document.embedFont(PdfFontFamily.helvetica, 10, PdfF
 // Get the text size
 let size: Size = font.measureString('Syncfusion');
 // Create a new text web link annotation
-let annotation: PdfDocumentLinkAnnotation = new PdfDocumentLinkAnnotation({ x: 50, y: 40, width: size.width, height: size.height }, { r: 0, g: 0, b: 0}, { r: 165, g: 42, b: 42}, 1);
+let annotation: PdfDocumentLinkAnnotation = new PdfDocumentLinkAnnotation({ x: 50, y: 40, width: size.width, height: size.height }, { r: 0, g: 0, b: 0}, { r: 165, g: 42, b: 42 }, 1);
 // Initializes a new instance of the `PdfDestination` class.
 let destination: PdfDestination = new PdfDestination();
 // Sets the zoom factor.
@@ -143,8 +149,10 @@ annotation.destination = destination;
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Create a new PDF document
 var document = new ej.pdf.PdfDocument();
 // Add a page
@@ -175,6 +183,7 @@ annotation.destination = destination;
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
 
@@ -208,8 +217,10 @@ annotation.destination = destination;
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
 // Get the page
@@ -234,6 +245,7 @@ annotation.destination = destination;
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
 
@@ -249,28 +261,31 @@ import { PdfDocument, PdfPage, PdfFileLinkAnnotation } from '@syncfusion/ej2-pdf
 let document: PdfDocument = new PdfDocument();
 // Add a page
 let page: PdfPage = document.addPage();
-// Create a new file link annotation(base64 / uint8array)
-let annotation: PdfFileLinkAnnotation = new PdfFileLinkAnnotation({ x: 10, y: 40, width: 30, height: 30 }, '/9j/4AAQSkZJRgABAQEAkACQAAD/4....QB//Z');
+// Create a new file link annotation
+let annotation: PdfFileLinkAnnotation = new PdfFileLinkAnnotation({ x: 10, y: 40, width: 30, height: 30 }, 'image.png');
 // Add annotation to the page
 page.annotations.add(annotation);
 // Save the document
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Create a new PDF document
 var document = new ej.pdf.PdfDocument();
 // Add a page
 var page = document.addPage();
-// Create a new file link annotation(base64 / uint8array)
-var annotation = new ej.pdf.PdfFileLinkAnnotation({ x: 10, y: 40, width: 30, height: 30 }, '/9j/4AAQSkZJRgABAQEAkACQAAD/4....QB//Z');
+// Create a new file link annotation
+var annotation = new ej.pdf.PdfFileLinkAnnotation({ x: 10, y: 40, width: 30, height: 30 }, 'image.png');
 // Add annotation to the page
 page.annotations.add(annotation);
 // Save the document
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
 
@@ -284,27 +299,30 @@ import { PdfDocument, PdfPage, PdfFileLinkAnnotation } from '@syncfusion/ej2-pdf
 let document: PdfDocument = new PdfDocument(data);
 // Get the first page
 let page: PdfPage = document.getPage(0) as PdfPage;
-// Create a new file link annotation(base64 / uint8array)
-let annotation: PdfFileLinkAnnotation = new PdfFileLinkAnnotation({ x: 10, y: 40, width: 30, height: 30 }, '/9j/4AAQSkZJRgABAQEAkACQAAD/4....QB//Z');
+// Create a new file link annotation
+let annotation: PdfFileLinkAnnotation = new PdfFileLinkAnnotation({ x: 10, y: 40, width: 30, height: 30 }, 'image.png');
 // Add annotation to the page
 page.annotations.add(annotation);
 // Save the document
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
 // Get the first page
 var page = document.getPage(0);
-// Create a new file link annotation(base64 / uint8array)
-var annotation = new ej.pdf.PdfFileLinkAnnotation({ x: 10, y: 40, width: 30, height: 30 }, '/9j/4AAQSkZJRgABAQEAkACQAAD/4....QB//Z');
+// Create a new file link annotation
+var annotation = new ej.pdf.PdfFileLinkAnnotation({ x: 10, y: 40, width: 30, height: 30 }, 'image.png');
 // Add annotation to the page
 page.annotations.add(annotation);
 // Save the document
 document.save('Output.pdf');
 // Close the document
 document.destroy(); 
+
 {% endhighlight %}
 {% endtabs %}
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Library/javascript/Image-Extraction.md b/Document-Processing/PDF/PDF-Library/javascript/Image-Extraction.md
index 266ebc651..98a8b7761 100644
--- a/Document-Processing/PDF/PDF-Library/javascript/Image-Extraction.md
+++ b/Document-Processing/PDF/PDF-Library/javascript/Image-Extraction.md
@@ -7,13 +7,14 @@ documentation: UG
 ---
 # Image Extraction in TypeScript PDF library
 
-The PDF provides support to extract images from PDF documents and retrieve their properties such as position, size, and format.
+The PDF provides support to extract images from PDF documents and retrieve their properties such as bounds, index and raw byte data.
 
-N> For data extraction features, you need to install the `@syncfusion/ej2-pdf-data-extract` package as an add-on.
+N> For redaction features, you need to install the `@syncfusion/ej2-pdf-data-extract` package as an add-on. Please verify the platform's actual root directory where the `openjpeg` file is extracted. Depending on the platform, the root path may vary. Check which root folder is being used by reviewing the path referenced in the [Getting Started](https://help.syncfusion.com/document-processing/pdf/pdf-library/javascript/create-pdf-document-asp-net-core) page.
 
-## Extract Images from a PDF
+## Extract images from a PDF
+
+This code demonstrates how to extract embedded images and their metadata from a PDF using  `PdfDataExtractor`. It loads a PDF, retrieves all  `PdfEmbeddedImage` entries across pages, accesses the first image's raw byte data, and reads its properties format, page index, occurrence index, bounds, interpolation status, and masking flags before saving/disposing resources by destroying the document.
 
-This example demonstrates how to extract all embedded images from a PDF document using the `PdfDataExtractor` class. The extracted images are returned as a collection of `PdfEmbeddedImage` objects.
 {% tabs %}
 {% highlight typescript tabtitle="TypeScript" %}
 import { PdfDocument } from '@syncfusion/ej2-pdf';
@@ -30,15 +31,36 @@ let imageInfoCollection: PdfEmbeddedImage[] = extractor.extractImages({
 });
 // Access the first extracted image and its raw data
 let imageInfo: PdfEmbeddedImage = imageInfoCollection[0];
-let data: Uint8Array = imageInfo.data;
-// Destroy the document
+// Get the raw byte data of the extracted image
+let imageData: Uint8Array = imageInfo.data;
+// Gets the image format.
+let type = imageInfo.type;
+// Gets the page index of the image
+let pageIndex = imageInfo.pageIndex;
+// Gets the index of the image occurrence within the PDF page
+let index = imageInfo.index;
+// Gets the bounds of the image
+let bounds = imageInfo.bounds;
+// Gets the XObject resource name for this image
+let name: string = imageInfo.resourceName;
+// Gets the boolean flag indicating whether the image is interpolated or not
+let isImageInterpolated = imageInfo.isImageInterpolated;
+// Gets the boolean flag indicating whether the image is masked or not
+let isImageMasked = imageInfo.isImageMasked;
+// Gets the boolean flag indicating whether the image is soft masked or not
+let IsSoftMasked: boolean = imageInfo.isSoftMasked;
+// Gets the image physical dimension
+let physicalDimension: Size = imageInfo.physicalDimension;
+// Destroy the PDF document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
 // Initialize a new instance of the `PdfDataExtractor` class
-var extractor= new ej.pdf.PdfDataExtractor(document);
+var extractor= new ej.pdfdataextract.PdfDataExtractor(document);
 // Extract collection of `PdfEmbeddedImage` from the PDF document
 var imageInfoCollection = extractor.extractImages({
   startPageIndex: 0,
@@ -46,48 +68,28 @@ var imageInfoCollection = extractor.extractImages({
 });
 // Access the first extracted image and its raw data
 var imageInfo = imageInfoCollection[0];
-var data = imageInfo.data;
-// Destroy the document
+// Get the raw byte data of the extracted image
+var imageData = imageInfo.data;
+// Gets the image format.
+var type = imageInfo.type;
+// Gets the page index of the image.
+var pageIndex = imageInfo.pageIndex;
+// Gets the index of the image occurrence within the PDF page
+var index = imageInfo.index;
+// Gets the bounds of the image.
+var bounds = imageInfo.bounds;
+// Gets the XObject resource name for this image
+var name = imageInfo.resourceName;
+// Gets the boolean flag indicating whether the image is interpolated or not
+var isImageInterpolated = imageInfo.isImageInterpolated;
+//// Gets the boolean flag indicating whether the image is masked or not
+var isImageMasked = imageInfo.isImageMasked;
+// Gets the boolean flag indicating whether the image is soft masked or not
+var IsSoftMasked = imageInfo.isSoftMasked;
+// Gets the image physical dimension
+var physicalDimension = imageInfo.physicalDimension;
+// Destroy the PDF document
 document.destroy();
-{% endhighlight %}
-{% endtabs %}
-
-## Image informations
-
-This section explains how to extract image properties such as bounds, image index from a PDF page using the `PdfEmbeddedImage` class.
-
-{% tabs %}
-{% highlight typescript tabtitle="TypeScript" %}
-import { PdfDocument } from '@syncfusion/ej2-pdf';
-import {PdfDataExtractor, PdfEmbeddedImage} from '@syncfusion/ej2-pdf-data-extract';
 
-// Load an existing PDF document
-let document: PdfDocument = new PdfDocument(data);
-// Initialize a new instance of the `PdfDataExtractor` class
-let extractor: PdfDataExtractor = new PdfDataExtractor(document);
-// Extract collection of `PdfEmbeddedImage` from the PDF document
-let imageInfoCollection: PdfEmbeddedImage[] = extractor.extractImages({
-  startPageIndex: 0,
-  endPageIndex: 0
-});
-// Extracts all the images information from first page
-let imageInfo: PdfEmbeddedImage = imageInfoCollection[0];
-// Destroy the document
-document.destroy();
-{% endhighlight %}
-{% highlight javascript tabtitle="JavaScript" %}
-// Load an existing PDF document
-var document = new ej.pdf.PdfDocument(data);
-// Initialize a new instance of the `PdfDataExtractor` class
-var extractor= new ej.pdf.PdfDataExtractor(document);
-// Extract collection of `PdfEmbeddedImage` from the PDF document
-var imageInfoCollection = extractor.extractImages({
-  startPageIndex: 0,
-  endPageIndex: document.pageCount - 1
-});
-// Extracts all the images information from first page
-var imageInfo = imageInfoCollection[0];
-// Destroy the document
-document.destroy();
 {% endhighlight %}
 {% endtabs %}
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Library/javascript/Images.md b/Document-Processing/PDF/PDF-Library/javascript/Images.md
index f4117c592..999733c25 100644
--- a/Document-Processing/PDF/PDF-Library/javascript/Images.md
+++ b/Document-Processing/PDF/PDF-Library/javascript/Images.md
@@ -34,8 +34,10 @@ image.draw(graphics, { x: 10, y: 10});
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Create a new PDF document
 var document = new ej.pdf.PdfDocument();
 // Add a page
@@ -50,6 +52,7 @@ image.draw(graphics, { x: 10, y: 10 });
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
 
@@ -75,8 +78,10 @@ image.draw(graphics, { x: 10, y: 10});
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
 // Access first page
@@ -91,6 +96,7 @@ image.draw(graphics, {x: 10, y: 10});
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
 
@@ -121,8 +127,10 @@ graphics.restore(state);
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Create a new PDF document
 var document = new ej.pdf.PdfDocument();
 // Add a page
@@ -142,6 +150,7 @@ graphics.restore(state);
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
 
@@ -177,8 +186,10 @@ graphics.restore(state);
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Create a new PDF document
 var document = new ej.pdf.PdfDocument();
 // Add a page
@@ -203,5 +214,6 @@ graphics.restore(state);
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Library/javascript/Layers.md b/Document-Processing/PDF/PDF-Library/javascript/Layers.md
index 07cc068eb..8a52535a6 100644
--- a/Document-Processing/PDF/PDF-Library/javascript/Layers.md
+++ b/Document-Processing/PDF/PDF-Library/javascript/Layers.md
@@ -8,11 +8,11 @@ documentation: UG
 
 # Layers in JavaScript PDF library
 
-Layers, also known as Option Content refers to sections of content in a PDF document that can be selectively viewed or hidden by document authors or consumers. This capability is useful in items such as CAD drawings, layered artwork, maps, and multi-language documents.
+Layers, also known as Option Content refers to sections of content in a PDF document that can be selectively viewed or hidden by document authors or consumers.
 
 JavaScript PDF provides support to create, add and merge the layers into PDF document.
 
-## Adding Layers in a PDF document
+## Adding layers in a PDF document
 
 This example demonstrates how to add layers to a PDF document using the `PdfLayer` class. Layers allow you to organize content into separate, optional sections that can be shown or hidden by the user.
 
@@ -40,8 +40,10 @@ graphics.drawLine(pen, { x: 200, y: 10 }, { x: 300, y: 100 });
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Create a new PDF document
 var document = new ej.pdf.PdfDocument();
 // Add a page
@@ -62,6 +64,7 @@ graphics.drawLine(pen, { x: 200, y: 10 }, { x: 300, y: 100 });
 document.save('Output.pdf');
 // Close the document
  document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
 
@@ -110,7 +113,7 @@ document.destroy();
 {% endhighlight %}
 {% endtabs %}
 
-## Nested Layers
+## Nested layers
 
 This example demonstrates how to create nested layers in a PDF document using the `PdfLayer` class. Nested layers enable hierarchical organization of content for better control and user experience.
 
@@ -176,34 +179,45 @@ This example demonstrates how to remove layers from an existing PDF document usi
 
 {% tabs %}
 {% highlight typescript tabtitle="TypeScript" %}
-import { PdfDocument, PdfLayerCollection  } from '@syncfusion/ej2-pdf';
+import { PdfDocument, PdfLayerCollection, PdfLayer } from '@syncfusion/ej2-pdf';
 
 // Load an existing PDF document
 let document: PdfDocument = new PdfDocument(data);
 // Get the layer collection.
 let layers: PdfLayerCollection = document.layers;
-//Remove the layer
-layers.removeAt(0);
+// Retrieve the first layer from the layers collection
+let layer: PdfLayer = layers.at(0);
+// Remove the layer from layer collection with instance
+layers.remove(layer);
+// Remove an layer from specific index
+layers.removeAt(1);
 // Save the document
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
 // Get the layer collection.
 var layers = document.layers;
-// Remove the layer
-layers.removeAt(0);
+// Retrieve the first layer from the layers collection
+var layer = layers.at(0);
+// Remove the layer from layer collection with instance
+layers.remove(layer);
+// Remove an layer from specific index
+layers.removeAt(1);
 // Save the document
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
 
-## Lock or Unlock layers
+## Lock or unlock layers
 
 This example demonstrates how to lock or unlock layers in a PDF document using the `PdfLayer` class. Locking layers prevents users from toggling their visibility, ensuring that critical content remains displayed.
 
@@ -213,10 +227,8 @@ import { PdfDocument, PdfLayerCollection, PdfLayer, PdfGraphics, PdfPen } from '
 
 // Create a new PDF document
 let document: PdfDocument = new PdfDocument();
-// Add a new section to the document
-let section: PdfSection = document.addSection();
-// Add a page to the section
-let page: PdfPage = section.addPage();
+// Add a page
+let page: PdfPage = document.addPage();
 // Access the collection of layers in the PDF document
 let layers: PdfLayerCollection = document.layers;
 // Add a new layer named 'Layer1' to the PDF document
@@ -235,14 +247,14 @@ graphics.drawLine(pen, { x: 200, y: 10 }, { x: 300, y: 100 });
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Create a new PDF document
 var document = new ej.pdf.PdfDocument();
-// Add a new section to the document
-var section = document.addSection();
-// Add a page to the section
-var page = section.addPage();
+// Add a page
+var page = document.addPage();
 // Access the collection of layers in the PDF document
 var layers = document.layers;
 // Add a new layer named 'Layer1' to the PDF document
@@ -261,5 +273,6 @@ graphics.drawLine(pen, { x: 200, y: 10 }, { x: 300, y: 100 });
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Library/javascript/Lists.md b/Document-Processing/PDF/PDF-Library/javascript/Lists.md
index f5d02b039..dd86af9dc 100644
--- a/Document-Processing/PDF/PDF-Library/javascript/Lists.md
+++ b/Document-Processing/PDF/PDF-Library/javascript/Lists.md
@@ -43,8 +43,10 @@ list.draw(page, { x: 0, y: 20, width: 500, height: 700 });
 document.save('output.pdf');
 // Destroy the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing document
 var document = new ej.pdf.PdfDocument(data);
 // Access the first page
@@ -68,6 +70,7 @@ list.draw(page, { x: 0, y: 20, width: 500, height: 700 });
 document.save('output.pdf');
 // Destroy the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
 
@@ -104,8 +107,10 @@ list.draw(page, { x: 0, y: 20, width: 500, height: 700 });
 document.save('output.pdf');
 // Destroy the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load the existing document
 var document = new ej.pdf.PdfDocument(data);
 // Access the first page
@@ -129,5 +134,6 @@ list.draw(page, { x: 0, y: 20, width: 500, height: 700 });
 document.save('output.pdf');
 // Destroy the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Library/javascript/Merge-Document.md b/Document-Processing/PDF/PDF-Library/javascript/Merge-Document.md
index 60df64b9c..e5e3890e6 100644
--- a/Document-Processing/PDF/PDF-Library/javascript/Merge-Document.md
+++ b/Document-Processing/PDF/PDF-Library/javascript/Merge-Document.md
@@ -9,9 +9,9 @@ documentation: UG
 
 The PDF provides support to merge multiple PDF documents into a single file and import pages from one document to another.
 
-## Merging multiple documents
+## Importing pages
 
-This section explains how to import a range of pages from a source PDF into a destination document using the `importPageRange` method. This is useful for merging multiple pages or entire documents efficiently.
+This section explains how to import a range of pages from a source PDF into a destination document using the `importPageRange` method.
 
 {% tabs %}
 {% highlight typescript tabtitle="TypeScript" %}
@@ -21,43 +21,33 @@ import { PdfDocument, PdfPage, PdfPageImportOptions} from '@syncfusion/ej2-pdf';
 let destination: PdfDocument = new PdfDocument(data1);
 // Load another existing PDF document
 let sourceDocument: PdfDocument = new PdfDocument(data2);
-// Access first page of the source document
-let pageToImport: PdfPage = sourceDocument.getPage(0);
-// Options to customize the support of import PDF pages.
-let options: PdfPageImportOptions = new PdfPageImportOptions();
-// Sets the target page index to import
-options.targetIndex = 5;
 // Import the page into the destination document at the specified index
 destination.importPageRange(sourceDocument, 0, sourceDocument.pageCount-1);
 // Save the output PDF
 destination.save('Output.pdf');
 // Destroy the documents
 destination.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
-var destination= new PdfDocument(data1);
+var destination= new ej.pdf.PdfDocument(data1);
 // Load another existing PDF document
-var sourceDocument = new PdfDocument(data2);
-// Access first page of the source document
-var pageToImport = sourceDocument.getPage(0);
-// Options to customize the support of import PDF pages.
-var options = new PdfPageImportOptions();
-// Sets the target page index to import
-options.targetIndex = 5;
+var sourceDocument = new ej.pdf.PdfDocument(data2);
 // Import the page into the destination document at the specified index
 destination.importPageRange(sourceDocument, 0, sourceDocument.pageCount-1);
 // Save the output PDF
 destination.save('Output.pdf');
 // Destroy the documents
 destination.destroy();
+
 {% endhighlight %}
 {% endtabs %}
 
-
 ## Importing pages from multiple documents
 
-This section demonstrates how to import multiple pages from a source PDF into a destination document at a specified position using the `importPageRange` method and PdfPageImportOptions. This is useful for merging selected page ranges from different PDFs into one document.
+This section demonstrates how to import multiple pages from a source PDF into a destination document at a specified position using the `importPageRange` method and `PdfPageImportOptions`. This is useful for merging selected page ranges from different PDFs into one document.
 
 {% tabs %}
 {% highlight typescript tabtitle="TypeScript" %}
@@ -66,41 +56,62 @@ import { PdfDocument, PdfPageImportOptions} from '@syncfusion/ej2-pdf';
 // Load an existing PDF document
 let destination: PdfDocument = new PdfDocument(data1);
 // Load another existing PDF document
-let sourceDocument: PdfDocument = new PdfDocument(data2);
+let sourceDocument1: PdfDocument = new PdfDocument(data2);
 // Options to customize the import of PDF pages
 let options: PdfPageImportOptions = new PdfPageImportOptions();
 // Sets the target page index to insert the imported pages
 options.targetIndex = 3;
 // Import 5 pages from page index 2 to 6 into the destination document and insert them at index 3
-destination.importPageRange(sourceDocument, 2, 6, options);
+destination.importPageRange(sourceDocument1, 2, 6, options);
+// Load another existing PDF document
+let sourceDocument2: PdfDocument = new PdfDocument(data3);
+// Options to customize the import of PDF pages
+options = new PdfPageImportOptions();
+// Sets the target page index to insert the imported pages
+options.targetIndex = 7;
+// Import 4 pages from page index 0 to 3 into the destination document and insert them at index 7
+destination.importPageRange(sourceDocument2, 0, 3, options);
 // Save the output PDF
 destination.save('Output.pdf');
 // Destroy the documents to free resources
 destination.destroy();
-sourceDocument.destroy();
+sourceDocument1.destroy();
+sourceDocument2.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var destination = new ej.pdf.PdfDocument(data1);
 // Load another existing PDF document
-var sourceDocument = new ej.pdf.PdfDocument(data2);
+var sourceDocument1 = new ej.pdf.PdfDocument(data2);
 // Options to customize the import of PDF pages
 var options = new ej.pdf.PdfPageImportOptions();
 // Sets the target page index to insert the imported pages
 options.targetIndex = 3;
 // Import 5 pages from page index 2 to 6 into the destination document and insert them at index 3
-destination.importPageRange(sourceDocument, 2, 6, options);
+destination.importPageRange(sourceDocument1, 2, 6, options);
+// Load another existing PDF document
+var sourceDocument2 = new ej.pdf.PdfDocument(data3);
+// Options to customize the import of PDF pages
+options = new ej.pdf.PdfPageImportOptions();
+// Sets the target page index to insert the imported pages
+options.targetIndex = 7;
+// Import 4 pages from page index 0 to 3 into the destination document and insert them at index 7
+destination.importPageRange(sourceDocument2, 0, 3, options);
 // Save the output PDF
 destination.save('Output.pdf');
 // Destroy the documents to free resources
 destination.destroy();
-sourceDocument.destroy();
+sourceDocument1.destroy();
+sourceDocument2.destroy();
+
 {% endhighlight %}
 {% endtabs %}
 
 ## Optimizing PDF resources when merging PDF documents
 
-Imports a page from a source PDF into a destination document at a specific index with rotation and resource optimization using `PdfPageImportOptions` class.
+Imports a page from a source PDF into a destination document at a specific index with group form fields, rotation and resource optimization using `PdfPageImportOptions` class.
 
 {% tabs %}
 {% highlight typescript tabtitle="TypeScript" %}
@@ -114,8 +125,12 @@ let sourceDocument: PdfDocument = new PdfDocument(data2);
 let pageToImport: PdfPage = sourceDocument.getPage(0);
 // Options to customize the support of import PDF pages.
 let options: PdfPageImportOptions = new PdfPageImportOptions();
-// Sets the target page index to import
-options.targetIndex = 5;
+// Sets the rotation angle
+options.rotation = PdfRotationAngle.angle270;
+// Enables resource optimization when importing pages
+options.optimizeResources = true;
+// Groups form fields together while importing pages
+options.groupFormFields = true;
 // Import the page into the destination document at the specified index
 destination.importPage(pageToImport, sourceDocument, options);
 // Save the output PDF
@@ -123,8 +138,10 @@ destination.save('Output.pdf');
 // Destroy the documents
 destination.destroy();
 sourceDocument.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var destination = new ej.pdf.PdfDocument(data1);
 // Load another existing PDF document
@@ -133,8 +150,12 @@ var sourceDocument = new ej.pdf.PdfDocument(data2);
 var pageToImport = sourceDocument.getPage(0);
 // Options to customize the support of import PDF pages.
 var options = new ej.pdf.PdfPageImportOptions();
-// Sets the target page index to import
-options.targetIndex = 5;
+// Sets the rotation angle
+options.rotation = PdfRotationAngle.angle270;
+// Enables resource optimization when importing pages
+options.optimizeResources = true;
+// Groups form fields together while importing pages
+options.groupFormFields = true;
 // Import the page into the destination document at the specified index
 destination.importPage(pageToImport, sourceDocument, options);
 // Save the output PDF
@@ -142,5 +163,6 @@ destination.save('Output.pdf');
 // Destroy the documents
 destination.destroy();
 sourceDocument.destroy();
+
 {% endhighlight %}
 {% endtabs %}
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Library/javascript/Open-and-save-PDF-files.md b/Document-Processing/PDF/PDF-Library/javascript/Open-and-save-PDF-files.md
index c6e44386b..4d7acf12b 100644
--- a/Document-Processing/PDF/PDF-Library/javascript/Open-and-save-PDF-files.md
+++ b/Document-Processing/PDF/PDF-Library/javascript/Open-and-save-PDF-files.md
@@ -65,18 +65,18 @@ let document= new ej.pdf.PdfDocument(binaryData);
 {% endhighlight %}
 {% endtabs %}
 
-## Opening an Encrypted PDF document with password
+## Opening an encrypted PDF document with password
 
 Open an encrypted PDF document using the `PdfDocument` class by providing the correct password.
 
 {% tabs %}
 {% highlight typescript tabtitle="TypeScript" %}
 // Load an existing PDF document with password
-let document: PdfDocument = new PdfDocument(data, "password");
+let document: PdfDocument = new PdfDocument(data, 'password');
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
 // Load an existing PDF document with password
-var document = new ej.pdf.PdfDocument(data, "password");
+var document = new ej.pdf.PdfDocument(data, 'password');
 {% endhighlight %}
 {% endtabs %}
 
diff --git a/Document-Processing/PDF/PDF-Library/javascript/Overview.md b/Document-Processing/PDF/PDF-Library/javascript/Overview.md
index 8c53c5b47..a0ccbeb20 100644
--- a/Document-Processing/PDF/PDF-Library/javascript/Overview.md
+++ b/Document-Processing/PDF/PDF-Library/javascript/Overview.md
@@ -36,10 +36,10 @@ The following are the key features of this library.
 
 ## Supported web platforms
 
-* ASP.NET Core
-* ASP.NET MVC
-* Angular
+* [ASP.NET Core](https://help.syncfusion.com/document-processing/pdf/pdf-library/javascript/create-pdf-document-asp-net-core)
+* [ASP.NET MVC](https://help.syncfusion.com/document-processing/pdf/pdf-library/javascript/create-pdf-document-asp-net-mvc)
+* [Angular](https://help.syncfusion.com/document-processing/pdf/pdf-library/javascript/create-pdf-document-angular)
 * React
 * Vue
-* JavaScript
-* TypeScript
\ No newline at end of file
+* [JavaScript](https://help.syncfusion.com/document-processing/pdf/pdf-library/javascript/create-pdf-document-javascript)
+* [TypeScript](https://help.syncfusion.com/document-processing/pdf/pdf-library/javascript/create-pdf-document-typescript)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Library/javascript/PDF-document.md b/Document-Processing/PDF/PDF-Library/javascript/PDF-document.md
index 63655370a..452fedd3d 100644
--- a/Document-Processing/PDF/PDF-Library/javascript/PDF-document.md
+++ b/Document-Processing/PDF/PDF-Library/javascript/PDF-document.md
@@ -7,7 +7,7 @@ documentation: UG
 ---
 # Document in JavaScript PDF library
 
-The PDF provides support to create, read, and manipulate PDF documents, allowing you to generate high-quality, secure, and feature-rich PDF files programmatically.
+The PDF library provides support to create, read, and manipulate PDF documents, allowing you to generate high-quality, secure, and feature-rich PDF files programmatically.
 
 ## Adding the document settings
 
@@ -15,7 +15,7 @@ This example shows how to configure custom page settings before adding a page to
 
 {% tabs %}
 {% highlight typescript tabtitle="TypeScript" %}
-import { PdfDocument, PdfPage, PdfPageSettings, PdfRotationAngle, PdfMargins, PdfPageOrientation, PdfStandardFont, PdfFontFamily, PdfFontStyle, PdfBrush } from '@syncfusion/ej2-pdf';
+import { PdfDocument, PdfPage, PdfPageSettings, PdfGraphics, PdfRotationAngle, PdfMargins, PdfPageOrientation, PdfFont, PdfFontFamily, PdfFontStyle, PdfBrush } from '@syncfusion/ej2-pdf';
  
 // Create a new PDF document
 let document: PdfDocument = new PdfDocument();
@@ -31,15 +31,16 @@ let page: PdfPage = document.addPage(pageSettings);
 // Get graphics from the page
 let graphics: PdfGraphics = page.graphics;
 // Set font
-let font: PdfStandardFont = document.embedFont(PdfFontFamily.helvetica, 10, PdfFontStyle.regular);
+let font: PdfFont = document.embedFont(PdfFontFamily.helvetica, 10, PdfFontStyle.regular);
 // Draw text
 graphics.drawString('Hello World', font, { x: 10, y: 20, width: 100, height: 200}, new PdfBrush({r: 0, g: 0, b: 255}));
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Create a new PDF document
 var document = new ej.pdf.PdfDocument();
 // Create a new PDF page settings instance
@@ -58,78 +59,22 @@ var font = document.embedFont(ej.pdf.PdfFontFamily.helvetica, 10, ej.pdf.PdfFont
 // Draw text
 graphics.drawString('Hello World', font, { x: 10, y: 20, width: 100, height: 200 }, new ej.pdf.PdfBrush({ r: 0, g: 0, b: 255 }));
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
-{% endhighlight %}
-{% endtabs %}
-
-## Creating sections in a PDF
 
-This example demonstrates how to create a section in a PDF document with custom page settings. It shows how to configure rotation, orientation, margins, and page size using `PdfPageSettings`. The `PdfSection` class is used to apply different page customizations within a single PDF document.
-
-{% tabs %}
-{% highlight typescript tabtitle="TypeScript" %}
-import { PdfDocument, PdfPage, PdfPageSettings, PdfRotationAngle, PdfMargins, PdfPageOrientation, PdfStandardFont, PdfFontFamily, PdfFontStyle, PdfBrush } from '@syncfusion/ej2-pdf';
- 
-// Create a new PDF document
-let document: PdfDocument = new PdfDocument();
-// Create a new PDF page settings with custom options
-let pageSettings = new PdfPageSettings({
-  orientation: PdfPageOrientation.landscape,
-  size: { width: 842, height: 595 },
-  margins: new PdfMargins(40),
-  rotation: PdfRotationAngle.angle90
-});
-// Add a section to the document with the specified settings
-let section: PdfSection = document.addSection(pageSettings);
-// Add a page
-let page: PdfPage = section.addPage();
-// Get graphics from the page
-let graphics: PdfGraphics = page.graphics;
-// Set font
-let font: PdfStandardFont = document.embedFont(PdfFontFamily.helvetica, 10, PdfFontStyle.regular);
-// Draw text
-graphics.drawString('Hello World', font, { x: 10, y: 20, width: 100, height: 200}, new PdfBrush({r: 0, g: 0, b: 255}));
-// Save the document
-document.save('Output.pdf');
-// Close the document
-document.destroy();
-{% endhighlight %}
-{% highlight javascript tabtitle="JavaScript" %}
-// Create a new PDF document
-var document = new ej.pdf.PdfDocument();
-// Create a new PDF page settings with custom options
-let pageSettings = new ej.pdf.PdfPageSettings({
-  orientation: ej.pdf.PdfPageOrientation.landscape,
-  size: { width: 842, height: 595 },
-  margins: new ej.pdf.PdfMargins(40),
-  rotation: ej.pdf.PdfRotationAngle.angle90
-});
-// Add a section to the document with the specified settings
-var section = document.addSection(pageSettings);
-// Add a page
-var page = section.addPage();
-// Get graphics from the page
-var graphics = page.graphics;
-// Set font
-var font = document.embedFont(ej.pdf.PdfFontFamily.helvetica, 10, ej.pdf.PdfFontStyle.regular);
-// Draw text
-graphics.drawString('Hello World', font, { x: 10, y: 20, width: 100, height: 200 }, new ej.pdf.PdfBrush({ r: 0, g: 0, b: 255 }));
-// Save the document
-document.save('Output.pdf');
-// Close the document
-document.destroy();
 {% endhighlight %}
 {% endtabs %}
 
+N> The PDF page is created using the default settings, which include A4 page size, portrait orientation, and 40 point page margins.
+
 ## Working with document properties
 
 This example demonstrates how to create a PDF document, get and set its metadata properties such as title, author, subject, keywords, creator, producer, language, and dates, and then retrieve these properties using the `PdfDocumentInformation` class.
 
 {% tabs %}
 {% highlight typescript tabtitle="TypeScript" %}
-import { PdfDocument, PdfPage, PdfDocumentInformation, PdfStandardFont, PdfFontFamily, PdfFontStyle, PdfBrush } from '@syncfusion/ej2-pdf';
+ { PdfDocument, PdfDocumentInformation }
  
 // Create a PDF document
 let document: PdfDocument = new PdfDocument();
@@ -166,20 +111,14 @@ let language = documentProperties.language;
 let creationDate = documentProperties.creationDate;
 // Gets the modification date of the PDF document
 let modificationDate = documentProperties.modificationDate;
-// Add a page
-let page: PdfPage = document.addPage();
-// Get graphics from the page
-let graphics: PdfGraphics = page.graphics;
-// Set font
-let font: PdfStandardFont = document.embedFont(PdfFontFamily.helvetica, 10, PdfFontStyle.regular);
-// Draw text
-graphics.drawString('Hello World', font, { x: 10, y: 20, width: 100, height: 200}, new PdfBrush({r: 0, g: 0, b: 255}));
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Create a PDF document
 var document = new ej.pdf.PdfDocument();
 // Set or update document properties
@@ -195,7 +134,7 @@ creationDate: new Date(),            // Creation date
 modificationDate: new Date()         // Last modified date
 });
 // Access the document information
-var documentProperties: PdfDocumentInformation = document.getDocumentInformation();
+var documentProperties = document.getDocumentInformation();
 // Gets the title of the PDF document
 var title = documentProperties.title;
 // Gets the author of the PDF document
@@ -214,16 +153,8 @@ var language = documentProperties.language;
 var creationDate = documentProperties.creationDate;
 // Gets the modification date of the PDF document
 var modificationDate = documentProperties.modificationDate;
-// Add a page
-var page = document.addPage();
-// Get graphics from the page
-var graphics = page.graphics;
-// Set font
-var font = document.embedFont(ej.pdf.PdfFontFamily.helvetica, 10, ej.pdf.PdfFontStyle.regular);
-// Draw text
-graphics.drawString('Hello World', font, { x: 10, y: 20, width: 100, height: 200 }, new ej.pdf.PdfBrush({ r: 0, g: 0, b: 255 }));
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
 {% endhighlight %}
@@ -235,7 +166,7 @@ The `isIncrementalUpdate` property allows you to check if the PDF document suppo
 
 {% tabs %}
 {% highlight typescript tabtitle="TypeScript" %}
-import { PdfDocument, PdfPage, PdfGraphics, PdfStandardFont, PdfFontFamily, PdfFontStyle, PdfBrush } from '@syncfusion/ej2-pdf';
+import { PdfDocument, PdfPage, PdfGraphics, PdfFont, PdfFontFamily, PdfFontStyle, PdfBrush } from '@syncfusion/ej2-pdf';
  
 // Create a PDF document
 let document: PdfDocument = new PdfDocument();
@@ -246,15 +177,17 @@ let page: PdfPage = document.addPage();
 // Get graphics from the page
 let graphics: PdfGraphics = page.graphics;
 // Set font
-let font: PdfStandardFont = document.embedFont(PdfFontFamily.helvetica, 10, PdfFontStyle.regular);
+let font: PdfFont = document.embedFont(PdfFontFamily.helvetica, 10, PdfFontStyle.regular);
 // Draw text
-graphics.drawString('Hello World', font, { x: 10, y: 20, width: 100, height: 200}, new PdfBrush({r: 0, g: 0, b: 255}));
+graphics.drawString('Hello World', font, { x: 10, y: 20, width: 100, height: 200}, new PdfBrush({ r: 0, g: 0, b: 255 }));
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Create a PDF document
 var document = new ej.pdf.PdfDocument();
 // Disable incremental update to rewrite the entire file
@@ -268,8 +201,9 @@ var font = document.embedFont(ej.pdf.PdfFontFamily.helvetica, 10, ej.pdf.PdfFont
 // Draw text
 graphics.drawString('Hello World', font, { x: 10, y: 20, width: 100, height: 200 }, new ej.pdf.PdfBrush({ r: 0, g: 0, b: 255 }));
 // Save the document
-document.save('Output.pdf');
+document.save('output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Library/javascript/PDF-pages.md b/Document-Processing/PDF/PDF-Library/javascript/PDF-pages.md
index 0836d7101..a9a0a0e6a 100644
--- a/Document-Processing/PDF/PDF-Library/javascript/PDF-pages.md
+++ b/Document-Processing/PDF/PDF-Library/javascript/PDF-pages.md
@@ -9,6 +9,8 @@ documentation: UG
 
 The PDF provides support to add, remove and rearrange pages in PDF documents, enabling complete control over page management for creating dynamic and customized PDFs.
 
+N> The PDF page is created using the default settings, which include A4 page size, portrait orientation, and 40 point page margins.
+
 ## Adding a new page to the document
 
 The following code sample demonstrates how to add a `PdfPage` to a PDF document. When multiple pages are added, each new page is appended to the end of the document.
@@ -21,32 +23,23 @@ import { PdfDocument, PdfPage, PdfStandardFont, PdfFontFamily, PdfFontStyle, Pdf
 let document: PdfDocument = new PdfDocument();
 // Add a page
 let page: PdfPage = document.addPage();
-// Get graphics from the page
-let graphics: PdfGraphics = page.graphics;
-// Set font
-let font: PdfStandardFont = document.embedFont(PdfFontFamily.helvetica, 10, PdfFontStyle.regular);
-// Draw text
-graphics.drawString('Hello World', font, { x: 10, y: 20, width: 100, height: 200}, new PdfBrush({r: 0, g: 0, b: 255}));
 // Save the document
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Create a PDF document
 var document = new ej.pdf.PdfDocument();
 // Add a page
 var page = document.addPage();
-// Get graphics from the page
-var graphics = page.graphics;
-// Set font
-var font = document.embedFont(ej.pdf.PdfFontFamily.helvetica, 10, ej.pdf.PdfFontStyle.regular);
-// Draw text
-graphics.drawString('Hello World', font, { x: 10, y: 20, width: 100, height: 200 }, new ej.pdf.PdfBrush({ r: 0, g: 0, b: 255 }));
 // Save the document
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
 
@@ -61,15 +54,9 @@ import { PdfDocument, PdfPage, PdfStandardFont, PdfGraphics, PdfFontFamily, PdfF
 // Create a new PDF document
 let document: PdfDocument = new PdfDocument();
 // Define page settings with margins
-let settings: PdfPageSettings = new PdfPageSettings({margins: new PdfMargins(40)});
+let settings: PdfPageSettings = new PdfPageSettings({margins: new PdfMargins(50)});
 // Add a page
 let page: PdfPage = document.addPage(settings);
-// Get graphics from the page
-let graphics: PdfGraphics = page.graphics;
-// Set font
-let font: PdfStandardFont = document.embedFont(PdfFontFamily.helvetica, 10, PdfFontStyle.regular);
-// Draw text
-graphics.drawString('Hello World', font, { x: 10, y: 20, width: 100, height: 200}, new PdfBrush({r: 0, g: 0, b: 255}));
 // Save the document
 document.save('Output.pdf');
 // Close the document
@@ -79,15 +66,9 @@ document.destroy();
 // Create a new PDF document
 var document = new ej.pdf.PdfDocument();
 // Define page settings with margins
-var settings = new ej.pdf.PdfPageSettings({margins: new PdfMargins(40)});
+var settings = new ej.pdf.PdfPageSettings({margins: new PdfMargins(50)});
 // Add a page
 var page = document.addPage(settings);
-// Get graphics from the page
-var graphics = page.graphics;
-// Set font
-var font = document.embedFont(ej.pdf.PdfFontFamily.helvetica, 10, ej.pdf.PdfFontStyle.regular);
-// Draw text
-graphics.drawString('Hello World', font, { x: 10, y: 20, width: 100, height: 200 }, new ej.pdf.PdfBrush({ r: 0, g: 0, b: 255 }));
 // Save the document
 document.save('Output.pdf');
 // Close the document
@@ -103,67 +84,129 @@ This example demonstrates how to add sections with different page settings in a
 
 {% tabs %}
 {% highlight typescript tabtitle="TypeScript" %}
-import { PdfDocument, PdfPage, PdfStandardFont, PdfFontFamily, PdfFontStyle, PdfBrush } from '@syncfusion/ej2-pdf';
+import { PdfDocument, PdfPage, PdfGraphics, PdfBrush, PdfStringFormat, PdfPageSettings, PdfPageOrientation, PdfStandardFont, PdfFontFamily, PdfFontStyle, PdfBrush } from '@syncfusion/ej2-pdf';
 
 // Create a new PDF document
 let document: PdfDocument = new PdfDocument();
-// Define page settings with margins
-let settings: PdfPageSettings = new PdfPageSettings({margins: new PdfMargins(40), size: { width: 595, height: 842}, orientation: PdfPageOrientation.landscape});
-// Add section1
-let section: PdfSection = document.addSection(settings);
-// Add a page
-let page: PdfPage = section.addPage();
-// Get graphics from the page
-let graphics: PdfGraphics = page.graphics;
-// Set font
-let font: PdfStandardFont = document.embedFont(PdfFontFamily.helvetica, 10, PdfFontStyle.regular);
-// Draw text
-graphics.drawString('Hello World', font, { x: 10, y: 20, width: 100, height: 200}, new PdfBrush({r: 0, g: 0, b: 255}));
-// Define page settings with margins
-let settings1: PdfPageSettings = new PdfPageSettings({margins: new PdfMargins(40), size: { width: 595, height: 842}, orientation: PdfPageOrientation.landscape});
-// Add section1
-let section1: PdfSection = document.addSection(settings1);
-// Add a page
-let page1: PdfPage = section1.addPage();
-// Get graphics from the page
-let graphics1 = page1.graphics;
-// Draw text
-graphics1.drawString('Hello World', font, { x: 40, y: 60, width: 100, height: 200}, new PdfBrush({r: 0, g: 0, b: 255}));
-// Save the PDF document
+// Settings A4 Portrait with 40pt margins
+const settingsA4Portrait: PdfPageSettings = new PdfPageSettings({
+  margins: new PdfMargins(40),
+  size: { width: 595, height: 842 }, // A4: 595x842 pt
+  orientation: PdfPageOrientation.portrait
+});
+// Settings A5 Portrait with 30pt margins (different settings)
+const settingsA5Portrait: PdfPageSettings = new PdfPageSettings({
+  margins: new PdfMargins(30),
+  size: { width: 420, height: 595 }, // A5: 420x595 pt
+  orientation: PdfPageOrientation.portrait
+});
+// SECTION 1: First page draw rectangle (A4 portrait)
+const section1: PdfSection = document.addSection(settingsA4Portrait);
+const page1: PdfPage = section1.addPage();
+const g1: PdfGraphics = page1.graphics;
+const rectPen = new PdfPen({ r: 0, g: 0, b: 0 }, 1);      // black 1pt outline
+g1.drawRectangle({ x: 60, y: 80, width: 200, height: 120 }, rectPen);
+// SECTION 1: Second page draw rectangle (A4 landscape)
+const section2: PdfSection = document.addSection(settingsA4Portrait);
+const page2: PdfPage = section2.addPage();
+const g2: PdfGraphics = page2.graphics;
+g2.drawRectangle({ x: 80, y: 100, width: 250, height: 150 }, rectPen);
+//Prepare font once for text pages
+const font: PdfStandardFont = document.embedFont(
+  PdfFontFamily.helvetica,
+  14,
+  PdfFontStyle.regular
+);
+const textBrush = new PdfBrush({ r: 0, g: 0, b: 0 }); // black text
+// SECTION 3: Third page draw string (A5 portrait, 30pt margins)
+const section3: PdfSection = document.addSection(settingsA5Portrait);
+const page3: PdfPage = section3.addPage();
+const g3: PdfGraphics = page3.graphics;
+g3.drawString(
+  'Hello from A5 Portrait with 30pt margins!',
+  font,
+  { x: 40, y: 70, width: 300, height: 50 },
+  textBrush,
+  new PdfStringFormat(PdfTextAlignment.left)
+);
+// SECTION 4: Fourth page draw string (A5 portrait, 30pt margins)
+const section4: PdfSection = document.addSection(settingsA5Portrait);
+const page4: PdfPage = section4.addPage();
+const g4: PdfGraphics = page4.graphics;
+g4.drawString(
+  'Hello from A5 Portrait with 30pt margins!',
+  font,
+  { x: 60, y: 90, width: 400, height: 50 },
+  textBrush,
+   new PdfStringFormat(PdfTextAlignment.left)
+);
+// Save the PDF
 document.save('Output.pdf');
-// Close and dispose the document
+// Close the dcument
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Create a new PDF document
 var document = new ej.pdf.PdfDocument();
-// Create a new PDF page settings instance
-// Define page settings with margins
-var settings: PdfPageSettings = new PdfPageSettings({margins: new PdfMargins(40), size: { width: 595, height: 842}, orientation: PdfPageOrientation.landscape});
-// Add section1
-var section: PdfSection = document.addSection(settings);
-// Add a page
-var page: PdfPage = section.addPage();
-// Get graphics from the page
-var graphics = page.graphics;
-// Set font
-var font = document.embedFont(ej.pdf.PdfFontFamily.helvetica, 10, ej.pdf.PdfFontStyle.regular);
-// Draw text
-graphics.drawString('Hello World', font, { x: 10, y: 20, width: 100, height: 200 }, new ej.pdf.PdfBrush({ r: 0, g: 0, b: 255 }));
-// Define page settings with margins
-var settings1: PdfPageSettings = new PdfPageSettings({margins: new PdfMargins(40), size: { width: 595, height: 842}, orientation: PdfPageOrientation.landscape});
-// Add section1
-var section1: PdfSection = document.addSection(settings1);
-// Add a page
-var page1: PdfPage = section1.addPage();
-// Get graphics from the page
-var graphics1 = page1.graphics;
-// Draw text
-graphics1.drawString('Hello World', font, { x: 40, y: 60, width: 100, height: 200 }, new ej.pdf.PdfBrush({ r: 0, g: 0, b: 255 }));
-// Save the PDF document
-document.save('Output.pdf');
-// Close and dispose the document
+// Settings A4 Portrait with 40pt margins
+var settingsA4Portrait = new ej.pdf.PdfPageSettings({
+    margins: new ej.pdf.PdfMargins(40),
+    size: { width: 595, height: 842 },
+    orientation: ej.pdf.PdfPageOrientation.portrait
+});
+// Settings A5 Portrait with 30pt margins
+var settingsA5Portrait = new ej.pdf.PdfPageSettings({
+    margins: new ej.pdf.PdfMargins(30),
+    size: { width: 420, height: 595 },
+    orientation: ej.pdf.PdfPageOrientation.portrait
+});
+// SECTION 1 First page (A4 portrait) draw rectangle
+var section1 = document.addSection(settingsA4Portrait);
+var page1 = section1.addPage();
+var g1 = page1.graphics;
+var rectPen = new ej.pdf.PdfPen({ r: 0, g: 0, b: 0 }, 1);
+g1.drawRectangle({ x: 60, y: 80, width: 200, height: 120 }, rectPen);
+// SECTION 2 Second page (A4 portrait again) draw rectangle
+var section2 = document.addSection(settingsA4Portrait);
+var page2 = section2.addPage();
+var g2 = page2.graphics;
+g2.drawRectangle({ x: 80, y: 100, width: 250, height: 150 }, rectPen);
+// Prepare font once for text pages
+var font = document.embedFont(
+    ej.pdf.PdfFontFamily.helvetica,
+    14,
+    ej.pdf.PdfFontStyle.regular
+);
+var textBrush = new ej.pdf.PdfBrush({ r: 0, g: 0, b: 0 });
+// SECTION 3 Third page draw string (A5 portrait)
+var section3 = document.addSection(settingsA5Portrait);
+var page3 = section3.addPage();
+var g3 = page3.graphics;
+g3.drawString(
+    "Hello from A5 Portrait with 30pt margins!",
+    font,
+    { x: 40, y: 70, width: 300, height: 50 },
+    textBrush,
+    new ej.pdf.PdfStringFormat(ej.pdf.PdfTextAlignment.left)
+);
+// SECTION 4 Fourth page draw string (A5 portrait)
+var section4 = document.addSection(settingsA5Portrait);
+var page4 = section4.addPage();
+var g4 = page4.graphics;
+gg4.drawString(
+    "Hello from A5 Portrait with 30pt margins!",
+    font,
+    { x: 60, y: 90, width: 400, height: 50 },
+    textBrush,
+    new ej.pdf.PdfStringFormat(ej.pdf.PdfTextAlignment.left)
+);
+// Save PDF
+document.save("Output.pdf");
+// Close PDF document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
 
@@ -181,8 +224,10 @@ let document: PdfDocument = new PdfDocument(data);
 let count: number = document.pageCount;
 // Destroy the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
 // Gets the page count
@@ -192,41 +237,6 @@ document.destroy();
 {% endhighlight %}
 {% endtabs %}
 
-## Importing pages from an existing document
-
-This example demonstrates how to import pages from an existing PDF document into a new PDF document using the `importPageRange` method of the `PdfDocument` class. This method allows you to specify a start and end index to copy a range of pages from the source document into the target document.
-
-{% tabs %}
-{% highlight typescript tabtitle="TypeScript" %}
-import { PdfDocument } from '@syncfusion/ej2-pdf';
-
-// Load an existing PDF document
-let document: PdfDocument = new PdfDocument(data);
-// Define start and end page indices
-let startIndex = 0;
-let endIndex = document.pageCount - 1;
-// Import all pages from the loaded document into the new document
-document.importPageRange(document, startIndex, endIndex);
-// Save the new document
-document.save('Output.pdf');
-// Close the loaded document
-document.destroy();
-{% endhighlight %}
-{% highlight javascript tabtitle="JavaScript" %}
-// Load an existing PDF document
-var document = new ej.pdf.PdfDocument(data);
-// Define start and end page indices
-var startIndex = 0;
-var endIndex = document.pageCount - 1;
-// Import all pages from the loaded document into the new document
-document.importPageRange(document, startIndex, endIndex);
-// Save the new document
-document.save('Output.pdf');
-// Close the loaded document
-document.destroy();
-{% endhighlight %}
-{% endtabs %}
-
 ## Rearranging pages in an existing document
 
 This example demonstrates how to rearrange the pages in an existing PDF document using the `reorderPages` method of the `PdfDocument` class. The method accepts an array of page indices that defines the new order of pages within the document.
@@ -243,8 +253,10 @@ document.reorderPages([3, 2, 1]);
 document.save('output.pdf');
 // Destroy the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
 // Reorders the pages in the PDF document
@@ -253,6 +265,7 @@ document.reorderPages([3, 2, 1]);
 document.save('output.pdf');
 // Destroy the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
 
@@ -275,8 +288,10 @@ document.removePage(0);
 document.save('output.pdf');
 // Destroy the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
 // Removes the last page
@@ -288,6 +303,7 @@ document.removePage(0);
 document.save('output.pdf');
 // Destroy the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
 
@@ -315,8 +331,10 @@ graphics.drawString('Hello World', font, { x: 10, y: 20, width: 100, height: 200
 let data = document.save('Output.pdf');
 // Close and dispose the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Create a new PDF document
 var document = new ej.pdf.PdfDocument();
 // Define page settings with rotate
@@ -333,6 +351,7 @@ graphics.drawString('Hello World', font, { x: 10, y: 20, width: 100, height: 200
 var data = document.save('Output.pdf');
 // Close and dispose the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
 
@@ -354,8 +373,10 @@ page.rotation = PdfRotationAngle.angle180;
 document.save('output.pdf');
 // Destroy the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
 // Access first page
@@ -366,10 +387,11 @@ page.rotation = ej.pdf.PdfRotationAngle.angle180;
 document.save('output.pdf');
 // Destroy the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
 
-## Insert a Duplicate Page at a Specific Index
+## Insert a duplicate Page at a specific index
 
 Duplicates a page from a source PDF and inserts it into the destination document at the specified index using `PdfPageImportOptions.targetIndex`. This is useful for reusing or cloning content across documents or within the same document.
 
@@ -393,8 +415,10 @@ document.importPage(0, options);
 document.save('output.pdf');
 // Destroy the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 let document = new ej.pdf.PdfDocument(data);
 // Options to customize the support of import PDF pages.
@@ -411,5 +435,6 @@ document.importPage(0, options);
 document.save('output.pdf');
 // Destroy the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Library/javascript/Redaction.md b/Document-Processing/PDF/PDF-Library/javascript/Redaction.md
index c651ff8dd..90622241f 100644
--- a/Document-Processing/PDF/PDF-Library/javascript/Redaction.md
+++ b/Document-Processing/PDF/PDF-Library/javascript/Redaction.md
@@ -9,11 +9,11 @@ documentation: UG
 
 Redacting a PDF is the process of permanently removing sensitive or confidential information from PDF documents. Syncfusion<sup>&reg;</sup> PDF library provides an easy way to redact PDF documents. 
 
-N> For data extraction features, you need to install the `@syncfusion/ej2-pdf-data-extract` package as an add-on.
+N> For redaction features, you need to install the `@syncfusion/ej2-pdf-data-extract` package as an add-on. Please verify the platform's actual root directory where the `openjpeg` file is extracted. Depending on the platform, the root path may vary. Check which root folder is being used by reviewing the path referenced in the [Getting Started](https://help.syncfusion.com/document-processing/pdf/pdf-library/javascript/create-pdf-document-asp-net-core) page.
 
 ## Removing sensitive content from the PDF document
 
-Redaction permanently removes confidential or sensitive information from a PDF. The `PdfRedactionAnnotation` class allows you to define areas to redact, ensuring the underlying text or image data is completely deleted from the document.
+Redaction permanently removes confidential or sensitive information from a PDF. The `PdfRedactor` and `PdfRedactionRegion` classes allow you to mark specific areas and apply irreversible redaction to the document.
 
 {% tabs %}
 {% highlight typescript tabtitle="TypeScript" %}
@@ -27,7 +27,6 @@ let redactor: PdfRedactor = new PdfRedactor(document);
 // Add redactions to the collection
 let redactions: PdfRedactionRegion[] = [];
 redactions.push(new PdfRedactionRegion(0, {x: 10, y: 10, width: 100, height: 50}));
-redactions.push(new PdfRedactionRegion(2, {x: 10, y: 10, width: 100, height: 50}, true, {r: 255, g: 0, b: 0}));
 redactor.add(redactions);
 // Apply redactions on the PDF document
 redactor.redact();
@@ -45,7 +44,6 @@ var redactor = new ej.pdfdataextract.PdfRedactor(document);
 // Add redactions to the collection
 var redactions = [];
 redactions.push(new PdfRedactionRegion(0, {x: 10, y: 10, width: 100, height: 50}));
-redactions.push(new PdfRedactionRegion(2, {x: 10, y: 10, width: 100, height: 50}, true, {r: 255, g: 0, b: 0}));
 redactor.add(redactions);
 // Apply redactions on the PDF document
 redactor.redact();
@@ -67,6 +65,8 @@ import { PdfRedactor, PdfRedactionRegion} from '@syncfusion/ej2-pdf-data-extract
 
 // Load an existing PDF document
 let document: PdfDocument = new PdfDocument(data);
+// Add redactions to the collection
+let redactions: PdfRedactionRegion[] = [];
 // Initialize a new instance of the `PdfRedactor` class
 let redactor: PdfRedactor = new PdfRedactor(document);
 // Initialize a new instance of the `PdfRedactionRegion` class.
@@ -86,6 +86,8 @@ document.destroy();
 {% highlight javascript tabtitle="JavaScript" %}
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
+// Add redactions to the collection
+var redactions = [];
 // Initialize a new instance of the `PdfRedactor` class
 var redactor = new ej.pdfdataextract.PdfRedactor(document);
 // Initialize a new instance of the `PdfRedactionRegion` class.
@@ -104,9 +106,9 @@ document.destroy();
 {% endhighlight %}
 {% endtabs %}
 
-## Redaction appearance fill color
+## Text appearance on the redacted area
 
-Customize the appearance of the redacted area by applying specific fill colors. This helps maintain a consistent design or highlight redacted sections in a visually appealing way.
+Customize the redacted region by drawing text or graphics over it, using `PdfRedactionRegion` and `PdfRedactor` to define the area and apply a custom visual appearance to the redaction.
 
 {% tabs %}
 {% highlight typescript tabtitle="TypeScript" %}
@@ -114,17 +116,27 @@ import { PdfDocument } from '@syncfusion/ej2-pdf';
 import { PdfRedactor, PdfRedactionRegion } from '@syncfusion/ej2-pdf-data-extract';
 
 // Load an existing PDF document
-let document: PdfDocument = new PdfDocument(data, password);
+let document = new PdfDocument(data);
 // Add redactions to the collection
-let redactions: PdfRedactionRegion[] = [];
-// Initialize a new instance of the `PdfRedactor` class
-let redactor: PdfRedactor = new PdfRedactor(document);
-// Initialize a new instance of the `PdfRedactionRegion` class.
-let redaction: PdfRedactionRegion = new PdfRedactionRegion(0, {x: 40, y: 41.809, width: 80, height: 90});
-// Sets the fill color used to fill the redacted area.
-redaction.fillColor = {r: 255, g: 0, b: 0};
+let redactions = [];
+let region = { x: 40, y: 43.620000000000005, width: 80, height: 20 };
+// Initialize a new redaction region with custom appearance
+let redaction = new PdfRedactionRegion(0, { x: 0, y: 0, width: 80, height: 20 }, true);
+let font = document.embedFont(PdfFontFamily.helvetica, 10, PdfFontStyle.regular);
+redaction.appearance.normal.graphics.drawString(
+  'Redacted Text',
+  font,
+  { x: 0, y: 0, width: 80, height: 20 },
+  new PdfBrush({ r: 255, g: 0, b: 0 })
+);
 redactions.push(redaction);
-// Add redactions with specified options.
+// Add another redaction region (example region coordinates)
+redaction = new PdfRedactionRegion(0, { x: 0, y: 0, width: 80, height: 20 }, true);
+region = { x: 40, y: 43.620000000000005, width: 80, height: 20 };
+redactions.push(redaction);
+// Initialize a new instance of the PdfRedactor class
+let redactor = new PdfRedactor(document);
+// Add redactions with specified options
 redactor.add(redactions);
 // Apply redactions on the PDF document
 redactor.redact();
@@ -132,26 +144,38 @@ redactor.redact();
 document.save('output.pdf');
 // Destroy the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
-// Load an existing PDF document
-var document = new ej.pdf.PdfDocument(data, password);
-// Add redactions to the collection
+
+// Load an existing PDF document 
+var document = new ej.pdf.PdfDocument(data);
+// Prepare redactions collection
 var redactions = [];
-// Initialize a new instance of the `PdfRedactor` class
-var redactor = new ej.pdfdataextract.PdfRedactor(document);
-// Initialize a new instance of the `PdfRedactionRegion` class.
-var redaction = new ej.pdfdataextract.PdfRedactionRegion(0, {x: 40, y: 41.809, width: 80, height: 90});
-// Sets the fill color used to fill the redacted area.
-redaction.fillColor = {r: 255, g: 0, b: 0};
+// Example region coordinates (page 0)
+var region = { x: 40, y: 43.62, width: 80, height: 20 };
+// Create a redaction region with a custom appearance (draw "Redacted Text" in red)
+var redaction = new ej.pdf.PdfRedactionRegion(0, { x: 0, y: 0, width: 80, height: 20 }, true);
+var font = document.embedFont(PdfFontFamily.helvetica, 10, PdfFontStyle.regular);
+// Draw custom appearance on the redaction overlay
+redaction.appearance.normal.graphics.drawString(
+  'Redacted Text',
+  font,
+  { x: 0, y: 0, width: 80, height: 20 },
+  new ej.pdf.PdfBrush({ r: 255, g: 0, b: 0 })
+);
 redactions.push(redaction);
-// Add redactions with specified options.
+// Add another redaction region using the specified coordinates on page 0
+redaction = new ej.pdf.PdfRedactionRegion(0, { x: region.x, y: region.y, width: region.width, height: region.height }, true);
+redactions.push(redaction);
+// Initialize redactor
+var redactor = new ej.pdf.PdfRedactor(document);
+// Add redactions and apply them
 redactor.add(redactions);
-// Apply redactions on the PDF document
 redactor.redact();
-// Save the document
+// Save and dispose
 document.save('output.pdf');
-// Destroy the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Library/javascript/Shapes.md b/Document-Processing/PDF/PDF-Library/javascript/Shapes.md
index 64dd54cfa..9f9862147 100644
--- a/Document-Processing/PDF/PDF-Library/javascript/Shapes.md
+++ b/Document-Processing/PDF/PDF-Library/javascript/Shapes.md
@@ -10,107 +10,19 @@ documentation: UG
 The PDF has support for adding the below shapes.
 
 * Line
-* Curve
-* Path
-* Text 
 * Rectangle
+* Rounded rectangle
+* Ellipse
+* Polygon
 * Pie
 * Arc
 * Bezier
-* Ellipse
+* Path
 
 ## Adding Shapes to a PDF document
 
 JavaScript PDF supports adding shapes with different types of brushes like solid bush, gradient brush, tiling brush, and image brush along with various color spaces and transparency levels.
 
-### Polygon
-
-This example demonstrates how to draw a polygon shape in a PDF document using the `drawPolygon` method of the `PdfGraphics` class.
-
-{% tabs %}
-{% highlight typescript tabtitle="TypeScript" %}
-import { PdfDocument, PdfPage, PdfGraphics, PdfPen } from '@syncfusion/ej2-pdf';
-
-// Create a new PDF document
-let document: PdfDocument = new PdfDocument();
-// Add a page
-let page: PdfPage = document.addPage();
-// Get graphics from the page
-let graphics: PdfGraphics = page.graphics;
-// Create a new pen
-let pen: PdfPen = new PdfPen({ r: 0, g: 0, b: 0 }, 1);
-// Define the polygon points
-let points: Point[] = [{x: 10, y: 100}, { x: 10, y: 200}, { x: 100, y: 100}, { x: 100, y: 200}, { x: 55, y: 150}];
-// Draw the polygon on the page graphics
-graphics.drawPolygon(points, pen);
-// Save the document
-document.save('Output.pdf');
-// Close the document
-document.destroy();
-{% endhighlight %}
-{% highlight javascript tabtitle="JavaScript" %}
-// Create a new PDF document
-var document = new ej.pdf.PdfDocument();
-// Add a page
-var page = document.addPage();
-// Get graphics from the page
-var graphics = page.graphics;
-// Create a new pen
-var pen = new ej.pdf.PdfPen({r:0,g:0,b:0},1);
-// Define the polygon points
-var points=[{x:10,y:100}, {x:10,y:200}, {x:100,y:100}, {x:100,y:200}, {x:55,y:150}];
-// Draw the polygon on the page graphics
-graphics.drawPolygon(points,pen);
-// Save the document
-document.save('Output.pdf');
-// Close the document
-document.destroy();
-{% endhighlight %}
-{% endtabs %}
-
-The following code snippet explains how to draw a polygon in an existing PDF document.
-
-{% tabs %}
-{% highlight typescript tabtitle="TypeScript" %}
-import { PdfDocument, PdfPage, PdfPen } from '@syncfusion/ej2-pdf';
-
-// Load an existing PDF document
-let document: PdfDocument = new PdfDocument(data);
-// Access the first page
-let page: PdfPage = document.getPage(0);
-// Get graphics from the page
-let graphics: PdfGraphics = page.graphics;
-// Create a new pen
-let pen: PdfPen = new PdfPen({ r: 0, g: 0, b: 0 }, 1);
-// Define the polygon points
-let points: Point[] = [{x: 10, y: 100}, { x: 10, y: 200}, { x: 100, y: 100}, { x: 100, y: 200}, { x: 55, y: 150}];
-// Draw the polygon on the page graphics
-graphics.drawPolygon(points, pen);
-// Save the document
-document.save('Output.pdf');
-// Close the document
-document.destroy();
-{% endhighlight %}
-{% highlight javascript tabtitle="JavaScript" %}
-// Create a new PDF document
-var document = new ej.pdf.PdfDocument(data);
-// Add a page
-var page = document.getPage(0);
-// Get graphics from the page
-var graphics = page.graphics;
-// Create a new pen
-var pen = new ej.pdf.PdfPen({r:0,g:0,b:0},1);
-// Define the polygon points
-var points=[{x:10,y:100}, {x:10,y:200}, {x:100,y:100}, {x:100,y:200}, {x:55,y:150}];
-// Draw the polygon on the page graphics
-graphics.drawPolygon(points,pen);
-// Save the document
-document.save('Output.pdf');
-// Close the document
-document.destroy();
-{% endhighlight %}
-{% endtabs %}
-
 ### Line
 
 This example demonstrates how to draw a straight line in a PDF document using the `drawLine` method of the `PdfGraphics` class.
@@ -152,69 +64,24 @@ document.destroy();
 {% endhighlight %}
 {% endtabs %}
 
-The following code snippet explains how to draw a line in an existing PDF document.
-
-{% tabs %}
-{% highlight typescript tabtitle="TypeScript" %}
-import { PdfDocument, PdfPage, PdfPen } from '@syncfusion/ej2-pdf';
-
-// Load an existing PDF document
-let document: PdfDocument = new PdfDocument(data);
-// Access the first page
-let page: PdfPage = document.getPage(0);
-// Get graphics from the page
-let graphics: PdfGraphics = page.graphics;
-// Create a new pen
-let pen: PdfPen = new PdfPen({ r: 0, g: 0, b: 0 }, 1);
-// Draw a line on the page graphics
-graphics.drawLine(pen, { x: 10, y: 200}, { x: 100, y: 100});
-// Save the document
-document.save('Output.pdf');
-// Close the document
-document.destroy();
-{% endhighlight %}
-{% highlight javascript tabtitle="JavaScript" %}
-// Create a new PDF document
-var document = new ej.pdf.PdfDocument(data);
-// Add a page
-var page = document.getPage(0);
-// Get graphics from the page
-var graphics = page.graphics;
-// Create a new pen
-var pen = new ej.pdf.PdfPen({ r: 0, g: 0, b: 0 }, 1);
-// Draw a line on the page graphics
-graphics.drawLine(pen, { x: 10, y: 200 }, { x: 100, y: 100 });
-// Save the document
-document.save('Output.pdf');
-// Close the document
-document.destroy();
-{% endhighlight %}
-{% endtabs %}
-
-### Path
+### Rectangle
 
-This example demonstrates how to draw a path in a PDF document using the `drawPath` method of the `PdfGraphics` class.
+This example demonstrates how to draw a rectangle in a PDF document using the `drawRectangle` method of the `PdfGraphics` class.
 
 {% tabs %}
 {% highlight typescript tabtitle="TypeScript" %}
-import { PdfDocument, PdfPage, PdfPen, PdfPath } from '@syncfusion/ej2-pdf';
+import { PdfDocument, PdfPage, PdfGraphics, PdfPen } from '@syncfusion/ej2-pdf';
 
 // Create a new PDF document
 let document: PdfDocument = new PdfDocument();
 // Add a page
 let page: PdfPage = document.addPage();
-// Create a new path
-let path: PdfPath = new PdfPath();
 // Gets the graphics of the PDF page
 let graphics: PdfGraphics = page.graphics;
-// Create a new pen
+// Create a new pen.
 let pen: PdfPen = new PdfPen({ r: 0, g: 0, b: 0 }, 1);
-// Add lines to the path
-path.addLine({ x: 10, y: 50}, { x: 200, y: 250});
-path.addLine({ x: 10, y: 150}, { x: 220, y: 250});
-path.addLine({ x: 10, y: 200}, { x: 240, y: 250});
-// Draw the path on the page graphics
-graphics.drawPath(path, pen);
+// Draw a rectangle on the page graphics.
+graphics.drawRectangle({ x: 10, y: 20, width: 100, height: 200}, pen);
 // Save the document
 document.save('Output.pdf');
 // Close the document
@@ -225,18 +92,12 @@ document.destroy();
 var document = new ej.pdf.PdfDocument();
 // Add a page
 var page = document.addPage();
-// Create a new path
-var path = new ej.pdf.PdfPath();
 // Gets the graphics of the PDF page
 var graphics = page.graphics;
-// Create a new pen
+// Create a new pen.
 var pen = new ej.pdf.PdfPen({ r: 0, g: 0, b: 0 }, 1);
-// Add lines to the path
-path.addLine({ x: 10, y: 50 }, { x: 200, y: 250 });
-path.addLine({ x: 10, y: 150 }, { x: 220, y: 250 });
-path.addLine({ x: 10, y: 200 }, { x: 240, y: 250 });
-// Draw the path on the page graphics
-graphics.drawPath(path, pen);
+// Draw a rectangle on the page graphics.
+graphics.drawRectangle({ x: 10, y: 20, width: 100, height: 200 }, pen);
 // Save the document
 document.save('Output.pdf');
 // Close the document
@@ -244,140 +105,67 @@ document.destroy();
 {% endhighlight %}
 {% endtabs %}
 
-The following code snippet explains how to draw path in an existing PDF document.
+### Rounded rectangle
+
+This example demonstrates how to draw a rounded rectangle in a PDF document using the `drawRoundedRectangle` method of the `PdfGraphics` class.
 
 {% tabs %}
 {% highlight typescript tabtitle="TypeScript" %}
-import { PdfDocument, PdfPage, PdfPen, PdfPath } from '@syncfusion/ej2-pdf';
+import { PdfDocument, PdfPage, PdfGraphics, PdfPen, PdfBrush, drawRoundedRectangle } from '@syncfusion/ej2-pdf';
 
 // Load an existing PDF document
-let document: PdfDocument = new PdfDocument(data);
+let document: PdfDocument = new PdfDocument();
 // Access the first page
-let page: PdfPage = document.getPage(0);
-// Create a new path
-let path: PdfPath = new PdfPath();
-// Gets the graphics of the PDF page
+let page: PdfPage = document.addPage();
+// Get the graphics of the PDF page
 let graphics: PdfGraphics = page.graphics;
-// Create a new pen
+// Create a new pen (black, 1pt)
 let pen: PdfPen = new PdfPen({ r: 0, g: 0, b: 0 }, 1);
-// Add lines to the path
-path.addLine({ x: 10, y: 50}, { x: 200, y: 250});
-path.addLine({ x: 10, y: 150}, { x: 220, y: 250});
-path.addLine({ x: 10, y: 200}, { x: 240, y: 250});
-// Draw the path on the page graphics
-graphics.drawPath(path, pen);
+// Create a new brush (blue fill)
+let brush: PdfBrush = new PdfBrush({ r: 0, g: 0, b: 255 });
+// Draw a rounded rectangle on the page graphics
+graphics.drawRoundedRectangle(
+  { x: 10, y: 20, width: 100, height: 200 },
+  5,
+  pen,
+  brush
+);
 // Save the document
-document.save('Output.pdf');
-// Close the document
+document.save('output.pdf');
+// Destroy the document
 document.destroy();
-{% endhighlight %}
-{% highlight javascript tabtitle="JavaScript" %}
-// Create a new PDF document
-var document = new ej.pdf.PdfDocument(data);
-// Add a page
-var page = document.getPage(0);
-// Create a new path
-var path = new ej.pdf.PdfPath();
-// Gets the graphics of the PDF page
-var graphics = page.graphics;
-// Create a new pen
-var pen = new ej.pdf.PdfPen({ r: 0, g: 0, b: 0 }, 1);
-// Add lines to the path
-path.addLine({ x: 10, y: 50 }, { x: 200, y: 250 });
-path.addLine({ x: 10, y: 150 }, { x: 220, y: 250 });
-path.addLine({ x: 10, y: 200 }, { x: 240, y: 250 });
-// Draw the path on the page graphics
-graphics.drawPath(path, pen);
-// Save the document
-document.save('Output.pdf');
-// Close the document
-document.destroy();
-{% endhighlight %}
-{% endtabs %}
-
-### Text
 
-This example demonstrates how to draw a text in a PDF document using the `drawString` method of the `PdfGraphics` class.
-
-{% tabs %}
-{% highlight typescript tabtitle="TypeScript" %}
-import { PdfDocument, PdfPage, PdfGraphics, PdfStandardFont, PdfFontFamily, PdfFontStyle, PdfBrush } from '@syncfusion/ej2-pdf';
-
-// Create a new PDF document
-let document: PdfDocument = new PdfDocument();
-// Add a page
-let page: PdfPage = document.addPage();
-// Get graphics from the page
-let graphics: PdfGraphics = page.graphics;
-// Set font
-let font: PdfStandardFont = document.embedFont(PdfFontFamily.helvetica, 10, PdfFontStyle.regular);
-// Draw text
-graphics.drawString('Hello World', font, { x: 10, y: 20, width: 100, height: 200}, new PdfBrush({r: 0, g: 0, b: 255}));
-// Save the document
-document.save('Output.pdf');
-// Close the document
-document.destroy();
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
-// Create a new PDF document
+
+// Create a PDF document
 var document = new ej.pdf.PdfDocument();
-// Add a page
+// Access the first page
 var page = document.addPage();
-// Get graphics from the page
+// Get the graphics of the PDF page
 var graphics = page.graphics;
-// Set font
-var font = document.embedFont(ej.pdf.PdfFontFamily.helvetica, 10, ej.pdf.PdfFontStyle.regular);
-// Draw text
-graphics.drawString('Hello World', font, { x: 10, y: 20, width: 100, height: 200 }, new ej.pdf.PdfBrush({ r: 0, g: 0, b: 255 }));
+// Create a new pen
+var pen = new ej.pdf.PdfPen({ r: 0, g: 0, b: 0 }, 1);
+// Create a new brush
+var brush = new ej.pdf.PdfBrush({ r: 0, g: 0, b: 255 });
+// Draw a rounded rectangle on the page graphics
+graphics.drawRoundedRectangle(
+  { x: 10, y: 20, width: 100, height: 200 },
+  5,
+  pen,
+  brush
+);
 // Save the document
-document.save('Output.pdf');
-// Close the document
+document.save('output.pdf');
+// Destroy the document
 document.destroy();
-{% endhighlight %}
-{% endtabs %}
 
-The following code snippet explains how to draw text in an existing PDF document.
-
-{% tabs %}
-{% highlight typescript tabtitle="TypeScript" %}
-import { PdfDocument, PdfPage, PdfStandardFont, PdfBrush } from '@syncfusion/ej2-pdf';
-
-// Load an existing PDF document
-let document: PdfDocument = new PdfDocument(data);
-// Access the first page
-let page: PdfPage = document.getPage(0);
-// Get graphics from the page
-let graphics: PdfGraphics = page.graphics;
-// Set font
-let font: PdfStandardFont = document.embedFont(PdfFontFamily.helvetica, 10, PdfFontStyle.regular);
-// Draw text
-graphics.drawString('Hello World', font, { x: 10, y: 20, width: 100, height: 200}, new PdfBrush({r: 0, g: 0, b: 255}));
-// Save the document
-document.save('Output.pdf');
-// Close the document
-document.destroy();
-{% endhighlight %}
-{% highlight javascript tabtitle="JavaScript" %}
-// Create a new PDF document
-var document = new ej.pdf.PdfDocument(data);
-// Add a page
-var page = document.getPage(0);
-// Get graphics from the page
-var graphics = page.graphics;
-// Set font
-var font = document.embedFont(ej.pdf.PdfFontFamily.helvetica, 10, ej.pdf.PdfFontStyle.regular);
-// Draw text
-graphics.drawString('Hello World', font, { x: 10, y: 20, width: 100, height: 200 }, new ej.pdf.PdfBrush({ r: 0, g: 0, b: 255 }));
-// Save the document
-document.save('Output.pdf');
-// Close the document
-document.destroy();
 {% endhighlight %}
 {% endtabs %}
 
-### Rectangle
+### Ellipse
 
-This example demonstrates how to draw a rectangle in a PDF document using the `drawRectangle` method of the `PdfGraphics` class.
+This example demonstrates how to draw a ellipse in a PDF document using the `drawEllipse` method of the `PdfGraphics` class.
 
 {% tabs %}
 {% highlight typescript tabtitle="TypeScript" %}
@@ -389,10 +177,10 @@ let document: PdfDocument = new PdfDocument();
 let page: PdfPage = document.addPage();
 // Gets the graphics of the PDF page
 let graphics: PdfGraphics = page.graphics;
-// Create a new pen.
+// Create a new pen
 let pen: PdfPen = new PdfPen({ r: 0, g: 0, b: 0 }, 1);
-// Draw a rectangle on the page graphics.
-graphics.drawRectangle({ x: 10, y: 20, width: 100, height: 200}, pen);
+// Draw an ellipse on the page graphics
+graphics.drawEllipse({ x: 10, y: 20, width: 100, height: 200}, pen);
 // Save the document
 document.save('Output.pdf');
 // Close the document
@@ -405,49 +193,10 @@ var document = new ej.pdf.PdfDocument();
 var page = document.addPage();
 // Gets the graphics of the PDF page
 var graphics = page.graphics;
-// Create a new pen.
-var pen = new ej.pdf.PdfPen({ r: 0, g: 0, b: 0 }, 1);
-// Draw a rectangle on the page graphics.
-graphics.drawRectangle({ x: 10, y: 20, width: 100, height: 200 }, pen);
-// Save the document
-document.save('Output.pdf');
-// Close the document
-document.destroy();
-{% endhighlight %}
-{% endtabs %}
-
-The following code snippet explains how to draw rectangle in an existing PDF document.
-
-{% tabs %}
-{% highlight typescript tabtitle="TypeScript" %}
-import { PdfDocument, PdfPage, PdfGraphics, PdfPen } from '@syncfusion/ej2-pdf';
-
-// Load an existing PDF document
-let document: PdfDocument = new PdfDocument(data);
-// Access the first page
-let page: PdfPage = document.getPage(0);
-// Gets the graphics of the PDF page
-let graphics: PdfGraphics = page.graphics;
-// Create a new pen.
-let pen: PdfPen = new PdfPen({ r: 0, g: 0, b: 0 }, 1);
-// Draw a rectangle on the page graphics.
-graphics.drawRectangle({ x: 10, y: 20, width: 100, height: 200}, pen);
-// Save the document
-document.save('Output.pdf');
-// Close the document
-document.destroy();
-{% endhighlight %}
-{% highlight javascript tabtitle="JavaScript" %}
-// Create a new PDF document
-var document = new ej.pdf.PdfDocument(data);
-// Add a page
-var page = document.getPage(0);
-// Gets the graphics of the PDF page
-var graphics = page.graphics;
-// Create a new pen.
+// Create a new pen
 var pen = new ej.pdf.PdfPen({ r: 0, g: 0, b: 0 }, 1);
-// Draw a rectangle on the page graphics.
-graphics.drawRectangle({ x: 10, y: 20, width: 100, height: 200 }, pen);
+// Draw an ellipse on the page graphics
+graphics.drawEllipse({ x: 10, y: 20, width: 100, height: 200 }, pen);
 // Save the document
 document.save('Output.pdf');
 // Close the document
@@ -455,9 +204,9 @@ document.destroy();
 {% endhighlight %}
 {% endtabs %}
 
-### Pie
+### Polygon
 
-This example demonstrates how to draw a pie in a PDF document using the `drawPie` method of the `PdfGraphics` class.
+This example demonstrates how to draw a polygon shape in a PDF document using the `drawPolygon` method of the `PdfGraphics` class.
 
 {% tabs %}
 {% highlight typescript tabtitle="TypeScript" %}
@@ -467,12 +216,14 @@ import { PdfDocument, PdfPage, PdfGraphics, PdfPen } from '@syncfusion/ej2-pdf';
 let document: PdfDocument = new PdfDocument();
 // Add a page
 let page: PdfPage = document.addPage();
-// Gets the graphics of the PDF page
+// Get graphics from the page
 let graphics: PdfGraphics = page.graphics;
 // Create a new pen
 let pen: PdfPen = new PdfPen({ r: 0, g: 0, b: 0 }, 1);
-// Draw a pie slice on the page graphics
-graphics.drawPie({ x: 10, y: 50, width: 200, height: 200}, 180, 60, pen);
+// Define the polygon points
+let points: Point[] = [{x: 10, y: 100}, { x: 10, y: 200}, { x: 100, y: 100}, { x: 100, y: 200}, { x: 55, y: 150}];
+// Draw the polygon on the page graphics
+graphics.drawPolygon(points, pen);
 // Save the document
 document.save('Output.pdf');
 // Close the document
@@ -483,12 +234,14 @@ document.destroy();
 var document = new ej.pdf.PdfDocument();
 // Add a page
 var page = document.addPage();
-// Gets the graphics of the PDF page
+// Get graphics from the page
 var graphics = page.graphics;
 // Create a new pen
-var pen = new ej.pdf.PdfPen({ r: 0, g: 0, b: 0 }, 1);
-// Draw a pie slice on the page graphics
-graphics.drawPie({ x: 10, y: 50, width: 200, height: 200 }, 180, 60, pen);
+var pen = new ej.pdf.PdfPen({r:0,g:0,b:0},1);
+// Define the polygon points
+var points=[{x:10,y:100}, {x:10,y:200}, {x:100,y:100}, {x:100,y:200}, {x:55,y:150}];
+// Draw the polygon on the page graphics
+graphics.drawPolygon(points,pen);
 // Save the document
 document.save('Output.pdf');
 // Close the document
@@ -496,16 +249,18 @@ document.destroy();
 {% endhighlight %}
 {% endtabs %}
 
-The following code snippet explains how to draw pie in an existing PDF document.
+### Pie
+
+This example demonstrates how to draw a pie in a PDF document using the `drawPie` method of the `PdfGraphics` class.
 
 {% tabs %}
 {% highlight typescript tabtitle="TypeScript" %}
 import { PdfDocument, PdfPage, PdfGraphics, PdfPen } from '@syncfusion/ej2-pdf';
 
-// Load an existing PDF document
-let document: PdfDocument = new PdfDocument(data);
-// Access the first page
-let page: PdfPage = document.getPage(0);
+// Create a new PDF document
+let document: PdfDocument = new PdfDocument();
+// Add a page
+let page: PdfPage = document.addPage();
 // Gets the graphics of the PDF page
 let graphics: PdfGraphics = page.graphics;
 // Create a new pen
@@ -519,9 +274,9 @@ document.destroy();
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
 // Create a new PDF document
-var document = new ej.pdf.PdfDocument(data);
+var document = new ej.pdf.PdfDocument();
 // Add a page
-var page = document.getPage(0);
+var page = document.addPage();
 // Gets the graphics of the PDF page
 var graphics = page.graphics;
 // Create a new pen
@@ -576,45 +331,6 @@ document.destroy();
 {% endhighlight %}
 {% endtabs %}
 
-The following code snippet explains how to draw arc in an existing PDF document.
-
-{% tabs %}
-{% highlight typescript tabtitle="TypeScript" %}
-import { PdfDocument, PdfPage, PdfGraphics, PdfPen } from '@syncfusion/ej2-pdf';
-
-// Load an existing PDF document
-let document: PdfDocument = new PdfDocument(data);
-// Access the first page
-let page: PdfPage = document.getPage(0);
-// Gets the graphics of the PDF page
-let graphics: PdfGraphics = page.graphics;
-// Create a new pen
-let pen: PdfPen = new PdfPen({ r: 0, g: 0, b: 0 }, 1);
-// Draw a aec slice on the page graphics
-graphics.drawArc({ x: 10, y: 20, width: 100, height: 200}, 20, 30, pen);
-// Save the document
-document.save('Output.pdf');
-// Close the document
-document.destroy();
-{% endhighlight %}
-{% highlight javascript tabtitle="JavaScript" %}
-// Create a new PDF document
-var document = new ej.pdf.PdfDocument(data);
-// Add a page
-var page = document.getPage(0);
-// Gets the graphics of the PDF page
-var graphics = page.graphics;
-// Create a new pen
-var pen = new ej.pdf.PdfPen({ r: 0, g: 0, b: 0 }, 1);
-// Draw an arc slice on the page graphics
-graphics.drawArc({ x: 10, y: 20, width: 100, height: 200 }, 20, 30, pen);
-// Save the document
-document.save('Output.pdf');
-// Close the document
-document.destroy();
-{% endhighlight %}
-{% endtabs %}
-
 ### Bezier
 
 This example demonstrates how to draw a bezier in a PDF document using the `drawBezier` method of the `PdfGraphics` class.
@@ -656,63 +372,30 @@ document.destroy();
 {% endhighlight %}
 {% endtabs %}
 
-The following code snippet explains how to draw bezier in an existing PDF document.
-
-{% tabs %}
-{% highlight typescript tabtitle="TypeScript" %}
-import { PdfDocument, PdfPage, PdfGraphics, PdfPen } from '@syncfusion/ej2-pdf';
-
-// Load an existing PDF document
-let document: PdfDocument = new PdfDocument(data);
-// Access the first page
-let page: PdfPage = document.getPage(0);
-// Gets the graphics of the PDF page
-let graphics: PdfGraphics = page.graphics;
-// Create a new pen
-let pen: PdfPen = new PdfPen({ r: 0, g: 0, b: 0 }, 1);
-// Draw a Bezier curve on the page graphics
-graphics.drawBezier({ x: 50, y: 100}, { x: 200, y: 50}, { x: 100, y: 150}, { x: 150, y: 100}, pen);
-// Save the document
-document.save('Output.pdf');
-// Close the document
-document.destroy();
-{% endhighlight %}
-{% highlight javascript tabtitle="JavaScript" %}
-// Create a new PDF document
-var document = new ej.pdf.PdfDocument(data);
-// Add a page
-var page = document.getPage(0);
-// Gets the graphics of the PDF page
-var graphics = page.graphics;
-// Create a new pen
-var pen = new ej.pdf.PdfPen({ r: 0, g: 0, b: 0 }, 1);
-// Draw a Bezier curve on the page graphics
-graphics.drawBezier({ x: 50, y: 100 }, { x: 200, y: 50 }, { x: 100, y: 150 }, { x: 150, y: 100 }, pen);
-// Save the document
-document.save('Output.pdf');
-// Close the document
-document.destroy();
-{% endhighlight %}
-{% endtabs %}
-
-### Ellipse
+### Path
 
-This example demonstrates how to draw a ellipse in a PDF document using the `drawEllipse` method of the `PdfGraphics` class.
+This example demonstrates how to draw a path in a PDF document using the `drawPath` method of the `PdfGraphics` class.
 
 {% tabs %}
 {% highlight typescript tabtitle="TypeScript" %}
-import { PdfDocument, PdfPage, PdfGraphics, PdfPen } from '@syncfusion/ej2-pdf';
+import { PdfDocument, PdfPage, PdfPen, PdfPath } from '@syncfusion/ej2-pdf';
 
 // Create a new PDF document
 let document: PdfDocument = new PdfDocument();
 // Add a page
 let page: PdfPage = document.addPage();
+// Create a new path
+let path: PdfPath = new PdfPath();
 // Gets the graphics of the PDF page
 let graphics: PdfGraphics = page.graphics;
 // Create a new pen
 let pen: PdfPen = new PdfPen({ r: 0, g: 0, b: 0 }, 1);
-// Draw an ellipse on the page graphics
-graphics.drawEllipse({ x: 10, y: 20, width: 100, height: 200}, pen);
+// Add lines to the path
+path.addLine({ x: 10, y: 50}, { x: 200, y: 250});
+path.addLine({ x: 10, y: 150}, { x: 220, y: 250});
+path.addLine({ x: 10, y: 200}, { x: 240, y: 250});
+// Draw the path on the page graphics
+graphics.drawPath(path, pen);
 // Save the document
 document.save('Output.pdf');
 // Close the document
@@ -723,51 +406,18 @@ document.destroy();
 var document = new ej.pdf.PdfDocument();
 // Add a page
 var page = document.addPage();
+// Create a new path
+var path = new ej.pdf.PdfPath();
 // Gets the graphics of the PDF page
 var graphics = page.graphics;
 // Create a new pen
 var pen = new ej.pdf.PdfPen({ r: 0, g: 0, b: 0 }, 1);
-// Draw an ellipse on the page graphics
-graphics.drawEllipse({ x: 10, y: 20, width: 100, height: 200 }, pen);
-// Save the document
-document.save('Output.pdf');
-// Close the document
-document.destroy();
-{% endhighlight %}
-{% endtabs %}
-
-The following code snippet explains how to draw ellipse in an existing PDF document.
-
-{% tabs %}
-{% highlight typescript tabtitle="TypeScript" %}
-import { PdfDocument, PdfPage, PdfGraphics, PdfPen } from '@syncfusion/ej2-pdf';
-    
-// Load an existing PDF document
-let document: PdfDocument = new PdfDocument(data);
-// Access the first page
-let page: PdfPage = document.getPage(0);
-// Gets the graphics of the PDF page
-let graphics: PdfGraphics = page.graphics;
-// Create a new pen
-let pen: PdfPen = new PdfPen({ r: 0, g: 0, b: 0 }, 1);
-// Draw an ellipse on the page graphics
-graphics.drawEllipse({ x: 10, y: 20, width: 100, height: 200}, pen);
-// Save the document
-document.save('Output.pdf');
-// Close the document
-document.destroy();
-{% endhighlight %}
-{% highlight javascript tabtitle="JavaScript" %}
-// Create a new PDF document
-var document = new ej.pdf.PdfDocument(data);
-// Add a page
-var page = document.getPage(0);
-// Gets the graphics of the PDF page
-var graphics = page.graphics;
-// Create a new pen
-var pen = new ej.pdf.PdfPen({ r: 0, g: 0, b: 0 }, 1);
-// Draw an ellipse on the page graphics
-graphics.drawEllipse({ x: 10, y: 20, width: 100, height: 200 }, pen);
+// Add lines to the path
+path.addLine({ x: 10, y: 50 }, { x: 200, y: 250 });
+path.addLine({ x: 10, y: 150 }, { x: 220, y: 250 });
+path.addLine({ x: 10, y: 200 }, { x: 240, y: 250 });
+// Draw the path on the page graphics
+graphics.drawPath(path, pen);
 // Save the document
 document.save('Output.pdf');
 // Close the document
diff --git a/Document-Processing/PDF/PDF-Library/javascript/Split-Documents.md b/Document-Processing/PDF/PDF-Library/javascript/Split-Documents.md
index 3990ef82d..c63cdc020 100644
--- a/Document-Processing/PDF/PDF-Library/javascript/Split-Documents.md
+++ b/Document-Processing/PDF/PDF-Library/javascript/Split-Documents.md
@@ -8,7 +8,7 @@ documentation: UG
 
 # Split in JavaScript PDF library
 
-The PDF library supports Splitting PDF file into single-page or multiple-page PDF documents.
+The PDF library supports splitting PDF file into single-page or multiple-page PDF documents.
 
 ## Splitting a PDF file into individual 
 
@@ -29,8 +29,10 @@ function documentSplitEvent(sender: PdfDocument, args: PdfDocumentSplitEventArgs
 }
 // Destroy the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
 document.splitEvent = documentSplitEvent;
@@ -42,6 +44,7 @@ function documentSplitEvent(sender, args): void {
 }
 // Destroy the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
 
@@ -64,8 +67,10 @@ function documentSplitEvent(sender: PdfDocument, args: PdfDocumentSplitEventArgs
 }
 // Destroy the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
 document.splitEvent = documentSplitEvent;
@@ -77,6 +82,7 @@ function documentSplitEvent(sender, args): void {
 }
 // Destroy the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
 
@@ -99,8 +105,10 @@ function documentSplitEvent(sender: PdfDocument, args: PdfDocumentSplitEventArgs
 }
 // Destroy the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
 document.splitEvent = documentSplitEvent;
@@ -112,5 +120,6 @@ function documentSplitEvent(sender, args): void {
 }
 // Destroy the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Library/javascript/Templates.md b/Document-Processing/PDF/PDF-Library/javascript/Templates.md
index c0d63d908..3efbd1ccf 100644
--- a/Document-Processing/PDF/PDF-Library/javascript/Templates.md
+++ b/Document-Processing/PDF/PDF-Library/javascript/Templates.md
@@ -15,7 +15,7 @@ This example demonstrates how to create a new PDF template using the `PdfTemplat
 
 {% tabs %}
 {% highlight typescript tabtitle="TypeScript" %}
-import { PdfDocument, PdfPage, PdfTemplate, PdfImage, PdfBitmap } from '@syncfusion/ej2-pdf';
+import { PdfDocument, PdfPage, PdfTemplate, PdfImage, PdfBitmap, PdfStandardFont, PdfBrush, PdfFontFamily, PdfFontStyle } from '@syncfusion/ej2-pdf';
 
 // Create a new PDF document
 let document: PdfDocument = new PdfDocument();
@@ -27,14 +27,20 @@ let template: PdfTemplate = new PdfTemplate({ x: 100, y: 100, width: 400, height
 let image: PdfImage = new PdfBitmap('/9j/4AAQSkZJRgABAQEAkACQAAD/4....QB//Z');
 // Draw the image into the template graphics
 template.graphics.drawImage(image, { x: 0, y: 0, width: 100, height: 50 });
+// Create a new font
+let font: PdfStandardFont = document.embedFont(PdfFontFamily.helvetica, 20, PdfFontStyle.regular);
+// Draw the text into template graphics.
+template.graphics.drawString('Created by Syncfusion PDF', font, {x: 10, y: 20, width: 100, height: 200}, new PdfBrush({r: 0, g: 0, b: 255}));
 // Draw template to the page
 page.graphics.drawTemplate(template, { x: 0, y: 0, width: 100, height: 50 });
 // Save the document
 document.save('output.pdf');
 // Destroy the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Create a new PDF document
 var document = new ej.pdf.PdfDocument();
 // Add a page
@@ -45,52 +51,10 @@ var template = new ej.pdf.PdfTemplate({ x: 100, y: 100, width: 400, height: 200
 var image = new ej.pdf.PdfBitmap('/9j/4AAQSkZJRgABAQEAkACQAAD/4....QB//Z');
 // Draw the image into the template graphics
 template.graphics.drawImage(image, { x: 0, y: 0, width: 100, height: 50 });
-// Draw template to the page
-page.graphics.drawTemplate(template, { x: 0, y: 0, width: 100, height: 50 });
-// Save the document
-document.save('output.pdf');
-// Destroy the document
-document.destroy();
-
-{% endhighlight %}
-{% endtabs %}
-
-## Creating templates from existing PDF document
-
-This example demonstrates how to create templates from an existing PDF document using the `PdfTemplate` class. A PDF template allows you to extract and reuse content from a PDF page or annotation, enabling consistent design and repeated elements across multiple pages.
-
-{% tabs %}
-{% highlight typescript tabtitle="TypeScript" %}
-import { PdfDocument, PdfPage, PdfTemplate, PdfImage, PdfBitmap } from '@syncfusion/ej2-pdf';
-
-// Load an existing PDF document
-let document: PdfDocument = new PdfDocument(data);
-// Get the first page
-let page: PdfPage = document.getPage(0) as PdfPage;
-// Create a template
-let template: PdfTemplate = new PdfTemplate({ x: 100, y: 100, width: 400, height: 200 });
-// Create new image object by using JPEG image data as Base64 string format
-let image: PdfImage = new PdfBitmap('/9j/4AAQSkZJRgABAQEAkACQAAD/4....QB//Z');
-// Draw the image into the template graphics
-template.graphics.drawImage(image, { x: 0, y: 0, width: 100, height: 50 });
-// Draw template to the page
-page.graphics.drawTemplate(template, { x: 0, y: 0, width: 100, height: 50 });
-// Save the document
-document.save('output.pdf');
-// Destroy the document
-document.destroy();
-{% endhighlight %}
-{% highlight javascript tabtitle="JavaScript" %}
-// Load an existing PDF document
-var document = new ej.pdf.PdfDocument(data);
-// Get the first page
-var page = document.getPage(0);
-// Create a template
-var template = new ej.pdf.PdfTemplate({ x: 100, y: 100, width: 400, height: 200 });
-// Create new image object by using JPEG image data as Base64 string format
-var image = new ej.pdf.PdfBitmap('/9j/4AAQSkZJRgABAQEAkACQAAD/4....QB//Z');
-// Draw the image into the template graphics
-template.graphics.drawImage(image, { x: 0, y: 0, width: 100, height: 50 });
+// Create a new font
+var font = document.embedFont(ej.pdf.PdfFontFamily.helvetica, 20, ej.pdf.PdfFontStyle.regular);
+// Draw the text into template graphics.
+template.graphics.drawString('Created by Syncfusion PDF', font, {x: 10, y: 20, width: 100, height: 200}, new ej.pdf.PdfBrush({r: 0, g: 0, b: 255}));
 // Draw template to the page
 page.graphics.drawTemplate(template, { x: 0, y: 0, width: 100, height: 50 });
 // Save the document
diff --git a/Document-Processing/PDF/PDF-Library/javascript/Text-Extraction.md b/Document-Processing/PDF/PDF-Library/javascript/Text-Extraction.md
index 2f4a035f8..56ece5a1a 100644
--- a/Document-Processing/PDF/PDF-Library/javascript/Text-Extraction.md
+++ b/Document-Processing/PDF/PDF-Library/javascript/Text-Extraction.md
@@ -9,12 +9,12 @@ documentation: UG
 
 The PDF allows you to extract the text from a particular page or the entire PDF document. 
 
+N> For redaction features, you need to install the `@syncfusion/ej2-pdf-data-extract` package as an add-on. Please verify the platform's actual root directory where the `openjpeg` file is extracted. Depending on the platform, the root path may vary. Check which root folder is being used by reviewing the path referenced in the [Getting Started](https://help.syncfusion.com/document-processing/pdf/pdf-library/javascript/create-pdf-document-asp-net-core) page.
+
 ## Working with basic text extraction
 
 This example demonstrates how to extract text from a PDF page using the `PdfDataExtractor` class. Basic text extraction allows retrieving plain text content from a PDF document.
 
-N> For data extraction features, you need to install the `@syncfusion/ej2-pdf-data-extract` package as an add-on.
-
 {% tabs %}
 {% highlight typescript tabtitle="TypeScript" %}
 import { PdfDocument } from '@syncfusion/ej2-pdf';
@@ -30,8 +30,10 @@ let text: string = extractor.extractText();
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
 // Initialize a new instance of the PdfDataExtractor class
@@ -46,7 +48,7 @@ document.destroy();
 {% endhighlight %}
 {% endtabs %}
 
-## Extract Text from Specific Page Range in a PDF Document
+## Extract text from specific page range in a PDF document
 
 This example demonstrates how to extract text from a PDF document by specifying a start and end page number. This approach allows you to retrieve text content from a defined range of pages for processing or analysis.
 
@@ -65,8 +67,10 @@ let text: string = extractor.extractText({ startPageIndex: 0, endPageIndex: docu
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
 // Initialize a new instance of the PdfDataExtractor class
@@ -100,8 +104,10 @@ let text: string = extractor.extractText({isLayout: true});
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
 // Initialize a new instance of the PdfDataExtractor class
@@ -118,9 +124,9 @@ document.destroy();
 
 N> Layout based text extraction may take additional processing time when compared to the normal extraction mode.
 
-## Text Extraction with Bounds
+## Text extraction with bounds
 
-### Working with Lines
+### Working with lines
 
 This example demonstrates how to extract text from a PDF page based on individual lines using the `extractTextLines` method. This approach provides a collection of `TextLine` objects, allowing precise access to text content line by line.
 
@@ -133,23 +139,33 @@ import { PdfDataExtractor, TextLine } from '@syncfusion/ej2-pdf-data-extract';
 let document: PdfDocument = new PdfDocument(data);
 // Initialize a new instance of the `PdfDataExtractor` class
 let extractor: PdfDataExtractor = new PdfDataExtractor(document);
-// Extracts text from the PDF Page based on its line
-let textCollection: TextLine[] = extractor.extractTextLines({ startPageIndex: 0, endPageIndex: document.pageCount - 1});
+// Extract `TextLine` from the PDF document.
+let textLines: Array<TextLine> = extractor.extractTextLines({ startPageIndex: 0, endPageIndex: document.pageCount-1});
+textLines.forEach((textLine: TextLine) => {
+  // Gets the bounds of the text line.
+  let lineBounds: Rectangle = textLine.bounds;
+});
 // Save the document
-document.save('Output.pdf');
-// Close the document
+document.save('output.pdf');
+// Destroy the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
-// Initialize a new instance of the PdfDataExtractor class
+// Initialize a new instance of the `PdfDataExtractor` class
 var extractor = new ej.pdfdataextract.PdfDataExtractor(document);
-// Extracts text from the PDF Page based on its line
-var textCollection = extractor.extractTextLines({ startPageIndex: 0, endPageIndex: document.pageCount - 1 });
+// Extract `TextLine` from the PDF document.
+var textLines = extractor.extractTextLines({ startPageIndex: 0, endPageIndex: document.pageCount-1});
+textLines.forEach((textLine) => {
+  // Gets the bounds of the text line.
+  var lineBounds = textLine.bounds;
+});
 // Save the document
-document.save('Output.pdf');
-// Close the document
+document.save('output.pdf');
+// Destroy the document
 document.destroy();
 
 {% endhighlight %}
@@ -162,89 +178,64 @@ This example demonstrates how to extract words from a PDF document using the `ex
 {% tabs %}
 {% highlight typescript tabtitle="TypeScript" %}
 import { PdfDocument } from '@syncfusion/ej2-pdf';
-import { PdfDataExtractor, TextLine, TextWord } from '@syncfusion/ej2-pdf-data-extract';
+import { PdfDataExtractor, TextLine, TextWord, PdfFontStyle } from '@syncfusion/ej2-pdf-data-extract';
 
 // Load an existing PDF document
 let document: PdfDocument = new PdfDocument(data);
-// Create a PdfDataExtractor instance for the given PDF document
+// Initialize a new instance of the `PdfDataExtractor` class
 let extractor: PdfDataExtractor = new PdfDataExtractor(document);
-// Extract text lines from all pages in the document
-let textCollection: TextLine[] = extractor.extractTextLines({
-      startPageIndex: 0,
-  endPageIndex: document.pageCount - 1
+// Extract `TextLine` from the PDF document.
+let textLines: Array<TextLine> = extractor.extractTextLines({ startPageIndex: 0, endPageIndex: document.pageCount-1});
+textLines.forEach((textLine: TextLine) => {
+    textLine.words.forEach((textWord: TextWord) => {
+        // Gets the bounds of the text word.
+        let wordBounds: Rectangle = textWord.bounds;
+        // Gets the single word of extracted text from the PDF page.
+        let word: string = textWord.text;
+        // Gets the collection of text glyphs extracted from a specified page in a PDF document.
+        let glyphs: TextGlyph[] = textWord.glyphs;
+        // Gets the name of the font used for a particular word.
+        let wordFontName: string = textWord.fontName;
+        // Gets the style of the font used for a particular word.
+        let wordFontStyle: PdfFontStyle = textWord.fontStyle;
+        // Gets the size of the font used for a particular word.
+        let wordFontSize: number = textWord.fontSize;
     });
-let page: PdfPage;
-// Iterate through each extracted text line
-for (let i: number = 0; i < textCollection.length; i++)
-{
-    // Get the page corresponding to the current text line
-    page = document.getPage(textCollection[i].pageIndex);
-    // Retrieve all words from the current text line
-    let wordCollection: TextWord[] = textCollection[i].words;
-    // Iterate through each word in the line
-    for (let j: number = 0; j < wordCollection.length; j++)
-    {
-        let word: TextWord = wordCollection[j];
-        if (word)
-        {
-            // Iterate through each glyph (character shape) in the word
-            for (let k: number = 0; k < word.glyphs.length; k++)
-            {
-                let glyph: TextGlyph = word.glyphs[k];
-                // Draw a rectangle around the glyph's bounding box on the page
-                page.graphics.drawRectangle(
-                    glyph.bounds[0], // X-coordinate
-                    glyph.bounds[1], // Y-coordinate
-                    glyph.bounds[2], // Width
-                    glyph.bounds[3], // Height
-                    new PdfPen([238, 130, 238], 1) // Violet-colored pen with thickness 1
-                );
-            }
-        }
-    }
-}
+});
 // Save the document
-document.save('Output.pdf');
-// Close the document
-document.destroy();
+document.save('output.pdf');
+// Destroy the document
+document.destroy(); 
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
-// Create a PdfDataExtractor instance for the given PDF document
+// Initialize a new instance of the `PdfDataExtractor` class
 var extractor = new ej.pdfdataextract.PdfDataExtractor(document);
-// Extract text lines from all pages in the document
-var textCollection = extractor.extractTextLines({
-  startPageIndex: 0,
-  endPageIndex: document.pageCount - 1
+// Extract `TextLine` from the PDF document.
+var textLines = extractor.extractTextLines({ startPageIndex: 0, endPageIndex: document.pageCount-1});
+textLines.forEach((textLine) => {
+    textLine.words.forEach((textWord) => {
+        // Gets the bounds of the text word.
+        var wordBounds = textWord.bounds;
+        // Gets the single word of extracted text from the PDF page.
+        var word = textWord.text;
+        // Gets the collection of text glyphs extracted from a specified page in a PDF document.
+        var glyphs = textWord.glyphs;
+        // Gets the name of the font used for a particular word.
+        var wordFontName = textWord.fontName;
+        // Gets the style of the font used for a particular word.
+        var wordFontStyle = textWord.fontStyle;
+        // Gets the size of the font used for a particular word.
+        var wordFontSize = textWord.fontSize;
+    });
 });
-var page;
-// Iterate through each extracted text line
-for (var i = 0; i < textCollection.length; i++) {
-  // Get the page corresponding to the current text line
-  page = document.getPage(textCollection[i].pageIndex);
-  // Retrieve all words from the current text line
-  var wordCollection = textCollection[i].words;
-  // Iterate through each word in the line
-  for (var j = 0; j < wordCollection.length; j++) {
-    var word = wordCollection[j];
-    if (word) {
-      // Iterate through each glyph (character shape) in the word
-      for (var k = 0; k < word.glyphs.length; k++) {
-        var glyph = word.glyphs[k];
-        // Draw a rectangle around the glyph's bounding box on the page
-        page.graphics.drawRectangle(
-          { x: glyph.bounds[0], y: glyph.bounds[1], width: glyph.bounds[2], height: glyph.bounds[3] },
-          new ej.pdf.PdfPen({ r: 238, g: 130, b: 238 }, 1) // Violet-colored pen with thickness 1
-        );
-      }
-    }
-  }
-}
 // Save the document
-document.save('Output.pdf');
-// Close the document
-document.destroy();
+document.save('output.pdf');
+// Destroy the document
+document.destroy(); 
 
 {% endhighlight %}
 {% endtabs %}
@@ -256,90 +247,72 @@ You can retrieve a single character and its properties, including bounds, font n
 {% tabs %}
 {% highlight typescript tabtitle="TypeScript" %}
 import { PdfDocument } from '@syncfusion/ej2-pdf';
-import { PdfDataExtractor, TextLine, TextWord } from '@syncfusion/ej2-pdf-data-extract';
+import { PdfDataExtractor, TextLine, TextWord, PdfFontStyle } from '@syncfusion/ej2-pdf-data-extract';
 
-// Load the existing PDF document
+// Load an existing PDF document
 let document: PdfDocument = new PdfDocument(data);
-// Create a PdfDataExtractor instance for the given PDF document
+// Initialize a new instance of the `PdfDataExtractor` class
 let extractor: PdfDataExtractor = new PdfDataExtractor(document);
-// Extract text lines only from the first page (index 0)
-let lineCollection: TextLine[] = extractor.extractTextLines({
-  startPageIndex: 0,
-  endPageIndex: 0
+// Extract `TextLine` from the PDF document.
+let textLines: Array<TextLine> = extractor.extractTextLines({ startPageIndex: 0, endPageIndex: document.pageCount-1});
+textLines.forEach((textLine: TextLine) => {
+    textLine.words.forEach((textWord: TextWord) => {
+        textWord.glyphs.forEach((textGlyph: TextGlyph) => {
+            // Gets the bounds of the text glyph
+            let glyphBounds: Rectangle = textGlyph.bounds;
+            // Gets the single character of extracted text from the PDF page.
+            let character: string = textGlyph.text;
+            // Gets the font size used for a particular character of the text.
+            let fontSize: number = textGlyph.fontSize;
+            // Gets the name of the font used for a particular character of the text.
+            let fontName: string = textGlyph.fontName;
+            // Gets the font style used for a particular character of the text.
+            let fontStyle: PdfFontStyle = textGlyph.fontStyle;
+            // Gets the text color of the text glyph.
+            let color: PdfColor = textGlyph.color;
+            // Gets the value indicating whether the glyph is rotated or not.
+            let isRotated: boolean = textGlyph.isRotated;
+        });
+  });
 });
-// Get the first line
-let line: TextLine = lineCollection[0];
-// Get the collection of words in the first line
-let textWordCollection: TextWord[] = line.words;
-// Get the first word
-let textWord: TextWord = textWordCollection[0];
-// Get glyph details of the first word
-let textGlyphCollection: TextGlyph[] = textWord.glyphs;
-// Get the first glyph
-let textGlyph: TextGlyph = textGlyphCollection[0];
-// ---- Glyph properties ----
-// Bounds of the character (x, y, width, height)
-let glyphBounds = {
-  x: textGlyph.bounds[0],
-  y: textGlyph.bounds[1],
-  width: textGlyph.bounds[2],
-  height: textGlyph.bounds[3]
-};
-// Font name of the character
-let glyphFontName: string = textGlyph.fontName;
-// Font size of the character
-let glyphFontSize: number = textGlyph.fontSize;
-// Font style of the character (e.g., PdfFontStyle.regular/bold/italic)
-let glyphFontStyle: PdfFontStyle = textGlyph.fontStyle;
-// The character itself
-let glyphText: string = textGlyph.text;
-// The color of the character (typically RGB)
-let glyphColor = textGlyph.textColor;
-// Save and close
-document.save('Output.pdf');
+// Save the document
+document.save('output.pdf');
+// Destroy the document
 document.destroy();
 
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
-// Load the existing PDF document
+
+// Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
-// Create a PdfDataExtractor instance for the given PDF document
-var extractor = new ej.pdf.PdfDataExtractor(document);
-// Extract text lines only from the first page (index 0)
-var lineCollection = extractor.extractTextLines({
-  startPageIndex: 0,
-  endPageIndex: 0
+// Initialize a new instance of the `PdfDataExtractor` class
+var extractor = new ej.pdfdataextract.PdfDataExtractor(document);
+// Extract `TextLine` from the PDF document.
+var textLines = extractor.extractTextLines({ startPageIndex: 0, endPageIndex: document.pageCount-1});
+textLines.forEach((textLine) => {
+    textLine.words.forEach((textWord) => {
+        textWord.glyphs.forEach((textGlyph) => {
+            // Gets the bounds of the text glyph
+            var glyphBounds = textGlyph.bounds;
+            // Gets the single character of extracted text from the PDF page.
+            var character = textGlyph.text;
+            // Gets the font size used for a particular character of the text.
+            var fontSize = textGlyph.fontSize;
+            // Gets the name of the font used for a particular character of the text.
+            var fontName = textGlyph.fontName;
+            // Gets the font style used for a particular character of the text.
+            var fontStyle = textGlyph.fontStyle;
+            // Gets the text color of the text glyph.
+            var color = textGlyph.color;
+            // Gets the value indicating whether the glyph is rotated or not.
+            var isRotated = textGlyph.isRotated;
+        });
+  });
 });
-// Get the first line
-var line = lineCollection[0];
-// Get the collection of words in the first line
-var textWordCollection = line.words;
-// Get the first word
-var textWord = textWordCollection[0];
-// Get glyph details of the first word
-var textGlyphCollection = textWord.glyphs;
-// Get the first glyph
-var textGlyph = textGlyphCollection[0];
-// ---- Glyph properties ----
-// Bounds of the character (x, y, width, height)
-var glyphBounds = {
-  x: textGlyph.bounds[0],
-  y: textGlyph.bounds[1],
-  width: textGlyph.bounds[2],
-  height: textGlyph.bounds[3]
-};
-// Font name of the character
-var glyphFontName = textGlyph.fontName;
-// Font size of the character
-var glyphFontSize = textGlyph.fontSize;
-// Font style of the character (e.g., PdfFontStyle.regular/bold/italic)
-var glyphFontStyle = textGlyph.fontStyle;
-// The character itself
-var glyphText = textGlyph.text;
-// The color of the character (typically RGB)
-var glyphColor = textGlyph.textColor;
-// Save and close
-document.save('Output.pdf');
+// Save the document
+document.save('output.pdf');
+// Destroy the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Library/javascript/Text.md b/Document-Processing/PDF/PDF-Library/javascript/Text.md
index a338d0076..b9d101a84 100644
--- a/Document-Processing/PDF/PDF-Library/javascript/Text.md
+++ b/Document-Processing/PDF/PDF-Library/javascript/Text.md
@@ -183,7 +183,7 @@ document.destroy();
 {% endhighlight %}
 {% endtabs %}
 
-### Draw Text using TrueType fonts
+### Draw text using TrueType fonts
 
 This example demonstrates how to draw text using TrueType fonts in a PDF document by utilizing the `drawString` method of the `PdfGraphics` class along with a `PdfTrueTypeFont` instance. The TrueType font provides enhanced text rendering with support for custom font styles.
 
@@ -195,7 +195,7 @@ import { PdfDocument, PdfPage, PdfTrueTypeFont, PdfBrush } from '@syncfusion/ej2
 let document: PdfDocument = new PdfDocument();
 // Add a page
 let page: PdfPage = document.addPage();
-// Set font
+// Embed a TTF font into the PDF
 let font: PdfTrueTypeFont = document.embedFont(data, 10);
 // Draw text
 page.graphics.drawString('Hello World', font, { x: 10, y: 20, width: 100, height: 200}, new PdfBrush({r: 0, g: 0, b: 255}));
@@ -209,7 +209,7 @@ document.destroy();
 var document = new ej.pdf.PdfDocument();
 // Add a page
 var page = document.addPage();
-// Set font
+// Embed a TTF font into the PDF
 var font = document.embedFont(data, 10);
 // Draw text
 page.graphics.drawString('Hello World', font, { x: 10, y: 20, width: 100, height: 200 }, new ej.pdf.PdfBrush({ r: 0, g: 0, b: 255 }));
@@ -302,7 +302,7 @@ document.destroy();
 {% endhighlight %}
 {% endtabs %}
 
-## LineLimit, ClipPath, NoClip properties in PdfStringFormat
+## LineLimit, NoClip properties in PdfStringFormat
 
 **LineLimit:** When LineLimit is enabled, the provided string will be laid out within the specified bounds. If the LineLimit property is disabled, the layout will continue to fill any remaining space. The default value of the LineLimit property is true.
 
diff --git a/Document-Processing/PDF/PDF-Library/javascript/Watermarks.md b/Document-Processing/PDF/PDF-Library/javascript/Watermarks.md
index 657f350b9..6568c6d59 100644
--- a/Document-Processing/PDF/PDF-Library/javascript/Watermarks.md
+++ b/Document-Processing/PDF/PDF-Library/javascript/Watermarks.md
@@ -31,7 +31,6 @@ let state: PdfGraphicsState = graphics.save();
 graphics.setTransparency(0.25);
 // Set the rotate transform
 graphics.rotateTransform(-45);
-graphics.drawImage
 // Draw the string
 graphics.drawString('Created by Syncfusion PDF', font, {x: 10, y: 20, width: 100, height: 200}, new PdfBrush({r: 0, g: 0, b: 255}));
 // Restore the graphics state
@@ -40,8 +39,10 @@ graphics.restore(state);
 document.save('output.pdf');
 // Destroy the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument();
 // Access first page
@@ -56,7 +57,6 @@ var state = graphics.save();
 graphics.setTransparency(0.25);
 // Set the rotate transform
 graphics.rotateTransform(-45);
-graphics.drawImage
 // Draw the string
 graphics.drawString('Created by Syncfusion PDF', font, {x: 10, y: 20, width: 100, height: 200}, new ej.pdf.({r: 0, g: 0, b: 255}));
 // Restore the graphics state
@@ -65,6 +65,7 @@ graphics.restore(state);
 document.save('output.pdf');
 // Destroy the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
 
@@ -97,8 +98,10 @@ graphics.restore(state);
 document.save('output.pdf');
 // Destroy the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
 // Access first page
@@ -122,12 +125,13 @@ graphics.restore(state);
 document.save('output.pdf');
 // Destroy the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
 
 ## Adding image watermark in PDF document
 
-This example demonstrates how to add a image watermark using standard fonts in a PDF document by utilizing the `drawImage` method of the `PdfGraphics` class along with predefined font types from the `PdfStandardFont` class. The transparency can be applied to the images using `setTransparency` method.
+This example demonstrates how to add a image watermark using standard fonts in a PDF document by utilizing the `drawImage` method of the `PdfGraphics` class. The transparency can be applied to the images using `setTransparency` method.
 
 {% tabs %}
 {% highlight typescript tabtitle="TypeScript" %}
@@ -153,8 +157,10 @@ graphics.restore(state);
 document.save('output.pdf');
 // Destroy the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument();
 // Access the first page
@@ -204,8 +210,10 @@ graphics.restore(state);
 document.save('output.pdf');
 // Destroy the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
 // Access first page
@@ -229,7 +237,7 @@ document.destroy();
 {% endhighlight %}
 {% endtabs %}
 
-## Adding Watermark Annotation
+## Adding watermark annotation
 
 This example demonstrates how to add a text watermark to an existing PDF document using the `PdfWatermarkAnnotation` class. The annotation allows you to specify the watermark text, color, opacity, and position to visually mark the document as confidential or draft.
 
@@ -251,8 +259,10 @@ let annotation: PdfWatermarkAnnotation = new PdfWatermarkAnnotation('CONFIDENTIA
 page.annotations.add(watermark);
 // Destroy the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument();
 // Add a new page (first page)
@@ -295,8 +305,10 @@ let annotation: PdfWatermarkAnnotation = new PdfWatermarkAnnotation('WaterMark',
 page.annotations.add(watermark);
 // Destroy the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
 // Get the first page
@@ -314,42 +326,46 @@ document.destroy();
 {% endhighlight %}
 {% endtabs %}
 
-## Removing Watermark Annotation
+## Removing watermark annotation
 
 Remove a watermark annotation from the page's annotation collection using the `PdfAnnotationCollection` of the loaded page. The following example demonstrates how to achieve this.
 
 {% tabs %}
 {% highlight typescript tabtitle="TypeScript" %}
-import { PdfDocument, PdfPage, PdfAnnotationCollection, PdfWatermarkAnnotation} from '@syncfusion/ej2-pdf';
+import { PdfDocument, PdfPage, PdfAnnotation} from '@syncfusion/ej2-pdf';
 
 // Load an existing PDF document
 let document: PdfDocument = new PdfDocument(data);
 // Access first page
 let page: PdfPage = document.getPage(0);
-// Check if the first annotation is a watermark, then remove it
-let annotation: PdfAnnotationCollection = page.annotations[0];
-if (annotation instanceof PdfWatermarkAnnotation) {
-  // Remove the watermark annotation
-  page.annotations.removeAt(0);
-}
+// Get the first annotation is a watermark
+let annotation: PdfAnnotation = page.annotations.at(0);
+// Remove an annotation
+page.annotations.remove(annotation);
+// Removes an annotation from the page at the specified index
+page.annotations.removeAt(1);
 // Save the document
 document.save('output.pdf');
 // Destroy the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
 // Access first page
 var page = document.getPage(0);
-// Check if the first annotation is a watermark, then remove it
-var annotation = page.annotations[0];
-if (annotation instanceof ej.pdf.PdfWatermarkAnnotation){
-page.annotations.removeAt(0);
-}
+// Get the first annotation is a watermark
+var annotation = page.annotations.at(0);
+// Remove an annotation
+page.annotations.remove(annotation);
+// Removes an annotation from the page at the specified index
+page.annotations.removeAt(1);
 // Save the document
 document.save('output.pdf');
 // Destroy the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
\ No newline at end of file