999358-hotfix: Resolved the all feedback.

Author: sameerkhan001

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

@@ -7,28 +7,28 @@ 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();
 
@@ -37,42 +37,42 @@ document.destroy();
 
 // 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 %}
 
-## 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);
 // Get the first page
 let page: PdfPage = document.getPage(0) as PdfPage;
 // Get the bookmarks
 let bookmarks: PdfBookmarkBase = document.bookmarks;
-// Add a new bookmark at the specified page index
+// 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();
 
@@ -85,23 +85,23 @@ var document = new ej.pdf.PdfDocument(data);
 var page = document.getPage(0);
 // Get the bookmarks
 var bookmarks = document.bookmarks;
-// Add a new bookmark at the specified page index
+// 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
@@ -113,7 +113,7 @@ 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();
 
@@ -129,31 +129,29 @@ 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();
 
@@ -162,26 +160,24 @@ document.destroy();
 
 // 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
@@ -190,10 +186,10 @@ 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();
 
@@ -206,32 +202,34 @@ var document = new ej.pdf.PdfDocument(data);
 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();
 
@@ -247,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();
 

Document-Processing/PDF/PDF-Library/javascript/Bookmarks.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.
 
@@ -46,12 +46,12 @@ 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 public/js/openjpeg
+cp -R ./node_modules/@syncfusion/ej2-pdf-data-extract/dist/openjpeg ./src/assets/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.
+* 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.
 
@@ -72,7 +72,7 @@ cp -R ./node_modules/@syncfusion/ej2-pdf-data-extract/dist/openjpeg public/js/op
 
 {% 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 %}
 
@@ -88,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
@@ -105,7 +105,7 @@ document.getElementById('normalButton').onclick = (): void => {
 
 Use the following command to run the application in browser.
 
-```javascript
+```bash
 ng serve --open
 ```
 

Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-angular.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" %}
@@ -41,10 +41,10 @@ N> Check out the following topics for including script references in an ASP.NET
 *   [CRG](https://ej2.syncfusion.com/aspnetcore/documentation/common/custom-resource-generator)
 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.