From 8277db2f5eea71da4929e49980f71f9420cba775 Mon Sep 17 00:00:00 2001
From: "AzureAD\\DhakshinPrasathDhanr" <DhakshinPrasathDhanr>
Date: Thu, 16 Jul 2026 16:51:27 +0530
Subject: [PATCH 1/3] Task(1041294): Review the JavaScript PDF Library UG
 documentation Getting Started pages with AI

---
 .../javascript/Create-PDF-document-angular.md | 158 +++++++++---
 .../Create-PDF-document-asp-net-core.md       | 128 +++++++---
 .../Create-PDF-document-asp-net-mvc.md        | 155 +++++++++---
 .../Create-PDF-document-javascript.md         | 190 +++++++++++---
 .../javascript/Create-PDF-document-node-js.md | 165 +++++++++---
 .../javascript/Create-PDF-document-react.md   | 185 +++++++++++---
 .../Create-PDF-document-typescript.md         | 176 +++++++++++--
 .../javascript/Create-PDF-document-vue.md     | 239 ++++++++++++++----
 8 files changed, 1099 insertions(+), 297 deletions(-)

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 96de970ec8..ff790ff08a 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
@@ -1,73 +1,120 @@
 ---
 layout: post
-title: Create or Generate PDF file in Angular | Syncfusion
-description: Learn how to create a PDF file in Angular with easy steps using JavaScript PDF Library without depending on Adobe
+title: Create or Generate a PDF File in an Angular Application | Syncfusion
+description: Learn how to create a PDF file in an Angular application with easy steps using the JavaScript PDF Library without depending on Adobe.
 platform: document-processing
 control: PDF
 documentation: ug
-keywords: angular create pdf, angular generate pdf, angular pdf library, ej2 pdf angular, JavaScript
+keywords: angular create pdf, angular generate pdf, angular pdf library, ej2 pdf angular, javascript
+canonical_url: https://help.syncfusion.com/document-processing/pdf/pdf-library/javascript/create-pdf-document-angular
 ---
 
-# Create or Generate PDF file in Angular application
+# Create or Generate a PDF File in an Angular Application
 
-The [JavaScript PDF Library](https://www.syncfusion.com/document-sdk/javascript-pdf-library) is used to create, read, and edit PDF documents. The [JavaScript PDF Library](https://www.syncfusion.com/document-sdk/javascript-pdf-library) also offers functionality to merge, split, stamp, fill forms, and secure PDF files.
+The [JavaScript PDF Library](https://www.syncfusion.com/document-sdk/javascript-pdf-library) is used to create, read, and edit PDF documents. The [JavaScript PDF Library](https://www.syncfusion.com/document-sdk/javascript-pdf-library) also offers functionality to merge, split, stamp, fill PDF forms, and secure PDF files.
 
-This guide explains how to integrate the [JavaScript PDF Library](https://www.syncfusion.com/document-sdk/javascript-pdf-library) into an Angular application.
+This guide explains how to integrate the [JavaScript PDF Library](https://www.syncfusion.com/document-sdk/javascript-pdf-library) into an Angular application that runs in the browser. The generated PDF is downloaded directly from the browser; no server-side PDF rendering is involved.
 
-## Setup Angular Environment
+## Prerequisites
 
-You can use the [Angular CLI](https://github.com/angular/angular-cli) to setup your Angular applications.
-To install the latest Angular CLI globally use the following command.
+Before you begin, make sure you have the following installed:
+
+- Angular 20 or later.
+- Node.js 18 or later.
+- npm 9 or later, or Yarn 1.22 or later.
+- Visual Studio Code or another code editor.
+- A supported browser such as the latest versions of Microsoft Edge, Google Chrome, or Mozilla Firefox.
+
+To verify your Node.js and npm versions, run the following commands:
 
 ```bash
-npm install -g @angular/cli
+node --version
+npm --version
 ```
 
-N> To install a specific Angular CLI version, use: **npm install --save @angular/cli@12.0.2**
+## Project Setup
+
+This guide includes all the steps needed to create and run the sample in an Angular application. You can either create a new project or use an existing one.
+
+### Option A: Create a New Angular Project
+
+If you do not have an Angular project, create one by using the Angular CLI:
+
+```bash
+npm install -g @angular/cli
+ng new my-pdf-app
+cd my-pdf-app
+```
 
-## Create an Angular Application
+### Option B: Use an Existing Angular Project
 
-Start a new Angular application using the Angular CLI command as follows.
+If you already have an Angular project, open its root folder and continue with the package installation steps:
 
 ```bash
-ng new my-app
-cd my-app
+cd path/to/your-existing-app
 ```
 
-## Installing JavaScript PDF package
+## Installing the JavaScript PDF Library package
 
-All Syncfusion<sup>&reg;</sup> JS 2 packages are published in `npmjs.com` registry.
+All Syncfusion<sup>&reg;</sup> JS 2 packages are published in `npmjs.com` registry. The `npm install` command below resolves `@syncfusion/ej2-pdf` to the latest stable version that is compatible with Angular 20 or later.
 
-* To install PDF component, use the following command.
+* To install the [JavaScript PDF Library](https://www.syncfusion.com/document-sdk/javascript-pdf-library), use the following command.
 
 ```bash
 npm install @syncfusion/ej2-pdf --save
 ```
-N> For image and data extraction features, you need to install the `@syncfusion/ej2-pdf-data-extract` package as an add-on.
-* Copy the `ej2-pdf-lib` folder from the @syncfusion/ej2-pdf-data-extract package into your project's **public, dist, or assets** directory (where your static files are served).
-* Make sure the `ej2-pdf-lib` folder exists in your final build output if you need to extract images or data from PDF files.
-* Ensure your server serves .wasm files with the **Content-Type: application/wasm** MIME type.
-(Angular’s development server already handles this; configure production servers manually.)
-* This setup is not required for **basic PDF creation**.
 
-## Create a PDF document
+* If you prefer Yarn, use the following command.
+
+```bash
+yarn add @syncfusion/ej2-pdf
+```
+
+N> For image and data extraction features, you need to install the `@syncfusion/ej2-pdf-data-extract` package as an add-on. Note the following:
+- Copy the `ej2-pdf-lib` folder from the `@syncfusion/ej2-pdf-data-extract` package into your project's **public**, **dist**, or **assets** directory (wherever your static files are served).
+- Make sure the `ej2-pdf-lib` folder exists in your final build output if you need to extract images or data from PDF files.
+- Ensure your server serves `.wasm` files with the **Content-Type: application/wasm** MIME type. Angular's development server already handles this; configure production servers manually.
+- This setup is not required for **basic PDF creation**.
+
+## Add the Syncfusion License Key
+
+If your project requires a Syncfusion license, register the license key before using the PDF API. Add the license registration code in your startup file, such as `main.ts`.
 
-* 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.
+```ts
+import { registerLicense } from '@syncfusion/ej2-base';
+
+registerLicense('YOUR_LICENSE_KEY');
+```
+
+Replace `YOUR_LICENSE_KEY` with the key from your Syncfusion account. For more information, see the [Syncfusion licensing documentation](https://help.syncfusion.com/document-processing/licensing/overview).
+
+## Browser and Environment Compatibility
+
+| Environment | Supported version |
+| --- | --- |
+| Angular | 20 or later |
+| Node.js | 18.x or later |
+| TypeScript | Installed with Angular |
+| Visual Studio Code | Latest version recommended |
+| Chrome | Latest two major versions |
+| Edge | Latest two major versions |
+| Firefox | Latest two major versions |
+
+> For server-side rendering or Angular Universal, create the PDF document only in browser execution paths. The sample in this guide uses a click handler that runs in the browser, so no additional lifecycle handling is required.
+
+## Create a PDF Document
+
+Add a button to the Angular template and attach a click handler that uses the [JavaScript PDF Library](https://www.syncfusion.com/document-sdk/javascript-pdf-library) to create a new PDF document.
+
+* Add the following button to `app.component.html`.
 
 {% tabs %}
 {% highlight html tabtitle="app.component.html" %}
-<html>
-  <head>
-    <title>PDF creation example</title>
-  </head>
-  <body>
-    <button id="normalButton">Create PDF document</button>
-  </body>
-</html>
+<button id="normalButton">Create PDF document</button>
 {% endhighlight %}
 {% endtabs %}
 
-* Include the following namespaces in `app.component.ts` file.
+* Include the following namespaces in `app.component.ts`.
 
 {% tabs %}
 {% highlight ts tabtitle="~/app.component.ts" %}
@@ -75,7 +122,7 @@ import { PdfDocument, PdfGraphics, PdfPage, PdfFontFamily, PdfFontStyle, PdfFont
 {% endhighlight %}
 {% endtabs %}
 
-* Include the following code example in the click event of the button in `app.component.ts` to generate a PDF document. 
+* Include the following code in the click event of the button in `app.component.ts` to generate a PDF document.
 
 {% tabs %}
 {% highlight ts tabtitle="app.component.ts" %}
@@ -100,14 +147,45 @@ document.getElementById('normalButton').onclick = (): void => {
 {% endhighlight %}
 {% endtabs %}
 
-## Run the application
+## Code Explanation
+
+- `PdfDocument` — creates a new PDF document instance.
+- `addPage()` — appends a blank page to the document and returns the `PdfPage` object.
+- `page.graphics` — returns the `PdfGraphics` drawing surface for the page.
+- `embedFont(family, size, style)` — embeds one of the standard PDF font families (here, Helvetica 36pt regular) and returns a `PdfFont` object.
+- `new PdfBrush({ r, g, b })` — creates a solid color brush from an RGB object (each channel `0`-`255`); here, black.
+- `drawString(text, font, layoutRect, brush)` — draws the text inside the rectangle defined by `x`, `y`, `width`, and `height`.
+- `save('Output.pdf')` — saves the PDF and triggers a browser download with the specified file name. The file is sent to the browser's default downloads folder.
+- `destroy()` — releases native resources held by the document.
 
-Use the following command to run the application in browser.
+## Run the Application
+
+Use the following command to run the application in the browser:
 
 ```bash
 ng serve --open
 ```
 
-By executing the program, you will get the PDF document as follows.
+When you click **Create PDF document**, the PDF file is generated in the browser and downloaded as `Output.pdf` to your default downloads folder.
+
+![Output PDF document](Getting_started_images/Output.png)
+
+## Troubleshooting
+
+| Problem | Cause | Resolution |
+|---|---|---|
+| `TS2304: Cannot find name 'PdfDocument'` (or similar) | The import line is missing or the package is not installed | Confirm `npm install @syncfusion/ej2-pdf` ran successfully and that the import is in `app.component.ts` |
+| `Error: Cannot find module '@syncfusion/ej2-pdf'` | The package is not installed | Run `npm install @syncfusion/ej2-pdf --save` |
+| `ReferenceError: document is not defined` during build | The PDF code ran during server-side rendering | Move the PDF generation into a click handler or another browser-only lifecycle hook |
+| Button click does nothing | The button ID does not match the ID used in `getElementById` | Confirm the button's `id` is `normalButton` |
+| PDF file does not download | The browser blocks the download | Check the browser's download settings and the downloads folder |
+| Build fails with TypeScript errors | The Angular TypeScript version is incompatible with the PDF package | Update Angular to 20 or later and run `npm install` again |
+| `registerLicense` warning at runtime | The license key is missing or invalid | Confirm the key is set in `main.ts` and is the correct key for your Syncfusion account |
+
+## Additional Resources
 
-![Output PDF document](Getting_started_images/Output.png)
\ No newline at end of file
+- [JavaScript PDF Library](https://www.syncfusion.com/document-sdk/javascript-pdf-library)
+- [JavaScript PDF Library documentation](https://help.syncfusion.com/document-processing/pdf/pdf-library/javascript/overview)
+- [JavaScript PDF Library API reference](https://ej2.syncfusion.com/documentation/api/pdf)
+- [JavaScript PDF Library examples](https://document.syncfusion.com/demos/pdf/angular/#/fluent2/pdf/default)
+- [Syncfusion licensing documentation](https://help.syncfusion.com/document-processing/licensing/overview)
\ No newline at end of file
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 211af02fc7..113bd3834d 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
@@ -1,30 +1,52 @@
 ---
 layout: post
-title: Create or Generate PDF in ASP.NET Core | Syncfusion
-description: Learn how to create or generate a PDF file in ASP.NET Core applications with easy steps using JavaScript PDF Library without depending on Adobe.
+title: Create or Generate a PDF in ASP.NET Core | Syncfusion
+description: Learn how to create or generate a PDF file in an ASP.NET Core application with easy steps using the JavaScript PDF Library without depending on Adobe.
 platform: document-processing
 control: PDF
 documentation: ug
 keywords: .net core create pdf, edit pdf, merge, pdf form, fill form, digital sign, table, javascript, dotnet core pdf, asp generate pdf, aspx generate pdf
+canonical_url: https://help.syncfusion.com/document-processing/pdf/pdf-library/javascript/create-pdf-document-asp-net-core
 ---
 
-# Create or Generate PDF in ASP.NET Core
+# Create or Generate a PDF in ASP.NET Core
 
 The [JavaScript PDF Library](https://www.syncfusion.com/document-sdk/javascript-pdf-library) is used to create, read, and edit PDF documents. The [JavaScript PDF Library](https://www.syncfusion.com/document-sdk/javascript-pdf-library) also offers functionality to merge, split, stamp, fill forms, and secure PDF files.
 
-This guide explains how to integrate the [JavaScript PDF Library](https://www.syncfusion.com/document-sdk/javascript-pdf-library) into an ASP.NET Core application.
+This guide explains how to integrate the [JavaScript PDF Library](https://www.syncfusion.com/document-sdk/javascript-pdf-library) into an ASP.NET Core application. The PDF is generated **client-side in the browser** using the Syncfusion JavaScript PDF Library loaded from a CDN; ASP.NET Core is used to host the page that triggers the download.
+
+## Prerequisites
+
+Before you begin, make sure you have the following installed:
+
+- Visual Studio 2022 (any edition) with the **ASP.NET and web development** workload.
+- .NET SDK 8.0 (LTS) or 9.0.
+- An active internet connection (the sample loads the JavaScript PDF Library from the Syncfusion CDN).
+- A supported browser such as the latest versions of Microsoft Edge, Google Chrome, or Mozilla Firefox.
+
+To verify your .NET SDK version, run:
+
+```bash
+dotnet --version
+```
 
 ## 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**.
+
 ![ASP.NET Core PDF creation1](Getting_started_images/Asp-net-core-creation1.png)
+
 Step 3: In the **Configure your new project** dialog, enter the project name and select **Next**.
+
 ![ASP.NET Core PDF creation2](Getting_started_images/Asp-net-core-creation2.png)
-Step 4: In the **Additional information** dialog, select a .NET LTS version (for example, **.NET 8.0 (Long-term Support)**) and then select **Create**.
+
+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 the script reference: open `~/Views/Shared/_Layout.cshtml` and add the Syncfusion CDN reference inside the `<head>` element. Also confirm that the layout contains `@await RenderSectionAsync("Scripts", required: false)` so the `@section Scripts` block in Step 6 can render.
 
 {% tabs %}
 {% highlight cshtml tabtitle="~/_Layout.cshtml" %}
@@ -32,17 +54,19 @@ Step 5: **Add script reference**: Add the required scripts using the CDN inside
     <!-- JavaScript PDF Library (CDN) -->
     <script src="https://cdn.syncfusion.com/ej2/31.2.15/dist/ej2.min.js"></script>
 </head>
+<body>
+    @RenderBody()
+    @await RenderSectionAsync("Scripts", required: false)
+</body>
 {% endhighlight %}
 {% endtabs %}
 
 N> Check out the following topics for including script references in an ASP.NET Core application to enable PDF creation using the [JavaScript PDF Library](https://www.syncfusion.com/document-sdk/javascript-pdf-library):
-*   [CDN](https://ej2.syncfusion.com/aspnetcore/documentation/common/adding-script-references#cdn-reference)
-*   [NPM Package](https://ej2.syncfusion.com/aspnetcore/documentation/common/adding-script-references#node-package-manager-npm)
-*   [CRG](https://ej2.syncfusion.com/aspnetcore/documentation/common/custom-resource-generator)
-For image and data extraction features, you need to install the `@syncfusion/ej2-pdf-data-extract` package as an add-on.
-Ensure that your application includes an `ej2-pdf-lib` folder within a publicly accessible static directory (such as wwwroot, public, or dist). This folder must contain the required `.js` and `.wasm` files needed for image and data extraction.
+- [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)
 
-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: open `~/Views/Home/Index.cshtml` and add a button plus a click handler that uses the [JavaScript PDF Library](https://www.syncfusion.com/document-sdk/javascript-pdf-library) to generate a PDF in the browser.
 
 {% tabs %}
 {% highlight cshtml tabtitle="~/Views/Home/Index.cshtml" %}
@@ -54,32 +78,70 @@ Step 6: **Create a PDF document**: Add the script in `~/Views/Home/Index.cshtml`
 @section Scripts {
     <script>
         document.getElementById('btnCreatePdf').addEventListener('click', function () {
-        // Create a new PDF document
-        let pdf = new ej.pdf.PdfDocument();
-        // Add a new page
-        let page: ej.pdf.PdfPage = pdf.addPage();
-        // Get graphics from the page
-        let graphics: ej.pdf.PdfGraphics = page.graphics;
-        // Set font
-        let font: ej.pdf.PdfStandardFont = pdf.embedFont(ej.pdf.PdfFontFamily.helvetica, 36, ej.pdf.PdfFontStyle.regular);
-        // Create a new black brush
-        let brush = new ej.pdf.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');
-        // Destroy the PDF document instance
-        pdf.destroy();
-        });   
+            // Create a new PDF document
+            let pdf = new ej.pdf.PdfDocument();
+            // Add a new page
+            let page = pdf.addPage();
+            // Get graphics from the page
+            let graphics = page.graphics;
+            // Set font
+            let font = pdf.embedFont(ej.pdf.PdfFontFamily.helvetica, 36, ej.pdf.PdfFontStyle.regular);
+            // Create a new black brush
+            let brush = new ej.pdf.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 (client-side)
+            pdf.save('output.pdf');
+            // Destroy the PDF document instance
+            pdf.destroy();
+        });
     </script>
 }
 {% endhighlight %}
 {% endtabs %}
 
-step 7: **Build the project**: Click on Build > Build Solution or press Ctrl + Shift + B to build the project.
+## Code Explanation
+
+- `ej.pdf.PdfDocument` — creates a new PDF document instance. All PDF types are namespaced under `ej.pdf` when loaded from the Syncfusion CDN.
+- `addPage()` — appends a blank page to the document and returns the `PdfPage` object.
+- `page.graphics` — returns the `PdfGraphics` drawing surface for the page.
+- `embedFont(family, size, style)` — embeds one of the standard PDF font families (here, Helvetica 36pt regular) and returns a `PdfStandardFont` object.
+- `new ej.pdf.PdfBrush({ r, g, b })` — creates a solid color brush from an RGB object (each channel `0`-`255`); here, black.
+- `drawString(text, font, layoutRect, brush)` — draws the text inside the rectangle defined by `x`, `y`, `width`, and `height`.
+- `graphics.clientSize.width` — the writable width of the page in points.
+- `save('output.pdf')` — saves the PDF and **triggers a client-side browser download** with the specified file name. The file is sent to the browser's default downloads folder; nothing is written to the server.
+- `destroy()` — releases native resources held by the document.
+
+## Build and Run the Application
+
+Step 7: Build the project: click **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. Visual Studio launches the app in your default browser.
+
+After running the application, click **Generate PDF document**. The browser downloads `output.pdf`, which contains a single page with the text "Hello World!!!" drawn at the top-left.
+
+![ASP.NET Core PDF output](Getting_started_images/Output.png)
+
+## Additional Configuration
+
+N> For image and data extraction features, install the `@syncfusion/ej2-pdf-data-extract` package as an add-on (NPM approach), then copy the `ej2-pdf-lib` folder from `node_modules/@syncfusion/ej2-pdf-data-extract/dist/ej2-pdf-lib` into a publicly accessible location under `wwwroot/` (for example, `wwwroot/lib/ej2-pdf-lib/`). The folder must contain the required `.js` and `.wasm` files. This setup is not required for **basic PDF creation** as shown in this guide.
+
+## Troubleshooting
 
-Step 8: **Run the project**: Click the Start button (green arrow) or press F5 to run the app.
+| Problem | Cause | Resolution |
+|---|---|---|
+| `ej is not defined` in the browser console | The CDN script tag is missing or blocked | Confirm the `<script>` reference in `_Layout.cshtml` is reachable and not blocked by an ad blocker or network policy |
+| Button click does nothing | The click handler is rendered before the button exists, or `@section Scripts` is missing in the layout | Confirm `_Layout.cshtml` contains `@await RenderSectionAsync("Scripts", required: false)` |
+| `SyntaxError: Unexpected token ':'` | TypeScript annotations were left inside a plain `<script>` block | Remove the `: ej.pdf.PdfType` annotations; the script must be plain JavaScript |
+| `Failed to load resource: 404` on `ej2.min.js` | The CDN version path is incorrect or the network is restricted | Verify the CDN URL and internet access; switch to the [NPM](https://ej2.syncfusion.com/aspnetcore/documentation/common/adding-script-references#node-package-manager-npm) or [CRG](https://ej2.syncfusion.com/aspnetcore/documentation/common/custom-resource-generator) approach if the CDN is not reachable |
+| `output.pdf` does not download | The browser blocks the download | Check the browser's download settings and the downloads folder |
+| `WASM` or `.js` 404s for data extraction | The `ej2-pdf-lib` folder is not under `wwwroot/` | Copy the `ej2-pdf-lib` folder from the `@syncfusion/ej2-pdf-data-extract` package into `wwwroot/lib/` |
+| CDN version mismatch with NuGet/npm packages | The CDN version is out of sync with the installed Syncfusion packages | Use the same Syncfusion version across CDN and NuGet/npm packages |
 
-By executing the program, you will generate the following PDF document.
+## See Also
 
-![ASP.NET Core PDF output](Getting_started_images/Output.png)
\ No newline at end of file
+- [JavaScript PDF Library](https://www.syncfusion.com/document-sdk/javascript-pdf-library)
+- [JavaScript PDF Library documentation](https://help.syncfusion.com/document-processing/pdf/pdf-library/javascript/overview)
+- [JavaScript PDF Library API reference](https://ej2.syncfusion.com/documentation/api/pdf)
+- [JavaScript PDF Library examples](https://document.syncfusion.com/demos/javascriptpdf/default)
+- [Syncfusion licensing documentation](https://help.syncfusion.com/document-processing/licensing/overview)
\ No newline at end of file
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 5f5c117470..05acb501e7 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
@@ -1,30 +1,56 @@
 ---
 layout: post
-title: Create or Generate PDF file in ASP.NET Core MVC | Syncfusion
-description: Learn how to create a PDF file in ASP.NET Core MVC with easy steps using JavaScript PDF Library without depending on Adobe
+title: Create or Generate a PDF File in ASP.NET Core MVC | Syncfusion
+description: Learn how to create a PDF file in an ASP.NET Core MVC application with easy steps using the JavaScript PDF Library without requiring Adobe Acrobat.
 platform: document-processing
 control: PDF
 documentation: ug
-keywords: MVC, javascript, pdf
+keywords: mvc, asp.net core mvc, javascript, pdf
+canonical_url: https://help.syncfusion.com/document-processing/pdf/pdf-library/javascript/create-pdf-document-asp-net-mvc
 ---
 
-# Create or Generate PDF file in ASP.NET Core MVC
+# Create or Generate a PDF File in ASP.NET Core MVC
 
 The [JavaScript PDF Library](https://www.syncfusion.com/document-sdk/javascript-pdf-library) is used to create, read, and edit PDF documents. The [JavaScript PDF Library](https://www.syncfusion.com/document-sdk/javascript-pdf-library) also offers functionality to merge, split, stamp, fill forms, and secure PDF files.
 
-This guide explains how to integrate the [JavaScript PDF Library](https://www.syncfusion.com/document-sdk/javascript-pdf-library) into an ASP.NET Core MVC application.
+This guide explains how to integrate the [JavaScript PDF Library](https://www.syncfusion.com/document-sdk/javascript-pdf-library) into an ASP.NET Core MVC application. The PDF is generated **client-side in the browser** using the Syncfusion JavaScript PDF Library loaded from a CDN; ASP.NET Core MVC is used to host the page that triggers the download.
 
-## Integrate PDF Library into an ASP.NET Core MVC application
+## Prerequisites
+
+Before you begin, make sure you have the following installed:
+
+- Visual Studio 2022 (any edition) with the **ASP.NET and web development** workload.
+- .NET SDK 8.0 (LTS) or 9.0.
+- An active internet connection (the sample loads the JavaScript PDF Library from the Syncfusion CDN).
+- A supported browser such as the latest versions of Microsoft Edge, Google Chrome, or Mozilla Firefox.
+
+To verify your .NET SDK version, run:
+
+```bash
+dotnet --version
+```
+
+N> This guide uses the CDN distribution of the JavaScript PDF Library. No client-side `registerLicense` call is required when loading the library from the Syncfusion CDN; licensing is handled at the account level.
+
+## Create the Project
 
 Step 1: Start Visual Studio and select **Create a new project**.
-Step 2: Create a new ASP.NET MVC Web Application project.
+
+Step 2: In the **Create a new project** dialog, select **ASP.NET Core Web App (Model-View-Controller)**.
+
 ![ASP.NET Core MVC PDF creation1](Getting_started_images/Asp-net-mvc-creation1.png)
-Step 3: Choose the target framework.
+
+Step 3: In the **Configure your new project** dialog, enter the project name, choose the target framework (for example, **.NET 8.0 (Long-term support)**), and select **Next**.
+
 ![ASP.NET Core MVC PDF creation2](Getting_started_images/Asp-net-mvc-creation2.png)
-Step 4: Select Web Application pattern (MVC) for the project and then select **Create** button.
+
+Step 4: Confirm that **Web Application (Model-View-Controller)** is selected in the additional information dialog, and then select the **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:
+## Add the Script Reference
+
+Step 5: Add the script reference: open `~/Views/Shared/_Layout.cshtml` and add the Syncfusion CDN reference inside the `<head>` element. Also confirm that the layout contains `@await RenderSectionAsync("Scripts", required: false)` so the `@section Scripts` block in Step 6 can render.
 
 {% tabs %}
 {% highlight cshtml tabtitle="~/_Layout.cshtml" %}
@@ -33,17 +59,23 @@ Step 5: **Add script reference**: Add the required scripts using the CDN inside
     <!-- JavaScript PDF Library (CDN) -->
     <script src="https://cdn.syncfusion.com/ej2/31.2.15/dist/ej2.min.js"></script>
 </head>
+<body>
+    @RenderBody()
+    @await RenderSectionAsync("Scripts", required: false)
+</body>
 {% endhighlight %}
 {% endtabs %}
 
-N> Check out the following topics for including script references in an ASP.NET MVC application to enable PDF creation using the [JavaScript PDF Library](https://www.syncfusion.com/document-sdk/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)
-For image and data extraction features, you need to install the `@syncfusion/ej2-pdf-data-extract` package as an add-on.
-Ensure that your application includes an `ej2-pdf-lib` folder within a publicly accessible static directory (such as wwwroot, public, or dist). This folder must contain the required `.js` and `.wasm` files needed for image and data extraction.
+N> Check out the following topics for including script references in an ASP.NET Core MVC application to enable PDF creation using the [JavaScript PDF Library](https://www.syncfusion.com/document-sdk/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)
+
+N> The `31.2.15` CDN version is compatible with the .NET 8 and .NET 9 target frameworks. If you use a different Syncfusion version in your application, replace the CDN URL with the matching version.
+
+## Generate the PDF
 
-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: open `~/Views/Home/Index.cshtml` and add a button plus a click handler that uses the [JavaScript PDF Library](https://www.syncfusion.com/document-sdk/javascript-pdf-library) to generate a PDF in the browser.
 
 {% tabs %}
 {% highlight cshtml tabtitle="~/Index.cshtml" %}
@@ -55,32 +87,81 @@ Step 6: **Create a PDF document**: Add the script in `~/Views/Home/Index.cshtml`
 @section Scripts {
     <script>
         document.getElementById('btnCreatePdf').addEventListener('click', function () {
-        // Create a new PDF document
-        let pdf = new ej.pdf.PdfDocument();
-        // Add a new page
-        let page: ej.pdf.PdfPage = pdf.addPage();
-        // Get graphics from the page
-        let graphics: ej.pdf.PdfGraphics = page.graphics;
-        // Set font
-        let font: ej.pdf.PdfStandardFont = pdf.embedFont(ej.pdf.PdfFontFamily.helvetica, 36, ej.pdf.PdfFontStyle.regular);
-        // Create a new black brush
-        let brush = new ej.pdf.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');
-        // Destroy the PDF document instance
-        pdf.destroy();
-        });   
+            // Create a new PDF document
+            let pdf = new ej.pdf.PdfDocument();
+            // Add a new page
+            let page = pdf.addPage();
+            // Get graphics from the page
+            let graphics = page.graphics;
+            // Set font
+            let font = pdf.embedFont(ej.pdf.PdfFontFamily.helvetica, 36, ej.pdf.PdfFontStyle.regular);
+            // Create a new black brush
+            let brush = new ej.pdf.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 (client-side)
+            pdf.save('output.pdf');
+            // Destroy the PDF document instance
+            pdf.destroy();
+        });
     </script>
 }
 {% endhighlight %}
 {% endtabs %}
 
-Step 7: **Build the project**: Click on Build > Build Solution or press Ctrl + Shift + B to build the project.
+## Code Explanation
 
-Step 8: **Run the project**: Click the Start button (green arrow) or press F5 to run the app.
+- `ej.pdf.PdfDocument` — creates a new PDF document instance. All PDF types are namespaced under `ej.pdf` when loaded from the Syncfusion CDN.
+- `addPage()` — appends a blank page to the document and returns the `PdfPage` object.
+- `page.graphics` — returns the `PdfGraphics` drawing surface for the page.
+- `embedFont(family, size, style)` — embeds one of the standard PDF font families (here, Helvetica 36pt regular) and returns a `PdfStandardFont` object.
+- `new ej.pdf.PdfBrush({ r, g, b })` — creates a solid color brush from an RGB object (each channel `0`-`255`); here, black.
+- `drawString(text, font, layoutRect, brush)` — draws the text inside the rectangle defined by `x`, `y`, `width`, and `height`. The rectangle object has the shape `{ x, y, width, height }`.
+- `graphics.clientSize.width` — the writable width of the page in points.
+- `save('output.pdf')` — saves the PDF and **triggers a client-side browser download** with the specified file name. The file is sent to the browser's default downloads folder; nothing is written to the server. The call is synchronous in the browser build.
+- `destroy()` — releases native resources held by the document. It is safe to call immediately after `save()` because the download is initiated before the document is destroyed.
 
-When you run the application and click the button, it generates the following PDF document.
+## Build and Run the Application
+
+Step 7: Build the project: click **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. Visual Studio launches the app in your default browser.
+
+After running the application, click **Generate PDF document**. The browser downloads `output.pdf`, which contains a single page with the text "Hello World!!!" drawn at the top-left.
 
 ![ASP.NET Core MVC PDF output](Getting_started_images/Output.png)
+
+## Additional Configuration (Optional)
+
+N> The following steps are required **only** if you need image or data extraction features. They are not required for the basic PDF creation shown in this guide.
+
+If you need image and data extraction, install the data-extraction add-on and copy the `ej2-pdf-lib` folder into your project.
+
+1. Install the add-on package:
+
+   ```bash
+   npm install @syncfusion/ej2-pdf-data-extract --save
+   ```
+
+2. Copy the `ej2-pdf-lib` folder from `node_modules/@syncfusion/ej2-pdf-data-extract/dist/ej2-pdf-lib` into `wwwroot/lib/ej2-pdf-lib/`. The folder must contain the required `.js` and `.wasm` files.
+
+3. Confirm that the `ej2-pdf-lib` folder is reachable at runtime (for example, at `https://localhost:xxxx/lib/ej2-pdf-lib/`).
+
+## Troubleshooting
+
+| Problem | Cause | Resolution |
+|---|---|---|
+| `ej is not defined` in the browser console | The CDN script tag is missing or blocked | Confirm the `<script>` reference in `_Layout.cshtml` is reachable and not blocked by an ad blocker or network policy |
+| Button click does nothing | The click handler is rendered before the button exists, or `@section Scripts` is missing in the layout | Confirm `_Layout.cshtml` contains `@await RenderSectionAsync("Scripts", required: false)` |
+| `SyntaxError: Unexpected token ':'` | TypeScript annotations were left inside a plain `<script>` block | Remove the `: ej.pdf.PdfType` annotations; the script must be plain JavaScript |
+| `Failed to load resource: 404` on `ej2.min.js` | The CDN version path is incorrect or the network is restricted | Verify the CDN URL and internet access; switch to the [NPM](https://ej2.syncfusion.com/aspnetmvc/documentation/common/adding-script-references#node-package-manager-npm) or [CRG](https://ej2.syncfusion.com/aspnetmvc/documentation/common/custom-resource-generator) approach if the CDN is not reachable |
+| `output.pdf` does not download | The browser blocks the download | Check the browser's download settings and the downloads folder |
+| `WASM` or `.js` 404s for data extraction | The `ej2-pdf-lib` folder is not under `wwwroot/` | Copy the `ej2-pdf-lib` folder from the `@syncfusion/ej2-pdf-data-extract` package into `wwwroot/lib/` |
+| CORS errors when loading the data-extraction assets | The `ej2-pdf-lib` assets are served from a different origin | Serve the `ej2-pdf-lib` folder from the same ASP.NET Core MVC application under `wwwroot/` |
+
+## See Also
+
+- [JavaScript PDF Library](https://www.syncfusion.com/document-sdk/javascript-pdf-library)
+- [JavaScript PDF Library documentation](https://help.syncfusion.com/document-processing/pdf/pdf-library/javascript/overview)
+- [JavaScript PDF Library API reference](https://ej2.syncfusion.com/documentation/api/pdf)
+- [Syncfusion licensing documentation](https://help.syncfusion.com/document-processing/licensing/overview)
\ No newline at end of file
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 1880065426..ee0a0ea8e5 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
@@ -1,23 +1,37 @@
 ---
 layout: post
-title: Create or Generate PDF file in JavaScript | Syncfusion
+title: Create or Generate a PDF File in JavaScript | Syncfusion
 canonical_url: https://www.syncfusion.com/document-sdk/javascript-pdf-library
-description: Learn how to create a PDF file in JavaScript with easy steps using JavaScript PDF Library without depending on Adobe
+description: Learn how to create a PDF file in plain JavaScript with easy steps using the JavaScript PDF Library without requiring Adobe Acrobat.
 platform: document-processing
 control: PDF
 documentation: ug
-keywords: javascript, pdf, script
+keywords: javascript, pdf, cdn
 ---
 
-# Create or Generate PDF file in JavaScript
+# Create or Generate a PDF File in JavaScript
 
-Syncfusion<sup>&reg;</sup> JS 2 (global script) is an ES5-formatted [JavaScript PDF Library](https://www.syncfusion.com/document-sdk/javascript-pdf-library) that works directly in modern web browsers.
+Syncfusion<sup>&reg;</sup> JS 2 (global script) is an ES5-formatted distribution of the [JavaScript PDF Library](https://www.syncfusion.com/document-sdk/javascript-pdf-library) that runs directly in any modern web browser without a build step or bundler. The all-in-one `ej2.min.js` bundle exposes the `ej.pdf` namespace, which contains the PDF document, page, graphics, font, and brush classes.
 
-## Component initialization with CDN links
+This guide explains how to integrate the [JavaScript PDF Library](https://www.syncfusion.com/document-sdk/javascript-pdf-library) into a static HTML page. The generated PDF is downloaded directly from the browser; no server-side PDF rendering is required.
 
-Step 1: Create a folder named `my-app` for your project.
+## Prerequisites
+
+Before you begin, make sure you have the following:
+
+- A modern web browser such as the latest versions of Microsoft Edge, Google Chrome, Mozilla Firefox, or Safari.
+- A static file server. The page must be served over `http://` or `https://` (not opened directly from disk) because the CDN scripts and the PDF download use APIs that are restricted under the `file://` protocol.
+- A text editor such as Visual Studio Code, Code Studio, or Notepad.
+
+Common static-server options include:
+
+- **Node.js** (recommended): `npx serve` (no install required)
+- **Python 3**: `python -m http.server 8000`
+- **VS Code**: the [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer) extension
 
-Step 2: The JS 2 global scripts and styles are hosted on the CDN in the following formats.
+## CDN Syntax
+
+The JS 2 global scripts and styles are hosted on the Syncfusion CDN in the following format:
 
 **Syntax:**
 > Script: `https://cdn.syncfusion.com/ej2/{Version}/dist/{PACKAGE_NAME}.min.js`
@@ -25,10 +39,16 @@ Step 2: The JS 2 global scripts and styles are hosted on the CDN in the followin
 **Example:**
 > Script: [`https://cdn.syncfusion.com/ej2/31.2.15/dist/ej2.min.js`](https://cdn.syncfusion.com/ej2/31.2.15/dist/ej2.min.js)
 
-Step 3: Create a HTML page (index.html) in `my-app` location and add the CDN link references.
+N> The example uses the all-in-one `ej2.min.js` bundle, which exposes the `ej.pdf` namespace along with other Essential JS 2 controls. A PDF-only CDN bundle is not provided separately. Replace `31.2.15` with the latest available version when starting a new project.
+
+## Create the HTML Page
+
+Step 1: Create a folder named `my-app` for your project.
+
+Step 2: Add the CDN reference in the `<head>` of `index.html` (the file is created in the next step).
 
 {% tabs %}
-{% highlight javascript tabtitle="index.html" %}
+{% highlight html tabtitle="index.html" %}
 <head>
     <!-- JavaScript PDF Library (CDN) -->
     <script src="https://cdn.syncfusion.com/ej2/31.2.15/dist/ej2.min.js"></script>
@@ -36,43 +56,131 @@ Step 3: Create a HTML page (index.html) in `my-app` location and add the CDN lin
 {% endhighlight %}
 {% endtabs %}
 
-N> For image and data extraction features, you need to install the `@syncfusion/ej2-pdf-data-extract` package as an add-on.
-Ensure that your application includes an `ej2-pdf-lib` folder within a publicly accessible static directory (such as wwwroot, public, or dist). This folder must contain the required `.js` and `.wasm` files needed for image and data extraction.
-
-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.
+Step 3: Create a complete `index.html` inside `my-app` with the following content. The CDN reference is loaded in the `<head>` and the PDF generation script is placed at the end of `<body>` so the button exists before the click handler is attached.
 
 {% tabs %}
-{% highlight javascript tabtitle="index.html" %}
-<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>
-    <button id="btnCreatePdf" class="btn btn-primary">Generate PDF document</button>
-</div>
-@section Scripts {
+{% highlight html tabtitle="index.html" %}
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Create PDF document</title>
+    <!-- JavaScript PDF Library (CDN) -->
+    <script src="https://cdn.syncfusion.com/ej2/31.2.15/dist/ej2.min.js"></script>
+</head>
+<body>
+    <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>
+        <button id="btnCreatePdf" class="btn btn-primary">Generate PDF document</button>
+    </div>
     <script>
         document.getElementById('btnCreatePdf').addEventListener('click', function () {
-        // Create a new PDF document
-        var pdf = new ej.pdf.PdfDocument();
-        // Add a new page
-        var page = pdf.addPage();
-        // Get graphics from the page
-        var graphics = page.graphics;
-        // Set font
-        var font = pdf.embedFont(ej.pdf.PdfFontFamily.helvetica, 36, ej.pdf.PdfFontStyle.regular);
-        // Create a new black brush
-        var brush = new ej.pdf.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');
-        // Destroy the PDF document instance
-        pdf.destroy();
-        });   
+            // Create a new PDF document
+            const pdf = new ej.pdf.PdfDocument();
+            // Add a new page
+            const page = pdf.addPage();
+            // Get graphics from the page
+            const graphics = page.graphics;
+            // Embed a standard font (family, size, style)
+            const font = pdf.embedFont(
+                ej.pdf.PdfFontFamily.helvetica,
+                36,
+                ej.pdf.PdfFontStyle.regular
+            );
+            // Create a solid black brush using an RGB object
+            const brush = new ej.pdf.PdfBrush({ r: 0, g: 0, b: 0 });
+            // Draw the text inside a layout rectangle
+            graphics.drawString(
+                'Hello World!!!',
+                font,
+                { x: 20, y: 20, width: graphics.clientSize.width - 20, height: 60 },
+                brush
+            );
+            // Save and download the PDF (client-side)
+            pdf.save('Output.pdf');
+            // Release document resources
+            pdf.destroy();
+        });
     </script>
-}
+</body>
+</html>
 {% endhighlight %}
 {% endtabs %}
 
-By executing the program, you will get the PDF document as follows.
+N> The script tag is placed at the end of `<body>` so that `document.getElementById('btnCreatePdf')` finds the button. If you prefer to put the script in `<head>`, wrap the listener registration in a `DOMContentLoaded` event.
+
+## Code Explanation
+
+- `ej.pdf.PdfDocument` — creates a new PDF document instance. All PDF types are namespaced under `ej.pdf` when loaded from the Syncfusion CDN.
+- `addPage()` — appends a blank page to the document and returns the `PdfPage` object.
+- `page.graphics` — returns the `PdfGraphics` drawing surface for the page.
+- `embedFont(family, size, style)` — embeds one of the standard PDF font families (here, Helvetica 36pt regular) and returns a `PdfStandardFont` object.
+- `new ej.pdf.PdfBrush({ r, g, b })` — creates a solid color brush from an RGB object (each channel `0`-`255`); here, black.
+- `drawString(text, font, layoutRect, brush)` — draws the text inside the rectangle defined by `x`, `y`, `width`, and `height`. The layout rect is `{ x, y, width, height }`.
+- `graphics.clientSize.width` — the writable width of the page in points.
+- `save('Output.pdf')` — saves the PDF and **triggers a client-side browser download** with the specified file name. The file is sent to the browser's default downloads folder; nothing is written to the server.
+- `destroy()` — releases native resources held by the document.
+
+## Run the Sample
+
+Step 4: Open a terminal in the `my-app` folder and start a static file server.
+
+Using `npx serve` (no install required):
+
+```bash
+npx serve
+```
+
+Or using Python 3:
+
+```bash
+python -m http.server 8000
+```
+
+Step 5: Open the served URL in your browser. For `npx serve`, the default URL is `http://localhost:3000`. For Python, the default URL is `http://localhost:8000`.
+
+Click **Generate PDF document**. The browser downloads `Output.pdf`, which contains a single page with the text "Hello World!!!" drawn at the top-left.
+
+![Output PDF document](Getting_started_images/JavaScript-Output.png)
+
+## Additional Configuration (Optional)
+
+N> The following steps are required **only** if you need image or data extraction features. They are not required for the basic PDF creation shown in this guide.
+
+If you need image and data extraction, install the data-extraction add-on and copy the `ej2-pdf-lib` folder into the served directory.
+
+1. Install the add-on package:
+
+   ```bash
+   npm install @syncfusion/ej2-pdf-data-extract --save
+   ```
+
+2. Copy the `ej2-pdf-lib` folder from `node_modules/@syncfusion/ej2-pdf-data-extract/dist/ej2-pdf-lib` into the same folder as `index.html`. The folder must contain the required `.js` and `.wasm` files.
+
+3. Confirm that the `ej2-pdf-lib` folder is reachable from the served page (for example, at `http://localhost:3000/ej2-pdf-lib/`).
+
+## License Registration
+
+N> This guide uses the CDN distribution of the JavaScript PDF Library. No client-side `registerLicense` call is required when loading the library from the Syncfusion CDN; licensing is handled at the account level. If you switch to the NPM-based packages, add a `registerLicense('YOUR_LICENSE_KEY')` call in your entry script.
+
+## Troubleshooting
+
+| Problem | Cause | Resolution |
+|---|---|---|
+| `ej is not defined` in the browser console | The CDN script tag is missing or blocked | Confirm the `<script src="https://cdn.syncfusion.com/ej2/.../ej2.min.js"></script>` reference is reachable and not blocked by an ad blocker or network policy |
+| `@section Scripts` appears as plain text on the page | The file is a static `.html`, not an ASP.NET view | Replace the Razor block with a plain `<script>` tag inside `<body>` |
+| Button click does nothing | The script runs before the button is in the DOM | Move the `<script>` tag to the end of `<body>`, or wrap the listener in a `DOMContentLoaded` event |
+| `Output.pdf` does not download | The browser blocks the download | Check the browser's download settings and the downloads folder |
+| CORS or `file://` errors | The page is opened directly from disk | Serve the folder over `http://` using `npx serve` or a similar static server |
+| `WASM` or `.js` 404s for data extraction | The `ej2-pdf-lib` folder is not in a public location | Copy the `ej2-pdf-lib` folder from the `@syncfusion/ej2-pdf-data-extract` package into the served folder |
+| CDN version mismatch with other Syncfusion packages | The CDN version is out of sync with installed Syncfusion packages | Use the same Syncfusion version across CDN and any other Syncfusion packages you reference |
+
+## See Also
+
+- [JavaScript PDF Library](https://www.syncfusion.com/document-sdk/javascript-pdf-library)
+- [JavaScript PDF Library documentation](https://help.syncfusion.com/document-processing/pdf/pdf-library/javascript/overview)
+- [JavaScript PDF Library API reference](https://ej2.syncfusion.com/documentation/api/pdf)
+- [JavaScript PDF Library examples](https://document.syncfusion.com/demos/pdf/react/#/fluent2/pdf/default)
 
-![Output PDF document](Getting_started_images/Output.png)
\ No newline at end of file
+For build-tool-based workflows (React, Vue, Angular, TypeScript, Node.js), see the corresponding guides in the [JavaScript PDF Library documentation](https://help.syncfusion.com/document-processing/pdf/pdf-library/javascript/overview).
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-node-js.md b/Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-node-js.md
index d1cd2dae75..4c7111a6ae 100644
--- a/Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-node-js.md
+++ b/Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-node-js.md
@@ -1,44 +1,96 @@
 ---
 layout: post
-title: Create or Generate PDF file in Node.js | Syncfusion
-description: Learn how to create a PDF file in Node.js server with easy steps using JavaScript PDF Library without depending on Adobe
+title: Create or Generate a PDF File in a Node.js Server Environment | Syncfusion
+description: Learn how to create a PDF file in a Node.js server with easy steps using the JavaScript PDF Library without depending on Adobe.
 platform: document-processing
 control: PDF
 documentation: ug
 keywords: pdf, script, express, node
+canonical_url: https://help.syncfusion.com/document-processing/pdf/pdf-library/javascript/create-pdf-document-node-js
 ---
 
 # Create or Generate a PDF File in a Node.js Server Environment
 
-The [JavaScript PDF Library](https://www.syncfusion.com/document-sdk/javascript-pdf-library) is used to create, read, and edit PDF documents. The [JavaScript PDF Library](https://www.syncfusion.com/document-sdk/javascript-pdf-library) also offers functionality to merge, split, stamp, fill forms, and secure PDF files.
+The [JavaScript PDF Library](https://www.syncfusion.com/document-sdk/javascript-pdf-library) is used to create, read, and edit PDF documents. The [JavaScript PDF Library](https://www.syncfusion.com/document-sdk/javascript-pdf-library) also offers functionality to merge, split, stamp, fill PDF forms, and secure PDF files.
 
-This guide explains how to integrate the [JavaScript PDF Library](https://www.syncfusion.com/document-sdk/javascript-pdf-library) into an application with **Node.js server environment**.
+This guide explains how to integrate the [JavaScript PDF Library](https://www.syncfusion.com/document-sdk/javascript-pdf-library) into a Node.js server-side application that exposes a PDF generation endpoint and delivers the file to the browser.
 
-## Installing the JavaScript PDF Library package
+## Prerequisites
 
-All Syncfusion JS 2 packages are published in `npmjs.com` registry.
+The following prerequisites are required to complete this guide:
 
-* To install the [JavaScript PDF Library](https://www.syncfusion.com/document-sdk/javascript-pdf-library), use the following command.
+- **Node.js** version 18.0 or later
+- **npm** version 9.0 or later
+- A code editor such as Visual Studio Code
+- Basic familiarity with Node.js and the command line
+
+To verify your Node.js and npm versions, run the following commands:
 
 ```bash
-npm install @syncfusion/ej2-pdf --save
+node --version
+npm --version
 ```
 
-N> For data extraction features, you need to install the `@syncfusion/ej2-pdf-data-extract` package as an add-on.
-Image extraction and image‑based redaction features are optimized for browser environments where visual rendering is available. These features rely on browser technologies such as DOM APIs, Canvas, and client‑side rendering, and therefore are not supported in pure Node.js server environments.
+## Create a Node.js Project
+
+Create a new project folder and initialize it with `npm init`. The project uses CommonJS (the default `npm init` setting), so `require` syntax is used in `server.js`.
+
+```bash
+mkdir pdf-node-app
+cd pdf-node-app
+npm init -y
+```
+
+After initialization, the project root (`pdf-node-app`) contains a `package.json` file. The final project structure is:
+
+```text
+pdf-node-app/
+├── public/
+│   └── index.html
+├── server.js
+└── package.json
+```
 
-## Dependencies
+## Install Dependencies
 
-The following list of dependencies are required to use the [JavaScript PDF Library](https://www.syncfusion.com/document-sdk/javascript-pdf-library) component in your application.
+Install the [JavaScript PDF Library](https://www.syncfusion.com/document-sdk/javascript-pdf-library) and Express. Express is required to host the HTTP endpoint that generates and serves the PDF.
 
 ```bash
-|-- @syncfusion/ej2-compression
-|-- @syncfusion/ej2-base
+npm install @syncfusion/ej2-pdf express --save
 ```
 
+N> For data extraction features, install the `@syncfusion/ej2-pdf-data-extract` package as an add-on.
+
+N> Image extraction and image-based redaction features are optimized for browser environments where visual rendering is available. These features rely on browser technologies such as DOM APIs, Canvas, and client-side rendering, and therefore are not supported in pure Node.js server environments.
+
+### Required Dependencies
+
+The following packages are required to use the [JavaScript PDF Library](https://www.syncfusion.com/document-sdk/javascript-pdf-library) in a Node.js application:
+
+- `@syncfusion/ej2-pdf` — the core JavaScript PDF Library
+- `@syncfusion/ej2-base` — base utilities used by the PDF Library
+- `@syncfusion/ej2-compression` — compression support used internally by the PDF Library
+- `express` — HTTP server used to expose the PDF generation endpoint
+
+## License Registration
+
+If you are using a commercial Syncfusion license, register the license key at application startup. Add the following line near the top of `server.js`, before any other Syncfusion imports.
+
+```javascript
+require('@syncfusion/ej2-base').registerLicense('YOUR_LICENSE_KEY');
+```
+
+Replace `YOUR_LICENSE_KEY` with the key from your Syncfusion account. For more information, see the [Syncfusion licensing documentation](https://help.syncfusion.com/document-processing/licensing/overview).
+
 ## Create a Node.js Server Application to Generate a PDF Document
 
-* Add a simple button to `index.html` and attach a click handler that uses the TypeScript PDF API to create a new PDF document.
+* Create a `public` folder inside the project root. The Express server uses `express.static('public')` to serve files from this folder.
+
+```bash
+mkdir public
+```
+
+* Add a simple button to `public/index.html` and attach a click handler that calls the PDF generation endpoint using the [JavaScript PDF Library](https://www.syncfusion.com/document-sdk/javascript-pdf-library).
 
 {% tabs %}
 {% highlight html tabtitle="index.html" %}
@@ -68,29 +120,26 @@ The following list of dependencies are required to use the [JavaScript PDF Libra
 {% endhighlight %}
 {% endtabs %}
 
-* Create a new project folder and initialize it.
+N> The `fetch` call uses a relative path (`/generate-pdf`) because the frontend is served by the same Express server. This avoids CORS configuration. If you host the frontend on a different origin, enable CORS in Express using the `cors` package and update the `fetch` URL to the full backend origin.
 
-```bash
-mkdir pdf-node-app
-cd pdf-node-app
-npm init -y
-```
-
-* Include the following namespaces in `server.js` file.
+* Include the following namespaces in `server.js`. This guide uses CommonJS (the default `npm init` setting). If you prefer ESM, add `"type": "module"` to `package.json` and use the imports shown in the **Module imports (ESM)** tab below.
 
 {% tabs %}
-{% highlight typescript tabtitle="index.ts" %}
+{% highlight typescript tabtitle="Module imports (ESM)" %}
 
 import { PdfDocument, PdfGraphics, PdfPage, PdfFont, PdfFontFamily, PdfFontStyle, PdfBrush } from '@syncfusion/ej2-pdf';
 
 {% endhighlight %}
 {% endtabs %}
 
-* Include the following code example in the Node.js environment to generate a PDF document 
+* Create a new file named `server.js` in the project root (`pdf-node-app/server.js`) and include the following code to generate a PDF document in the Node.js environment using the [JavaScript PDF Library](https://www.syncfusion.com/document-sdk/javascript-pdf-library).
 
 {% tabs %}
 {% highlight typescript tabtitle="server.js" %}
 
+// Register the Syncfusion license key (required for commercial usage)
+require('@syncfusion/ej2-base').registerLicense('YOUR_LICENSE_KEY');
+
 const express = require('express');
 const {
   PdfDocument,
@@ -98,22 +147,27 @@ const {
   PdfFontStyle,
   PdfBrush
 } = require('@syncfusion/ej2-pdf');
+
 const app = express();
 const PORT = 3000;
-// Serve frontend files
+// Serve frontend files from the public directory
 app.use(express.static('public'));
 // PDF generation API
 app.get('/generate-pdf', (req, res) => {
-  // Create PDF document
+  // Create a new PDF document
   const document = new PdfDocument();
+  // Add a blank page and get its graphics
   const page = document.addPage();
   const graphics = page.graphics;
+  // Embed a standard font (family, size, style)
   const font = document.embedFont(
     PdfFontFamily.helvetica,
     36,
     PdfFontStyle.regular
   );
+  // Create a solid black brush using an RGB object
   const brush = new PdfBrush({ r: 0, g: 0, b: 0 });
+  // Draw the string inside a layout rectangle
   graphics.drawString(
     'Hello from Frontend!',
     font,
@@ -125,15 +179,16 @@ app.get('/generate-pdf', (req, res) => {
     },
     brush
   );
-  // Save PDF as bytes
+  // Save the PDF as a Uint8Array of bytes
   const pdfBytes = document.save();
+  // Release document resources
   document.destroy();
-  // Send PDF to browser
+  // Send the PDF to the browser as a downloadable attachment
   res.setHeader('Content-Type', 'application/pdf');
   res.setHeader('Content-Disposition', 'attachment; filename=Output.pdf');
   res.send(Buffer.from(pdfBytes));
 });
-// Start server
+// Start the server
 app.listen(PORT, () => {
   console.log(`Server running at http://localhost:${PORT}`);
 });
@@ -141,16 +196,56 @@ app.listen(PORT, () => {
 {% endhighlight %}
 {% endtabs %}
 
-* **Run the application**
+### Code Explanation
+
+- `PdfDocument` — creates a new PDF document instance.
+- `addPage()` — appends a blank page and returns the page object.
+- `page.graphics` — exposes the `PdfGraphics` instance used to draw content.
+- `embedFont(family, size, style)` — embeds one of the standard PDF font families. Returns a `PdfFont` object.
+- `PdfFontFamily.helvetica` — selects the Helvetica standard font family.
+- `PdfFontStyle.regular` — selects the regular (non-bold, non-italic) style.
+- `new PdfBrush({ r, g, b })` — creates a solid color brush from an RGB object (each channel `0`-`255`).
+- `graphics.drawString(text, font, layoutRect, brush)` — draws the text inside the rectangle defined by `x`, `y`, `width`, and `height`.
+- `graphics.clientSize.width` — the writable width of the page in points.
+- `document.save()` — returns the PDF as a `Uint8Array`. In a browser build, `pdf.save('filename')` is a helper that triggers a client download; in Node, you receive the bytes and stream them yourself.
+- `document.destroy()` — releases native resources held by the document.
+- `Buffer.from(pdfBytes)` — copies the `Uint8Array` into a Node `Buffer` for the HTTP response.
+
+## Run the Application
 
-Run the following command to start the Node.js server:
+Run the following command from the project root to start the Node.js server:
 
 ```bash
 node server.js
 ```
 
-This command starts the server and allows you to generate and download the PDF file from the browser.
+The server listens on `http://localhost:3000`. Open this URL in a browser and click **Create PDF** to download the generated file as `Output.pdf`.
+
+N> If the port is already in use, stop the conflicting process or change `PORT` in `server.js` to an available port. The error `EADDRINUSE` indicates a port conflict.
+
+## Output
+
+Clicking **Create PDF** triggers the `fetch('/generate-pdf')` call. The server responds with the PDF bytes and the `Content-Disposition: attachment; filename=Output.pdf` header causes the browser to download the file as `Output.pdf`. The file contains a single page with the text "Hello from Frontend!" drawn at the top-left of the page.
+
+![Output PDF document](Getting_started_images/Node-Output.png)
+
+N> The `Content-Disposition: inline` value can be used instead of `attachment` if you want the PDF to open in a browser tab rather than download.
+
+## Troubleshooting
+
+| Problem | Cause | Resolution |
+|---|---|---|
+| `Error: Cannot find module 'express'` | Express is not installed | Run `npm install express` |
+| `Error: Cannot find module '@syncfusion/ej2-pdf'` | The PDF package is not installed | Run `npm install @syncfusion/ej2-pdf` |
+| `EADDRINUSE` on port 3000 | Another process is using the port | Stop the process or change `PORT` in `server.js` |
+| `require is not defined` | `package.json` has `"type": "module"` | Remove `"type": "module"` or convert `server.js` to ESM (`import` syntax) |
+| PDF opens as a blank file | The server returned an error payload | Check the terminal output and confirm `document.save()` runs without throwing |
+| Browser blocks the download due to CORS | Frontend and backend are on different origins | Install the `cors` package and add `app.use(cors())` to `server.js` |
+| `Output.pdf` does not download | The response headers are missing or incorrect | Confirm `Content-Type` is `application/pdf` and `Content-Disposition` includes `attachment; filename=Output.pdf` |
 
-By executing the program, you will get the PDF document as follows.
+## See Also
 
-![Output PDF document](Getting_started_images/Output.png)
\ No newline at end of file
+- [JavaScript PDF Library](https://www.syncfusion.com/document-sdk/javascript-pdf-library)
+- [JavaScript PDF Library documentation](https://help.syncfusion.com/document-processing/pdf/pdf-library/javascript/overview)
+- [JavaScript PDF Library API reference](https://ej2.syncfusion.com/documentation/api/pdf)
+- [Syncfusion licensing documentation](https://help.syncfusion.com/document-processing/licensing/overview)
\ 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 3efb02bfcb..8c3dd6e3ff 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
@@ -1,78 +1,191 @@
 ---
 layout: post
-title: Create or Generate PDF file in React | Syncfusion
-description: Learn how to create a PDF file in React with easy steps using JavaScript PDF Library without depending on Adobe
+title: Create or Generate a PDF File in React | Syncfusion
+description: Learn how to create a PDF file in a React application with easy steps using the JavaScript PDF Library without depending on Adobe.
 control: PDF
 platform: document-processing
 documentation: ug
-keywords: javascript, pdf, script, react
+keywords: javascript, pdf, react
+canonical_url: https://help.syncfusion.com/document-processing/pdf/pdf-library/javascript/create-pdf-document-react
 ---
 
-# Create or Generate PDF file in React
+# Create or Generate a PDF File in React
 
-The [JavaScript PDF Library](https://www.syncfusion.com/document-sdk/javascript-pdf-library) is used to create, read, and edit PDF documents. The [JavaScript PDF Library](https://www.syncfusion.com/document-sdk/javascript-pdf-library) also offers functionality to merge, split, stamp, fill forms, and secure PDF files.
+The [JavaScript PDF Library](https://www.syncfusion.com/document-sdk/javascript-pdf-library) is used to create, read, and edit PDF documents. The [JavaScript PDF Library](https://www.syncfusion.com/document-sdk/javascript-pdf-library) also offers functionality to merge, split, stamp, fill PDF forms, and secure PDF files.
 
-This guide explains how to integrate the [JavaScript PDF Library](https://www.syncfusion.com/document-sdk/javascript-pdf-library) into a React application.
+This guide explains how to integrate the [JavaScript PDF Library](https://www.syncfusion.com/document-sdk/javascript-pdf-library) into a React application that runs in the browser. The generated PDF is downloaded directly from the browser; no server-side PDF rendering is required.
 
-## Installing JavaScript PDF package
+## Prerequisites
 
-All Syncfusion JS 2 packages are published in `npmjs.com` registry.
+Before you begin, make sure you have the following installed:
+
+- Node.js 18 or later.
+- npm 9 or later, or Yarn 1.22 or later.
+- React 18 or later.
+- Visual Studio Code, Code Studio, or another code editor.
+- A supported browser such as the latest versions of Microsoft Edge, Google Chrome, or Mozilla Firefox.
+
+To verify your Node.js and npm versions, run:
+
+```bash
+node --version
+npm --version
+```
+
+## Create a React Project
+
+This guide uses [Vite](https://vitejs.dev/) to scaffold the React project. Run the following command in a terminal:
+
+```bash
+npm create vite@latest my-pdf-app -- --template react
+cd my-pdf-app
+```
+
+After the project is created, install its dependencies:
+
+```bash
+npm install
+```
+
+## Install the JavaScript PDF Library
+
+All Syncfusion<sup>&reg;</sup> JS 2 packages are published in the `npmjs.com` registry. The `npm install` command below resolves `@syncfusion/ej2-pdf` to the latest stable version compatible with React 18 or later.
 
 * To install the [JavaScript PDF Library](https://www.syncfusion.com/document-sdk/javascript-pdf-library), use the following command.
 
 ```bash
 npm install @syncfusion/ej2-pdf --save
 ```
-N> For image and data extraction features, you need to install the `@syncfusion/ej2-pdf-data-extract` package as an add-on.
-* Copy the `ej2-pdf-lib` folder from the @syncfusion/ej2-pdf-data-extract package into your project's **public, dist, or assets** directory (where your static files are served).
-* Make sure the `ej2-pdf-lib` folder exists in your final build output if you need to extract images or data from PDF files.
-* Ensure your server serves .wasm files with the **Content-Type: application/wasm** MIME type.
-* This setup is not required for **basic PDF creation**.
 
-**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.
+N> For image and data extraction features, install the `@syncfusion/ej2-pdf-data-extract` package as an add-on. Note the following:
+- Copy the `ej2-pdf-lib` folder from the `@syncfusion/ej2-pdf-data-extract` package into your project's `public/`, `dist/`, or `assets/` directory (wherever your static files are served).
+- Make sure the `ej2-pdf-lib` folder exists in your final build output if you need to extract images or data from PDF files.
+- Ensure your server serves `.wasm` files with the **Content-Type: application/wasm** MIME type. Vite's development server already handles this; configure production servers manually.
+- This setup is not required for **basic PDF creation**.
+
+### Transitive Dependencies
+
+The following packages are included automatically by `@syncfusion/ej2-pdf` and do not need to be installed separately:
+
+- `@syncfusion/ej2-base` — common utilities used by the library.
+- `@syncfusion/ej2-compression` — compression support used by PDF features.
+
+## License Registration
+
+If your project requires a Syncfusion license, register the license key before using the PDF API. Add the following code at the top of `App.jsx`:
+
+```jsx
+import { registerLicense } from '@syncfusion/ej2-base';
+
+registerLicense('YOUR_LICENSE_KEY');
+```
+
+Replace `YOUR_LICENSE_KEY` with the key from your Syncfusion account. For more information, see the [Syncfusion licensing documentation](https://help.syncfusion.com/document-processing/licensing/overview).
+
+## Create a PDF Document
+
+Replace the contents of `App.jsx` with the following code. The file imports the PDF classes as named exports from `@syncfusion/ej2-pdf` and creates a one-page PDF with a click handler.
 
 {% tabs %}
-{% highlight html tabtitle="~/App.jsx" %}
+{% highlight html tabtitle="App.jsx" %}
+
 import React from 'react';
+import { registerLicense } from '@syncfusion/ej2-base';
+import {
+  PdfDocument,
+  PdfFontFamily,
+  PdfFontStyle,
+  PdfBrush
+} from '@syncfusion/ej2-pdf';
 
+// Optional: register the Syncfusion license key (required for commercial usage)
+registerLicense('YOUR_LICENSE_KEY');
 export default function App() {
   const createPdf = () => {
     // Create a new PDF document
-    let pdf = new ej.pdf.PdfDocument();
-    // Add a new page (fixed: use pdf.addPage instead of document.addPage)
-    let page: ej.pdf.PdfPage = pdf.addPage();
+    const pdf = new PdfDocument();
+    // Add a new page
+    const page = pdf.addPage();
     // Get graphics from the page
-    let graphics: ej.pdf.PdfGraphics = page.graphics;
-    // Set font
-    let font: ej.pdf.PdfStandardFont = pdf.embedFont(ej.pdf.PdfFontFamily.helvetica, 36, ej.pdf.PdfFontStyle.regular);
-    // Create a new black brush
-    let brush = new ej.pdf.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
+    const graphics = page.graphics;
+    // Embed a standard font (family, size, style)
+    const font = pdf.embedFont(
+      PdfFontFamily.helvetica,
+      36,
+      PdfFontStyle.regular
+    );
+    // Create a solid black brush using an RGB object
+    const brush = new PdfBrush({ r: 0, g: 0, b: 0 });
+    // Draw the text inside a layout rectangle
+    graphics.drawString(
+      'Hello World!!!',
+      font,
+      { x: 20, y: 20, width: graphics.clientSize.width - 20, height: 60 },
+      brush
+    );
+    // Save and download the PDF
     pdf.save('Output.pdf');
-    // Destroy the PDF document instance
+    // Release document resources
     pdf.destroy();
   };
-
   return (
     <div style={{ padding: '1.5rem' }}>
-      <button id="normalButton" onClick={createPdf}>
-        Create PDF document
-      </button>
+      <button onClick={createPdf}>Create PDF document</button>
     </div>
   );
 }
+
 {% endhighlight %}
 {% endtabs %}
 
-## Run the application
+N> This sample uses **named imports** from the npm package (`import { PdfDocument, ... } from '@syncfusion/ej2-pdf'`). The npm package does not expose a global `ej` namespace; using `ej.pdf.PdfDocument` without an import will throw `ReferenceError: ej is not defined` in a Vite or Create-React-App build. If you prefer the UMD-style global, load `ej2.min.js` from the Syncfusion CDN in `index.html` instead of importing the npm package.
 
-Now run the `npm run dev` command in the console to start the development server. This command compiles your code and serves the application locally, opening it in the browser.
+## Code Explanation
 
-```
+- `registerLicense(key)` — registers the Syncfusion license key at application startup. Required for commercial usage.
+- `PdfDocument` — creates a new PDF document instance.
+- `addPage()` — appends a blank page to the document and returns the `PdfPage` object.
+- `page.graphics` — returns the `PdfGraphics` drawing surface for the page.
+- `embedFont(family, size, style)` — embeds one of the standard PDF font families (here, Helvetica 36pt regular) and returns a `PdfFont` object.
+- `new PdfBrush({ r, g, b })` — creates a solid color brush from an RGB object (each channel `0`-`255`); here, black.
+- `drawString(text, font, layoutRect, brush)` — draws the text inside the rectangle defined by `x`, `y`, `width`, and `height`.
+- `graphics.clientSize.width` — the writable width of the page in points.
+- `save('Output.pdf')` — saves the PDF and triggers a browser download with the specified file name. The file is sent to the browser's default downloads folder.
+- `destroy()` — releases native resources held by the document.
+
+## Run the Application
+
+Open a terminal in the project root and start the Vite development server:
+
+```bash
 npm run dev
 ```
-By executing the program, you will get the PDF document as follows.
 
-![Output PDF document](Getting_started_images/Output.png)
+Vite serves the application at `http://localhost:5173`. Open this URL in a browser and click **Create PDF document** to download the generated file as `Output.pdf`.
+
+The generated PDF contains a single page with the text "Hello World!!!" drawn at the top-left.
+
+![Output PDF document](Getting_started_images/React-Output.png)
+
+N> If you used Create-React-App instead of Vite, the run command is `npm start` and the default URL is `http://localhost:3000`.
+
+## Troubleshooting
+
+| Problem | Cause | Resolution |
+|---|---|---|
+| `ReferenceError: ej is not defined` | The code uses the global `ej.pdf` namespace but the npm package does not expose it | Switch to named imports: `import { PdfDocument, ... } from '@syncfusion/ej2-pdf'` |
+| `SyntaxError: Unexpected token ':'` in `App.jsx` | TypeScript type annotations were left in a `.jsx` file | Remove the `: ej.pdf.PdfType` annotations, or rename `App.jsx` to `App.tsx` and add TypeScript |
+| `Error: Cannot find module '@syncfusion/ej2-pdf'` | The package is not installed | Run `npm install @syncfusion/ej2-pdf --save` |
+| Button click does nothing | The click handler is not wired | Confirm the button uses `onClick={createPdf}` and that `createPdf` is defined in the same component |
+| `WASM` 404 or MIME type error | The `ej2-pdf-lib` folder is missing or not served with the right MIME type | Copy the `ej2-pdf-lib` folder from the `@syncfusion/ej2-pdf-data-extract` package into `public/` and confirm the server serves `.wasm` as `application/wasm` |
+| `Output.pdf` does not download | The browser blocks the download | Check the browser's download settings and the downloads folder |
+| `registerLicense` warning at runtime | The license key is missing or invalid | Confirm the key is set in `App.jsx` and is the correct key for your Syncfusion account |
+| Vite dev server fails to start | Port `5173` is in use | Stop the conflicting process or change the port in `vite.config.js` |
+
+## See Also
+
+- [JavaScript PDF Library](https://www.syncfusion.com/document-sdk/javascript-pdf-library)
+- [JavaScript PDF Library documentation](https://help.syncfusion.com/document-processing/pdf/pdf-library/javascript/overview)
+- [JavaScript PDF Library API reference](https://ej2.syncfusion.com/documentation/api/pdf)
+- [JavaScript PDF Library examples](https://document.syncfusion.com/demos/pdf/react/#/fluent2/pdf/default)
+- [Syncfusion licensing documentation](https://help.syncfusion.com/document-processing/licensing/overview)
\ No newline at end of file
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 33d7706a6d..c6845f125e 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
@@ -1,43 +1,128 @@
 ---
 layout: post
-title: Create or Generate PDF file in TypeScript | Syncfusion
-description: Learn how to create a PDF file in TypeScript with easy steps using JavaScript PDF Library without depending on Adobe
+title: Create or Generate a PDF File in TypeScript | Syncfusion
+description: Learn how to create a PDF file in a TypeScript application with easy steps using the JavaScript PDF Library without depending on Adobe.
 platform: document-processing
 control: PDF
 documentation: ug
-keywords: pdf, script, typescript
+keywords: pdf, typescript, javascript pdf library
+canonical_url: https://help.syncfusion.com/document-processing/pdf/pdf-library/javascript/create-pdf-document-typescript
 ---
 
-# Create or Generate PDF file in TypeScript
+# Create or Generate a PDF File in TypeScript
 
-The [JavaScript PDF Library](https://www.syncfusion.com/document-sdk/javascript-pdf-library) is used to create, read, and edit PDF documents. The [JavaScript PDF Library](https://www.syncfusion.com/document-sdk/javascript-pdf-library) also offers functionality to merge, split, stamp, fill forms, and secure PDF files.
+The [JavaScript PDF Library](https://www.syncfusion.com/document-sdk/javascript-pdf-library) is used to create, read, and edit PDF documents. The [JavaScript PDF Library](https://www.syncfusion.com/document-sdk/javascript-pdf-library) also offers functionality to merge, split, stamp, fill PDF forms, and secure PDF files.
 
-This guide explains how to integrate the [JavaScript PDF Library](https://www.syncfusion.com/document-sdk/javascript-pdf-library) into an TypeScript application.
+This guide explains how to integrate the [JavaScript PDF Library](https://www.syncfusion.com/document-sdk/javascript-pdf-library) into a TypeScript application that runs in the browser. The generated PDF is downloaded directly from the browser; no server-side PDF rendering is required.
 
-## Installing the Syncfusion TypeScript PDF package
+## Prerequisites
 
-All Syncfusion JS 2 packages are published in `npmjs.com` registry.
+Before you begin, make sure you have the following installed:
+
+- Node.js 18 or later.
+- npm 9 or later, or Yarn 1.22 or later.
+- TypeScript 4.5 or later.
+- Code Studio, Visual Studio Code, or another code editor.
+- A browser-based bundler or dev server. This guide uses [Vite](https://vitejs.dev/), but Webpack, Parcel, or esbuild also work.
+
+To verify your Node.js and npm versions, run:
+
+```bash
+node --version
+npm --version
+```
+
+## Project Setup
+
+Create a new project folder and initialize it:
+
+```bash
+mkdir pdf-typescript-app
+cd pdf-typescript-app
+npm init -y
+```
+
+Install TypeScript and the Vite dev server as development dependencies:
+
+```bash
+npm install typescript vite --save-dev
+```
+
+Initialize the TypeScript configuration:
+
+```bash
+npx tsc --init
+```
+
+When using Vite, the bundler handles compilation, so most `tsconfig.json` defaults are fine. The following minimal configuration is sufficient for this guide:
+
+```json
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "module": "ESNext",
+    "lib": ["DOM", "ES2020"],
+    "strict": true,
+    "moduleResolution": "bundler"
+  }
+}
+```
+
+N> Vite reads `tsconfig.json` for type-checking but performs its own bundling. The `outDir` setting is ignored by Vite; the bundled output is emitted to `dist/` automatically.
+
+## Configure the Start Script
+
+Add a `start` script to `package.json` so you can launch the Vite dev server with `npm start`:
+
+```json
+{
+  "scripts": {
+    "start": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  }
+}
+```
+
+## Install the JavaScript PDF Library
+
+All Syncfusion<sup>&reg;</sup> JS 2 packages are published in the `npmjs.com` registry. The `npm install` command below resolves `@syncfusion/ej2-pdf` to the latest stable version compatible with TypeScript 4.5 or later.
 
 * To install the [JavaScript PDF Library](https://www.syncfusion.com/document-sdk/javascript-pdf-library), use the following command.
 
 ```bash
 npm install @syncfusion/ej2-pdf --save
 ```
-N> For image and data extraction features, you need to install the `@syncfusion/ej2-pdf-data-extract` package as an add-on.
-Ensure that your application includes an `ej2-pdf-lib` folder within a publicly accessible static directory (such as wwwroot, public, or dist). This folder must contain the required `.js` and `.wasm` files needed for image and data extraction. This setup is not required for **basic PDF creation**.
 
-## Dependencies
+N> For image and data extraction features, install the `@syncfusion/ej2-pdf-data-extract` package as an add-on. Note the following:
+- Ensure that your application includes an `ej2-pdf-lib` folder within a publicly accessible static directory (such as `public/`, `dist/`, or `wwwroot/`).
+- This folder must contain the required `.js` and `.wasm` files needed for image and data extraction.
+- This setup is not required for **basic PDF creation**.
 
-The following list of dependencies are required to use the [JavaScript PDF Library](https://www.syncfusion.com/document-sdk/javascript-pdf-library) component in your application.
+### Transitive Dependencies
 
-```bash
-|-- @syncfusion/ej2-compression
-|-- @syncfusion/ej2-base
+The following packages are included automatically by `@syncfusion/ej2-pdf` and do not need to be installed separately:
+
+- `@syncfusion/ej2-base` — common utilities used by the library.
+- `@syncfusion/ej2-compression` — compression support used by PDF features.
+
+## License Registration
+
+If your project requires a Syncfusion license, register the license key before using the PDF API. Add the following code at the top of your entry point (e.g., `index.ts`):
+
+```ts
+import { registerLicense } from '@syncfusion/ej2-base';
+
+registerLicense('YOUR_LICENSE_KEY');
 ```
 
+Replace `YOUR_LICENSE_KEY` with the key from your Syncfusion account. For more information, see the [Syncfusion licensing documentation](https://help.syncfusion.com/document-processing/licensing/overview).
+
 ## 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.
+This sample is intended for **browser-based** TypeScript applications. It is not designed for server-side rendering or Node.js-only execution.
+
+* Add a simple button to `index.html` and a `<script type="module">` tag that loads `index.ts`. The button must exist before the click handler in `index.ts` runs.
 
 {% tabs %}
 {% highlight html tabtitle="index.html" %}
@@ -47,6 +132,7 @@ The following list of dependencies are required to use the [JavaScript PDF Libra
   </head>
   <body>
     <button id="normalButton">Create PDF document</button>
+    <script type="module" src="/src/index.ts"></script>
   </body>
 </html>
 {% endhighlight %}
@@ -62,22 +148,22 @@ import { PdfDocument, PdfGraphics, PdfPage, PdfFont, PdfFontFamily, PdfFontStyle
 {% endhighlight %}
 {% endtabs %}
 
-* Include the following code example in the click event of the button in `index.ts` to generate a PDF document 
+* Include the following code example in the click event of the button in `index.ts` to generate a PDF document
 
 {% tabs %}
 {% highlight typescript tabtitle="index.ts" %}
 
 document.getElementById('normalButton').onclick = (): void => {
   // Create a new PDF document
-  let pdf = new PdfDocument();
+  const pdf = new PdfDocument();
   // Add a new page
-  let page: PdfPage = pdf.addPage();
+  const page: PdfPage = pdf.addPage();
   // Get graphics from the page
-  let graphics: PdfGraphics = page.graphics;
+  const graphics: PdfGraphics = page.graphics;
   // Set font
-  let font: PdfFont = pdf.embedFont(PdfFontFamily.helvetica, 36, PdfFontStyle.regular);
+  const font: PdfFont = pdf.embedFont(PdfFontFamily.helvetica, 36, PdfFontStyle.regular);
   // Create a new black brush
-  let brush = new PdfBrush({r: 0, g: 0, b: 0});
+  const 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
@@ -89,14 +175,54 @@ document.getElementById('normalButton').onclick = (): void => {
 {% endhighlight %}
 {% endtabs %}
 
-* **Run the application**
+## Code Explanation
+
+- `registerLicense(key)` — registers the Syncfusion license key at application startup. Required for commercial usage.
+- `PdfDocument` — creates a new PDF document instance.
+- `addPage()` — appends a blank page to the document and returns the `PdfPage` object.
+- `page.graphics` — returns the `PdfGraphics` drawing surface for the page.
+- `embedFont(family, size, style)` — embeds one of the standard PDF font families (here, Helvetica 36pt regular) and returns a `PdfFont` object.
+- `new PdfBrush({ r, g, b })` — creates a solid color brush from an RGB object (each channel `0`-`255`); here, black.
+- `drawString(text, font, layoutRect, brush)` — draws the text inside the rectangle defined by `x`, `y`, `width`, and `height`.
+- `graphics.clientSize.width` — the writable width of the page in points.
+- `save('output.pdf')` — saves the PDF and triggers a browser download with the specified file name. The file is sent to the browser's default downloads folder.
+- `destroy()` — releases native resources held by the document.
 
-The quickstart project is configured to compile and run in the browser. Use the following command to start the application:
+## Run the application
+
+The quickstart project is configured to compile and run in the browser. Use the following command from the project root to start the application:
 
 ```bash
 npm start
 ```
 
+Vite serves the application at `http://localhost:5173`. Open this URL in a browser and click **Create PDF document** to download the generated file as `output.pdf`.
+
+The generated PDF contains a single page with the text "Hello World!!!" drawn at the top-left.
+
 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
+![Output PDF document](Getting_started_images/TypeScript-Output.png)
+
+N> The first run may take a few seconds while Vite optimizes dependencies. Subsequent runs are faster.
+
+## Troubleshooting
+
+| Problem | Cause | Resolution |
+|---|---|---|
+| `Error: Cannot find module '@syncfusion/ej2-pdf'` | The package is not installed | Run `npm install @syncfusion/ej2-pdf --save` |
+| `TS2304: Cannot find name 'PdfDocument'` (or similar) | The import line is missing | Confirm the `import` block at the top of `index.ts` is present |
+| Button click does nothing | The button ID does not match | Confirm the button's `id` is `normalButton` |
+| `Failed to resolve import "@syncfusion/ej2-pdf"` | The bundler cannot resolve the package | Confirm `node_modules/` exists and that you ran `npm install` |
+| `ReferenceError: document is not defined` | The code ran in a Node-only context (e.g., SSR) | This sample is browser-only; run it in a browser via `npm start` |
+| `Cannot GET /` | The dev server is not running | Run `npm start` and wait for "Local: http://localhost:5173/" |
+| PDF does not download | The browser blocks the download | Check the browser's download settings and downloads folder |
+| `registerLicense` warning at runtime | The license key is missing or invalid | Confirm the key is set in `index.ts` and is the correct key for your Syncfusion account |
+
+## See Also
+
+- [JavaScript PDF Library](https://www.syncfusion.com/document-sdk/javascript-pdf-library)
+- [JavaScript PDF Library documentation](https://help.syncfusion.com/document-processing/pdf/pdf-library/javascript/overview)
+- [JavaScript PDF Library API reference](https://ej2.syncfusion.com/documentation/api/pdf)
+- [JavaScript PDF Library examples](https://document.syncfusion.com/demos/pdf/javascript/#/fluent2/pdf/default)
+- [Syncfusion licensing documentation](https://help.syncfusion.com/document-processing/licensing/overview)
\ No newline at end of file
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 a66fb8ec30..d3c72c7042 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
@@ -1,109 +1,248 @@
 ---
 layout: post
-title: Create or Generate PDF file in Vue | Syncfusion
-description: Learn how to create a PDF file in Vue with easy steps using JavaScript PDF Library without depending on Adobe
+title: Create or Generate a PDF File in a Vue Application | Syncfusion
+description: Learn how to create a PDF file in a Vue application with easy steps using the JavaScript PDF Library without requiring Adobe Acrobat.
 control: PDF
 platform: document-processing
 documentation: ug
-keywords: pdf, script, vue, javascript
+keywords: pdf, vue, vue 3, vue 2, javascript
+canonical_url: https://help.syncfusion.com/document-processing/pdf/pdf-library/javascript/create-pdf-document-vue
 ---
 
-# Create or Generate PDF file in Vue application
+# Create or Generate a PDF File in a Vue Application
 
-The [JavaScript PDF Library](https://www.syncfusion.com/document-sdk/javascript-pdf-library) is used to create, read, and edit PDF documents. The [JavaScript PDF Library](https://www.syncfusion.com/document-sdk/javascript-pdf-library) also offers functionality to merge, split, stamp, fill forms, and secure PDF files.
+The [JavaScript PDF Library](https://www.syncfusion.com/document-sdk/javascript-pdf-library) is used to create, read, and edit PDF documents. The [JavaScript PDF Library](https://www.syncfusion.com/document-sdk/javascript-pdf-library) also offers functionality to merge, split, stamp, fill PDF forms, and secure PDF files.
 
-This guide explains how to integrate the [JavaScript PDF Library](https://www.syncfusion.com/document-sdk/javascript-pdf-library) into an Vue application.
+This guide explains how to integrate the [JavaScript PDF Library](https://www.syncfusion.com/document-sdk/javascript-pdf-library) into a Vue application that runs in the browser. The generated PDF is downloaded directly from the browser; no server-side PDF rendering is required.
 
-## Setting up the Vue 2 project
+> Vue 2 reached end-of-life on December 31, 2023. This guide leads with **Vue 3** (recommended) and provides a separate Vue 2 path for legacy projects.
 
-To generate a Vue 2 project using Vue-CLI, use the [Vue create](https://cli.vuejs.org/#getting-started) command. Follow these steps to install Vue CLI and create a new project:
+## Prerequisites
+
+Before you begin, make sure you have the following installed:
+
+- Node.js 18 or later.
+- npm 9 or later, or Yarn 1.22 or later.
+- Visual Studio Code, Code Studio, or another code editor.
+- A supported browser such as the latest versions of Microsoft Edge, Google Chrome, or Mozilla Firefox.
+
+To verify your Node.js and npm versions, run:
 
 ```bash
-npm install -g @vue/cli
-vue create quickstart
-cd quickstart
+node --version
+npm --version
 ```
 
-or
+## Create a Vue 3 Project (Recommended)
+
+Create a new Vue 3 project using the official scaffolding tool. This guide uses [Vite](https://vitejs.dev/) as the bundler.
 
 ```bash
-yarn global add @vue/cli
+npm create vue@latest my-pdf-app
+cd my-pdf-app
+npm install
+```
+
+When prompted, choose the default options (TypeScript is optional; this guide uses plain JavaScript).
+
+The final project structure is:
+
+```text
+my-pdf-app/
+├── public/
+├── src/
+│   ├── App.vue
+│   ├── main.js
+│   └── components/
+├── index.html
+└── package.json
+```
+
+## Create a Vue 2 Project (Legacy)
+
+N> Vue 2 reached end-of-life on December 31, 2023. Use Vue 2 only for legacy projects. `@vue/cli` is in maintenance mode.
+
+To create a Vue 2 project using the legacy Vue CLI:
+
+```bash
+npm install -g @vue/cli
 vue create quickstart
 cd quickstart
 ```
 
-When creating a new project, choose the option `Default ([Vue 2] babel, es-lint)` from the menu.
+When prompted, choose `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>&reg;</sup> components to the project.
-
-* **Installing JavaScript PDF package**
+## Install the JavaScript PDF Library
 
-All Syncfusion JS 2 packages are published in `npmjs.com` registry.
+All Syncfusion<sup>&reg;</sup> JS 2 packages are published in the `npmjs.com` registry. The `npm install` command below resolves `@syncfusion/ej2-pdf` to the latest stable version compatible with Vue 2.7+ or Vue 3.4+.
 
 * To install the [JavaScript PDF Library](https://www.syncfusion.com/document-sdk/javascript-pdf-library), use the following command.
 
 ```bash
 npm install @syncfusion/ej2-pdf --save
 ```
-or
+
+* If you prefer Yarn, use the following command.
+
 ```bash
 yarn add @syncfusion/ej2-pdf
 ```
 
-N> For image and data extraction features, you need to install the `@syncfusion/ej2-pdf-data-extract` package as an add-on.
-* Copy the `ej2-pdf-lib` folder from the @syncfusion/ej2-pdf-data-extract package into your project's **public, dist, or assets** directory (where your static files are served).
-* Make sure the `ej2-pdf-lib` folder exists in your final build output if you need to extract images or data from PDF files.
-* Ensure your server serves .wasm files with the **Content-Type: application/wasm** MIME type.
-* This setup is not required for **basic PDF creation**.
+N> For image and data extraction features, install the `@syncfusion/ej2-pdf-data-extract` package as an add-on. Note the following:
+- Copy the `ej2-pdf-lib` folder from the `@syncfusion/ej2-pdf-data-extract` package into your project's `public/`, `dist/`, or `assets/` directory (wherever your static files are served).
+- Make sure the `ej2-pdf-lib` folder exists in your final build output if you need to extract images or data from PDF files.
+- Ensure your server serves `.wasm` files with the **Content-Type: application/wasm** MIME type. Vite and Vue CLI dev servers already handle this; configure production servers manually.
+- This setup is not required for **basic PDF creation**.
+
+### Transitive Dependencies
+
+The following packages are included automatically by `@syncfusion/ej2-pdf` and do not need to be installed separately:
+
+- `@syncfusion/ej2-base` — common utilities used by the library.
+- `@syncfusion/ej2-compression` — compression support used by PDF features.
+
+## License Registration
+
+If your project requires a Syncfusion license, register the license key before using the PDF API. Add the following code at the top of `src/App.vue`'s `<script>` block:
+
+```js
+import { registerLicense } from '@syncfusion/ej2-base';
+
+registerLicense('YOUR_LICENSE_KEY');
+```
+
+Replace `YOUR_LICENSE_KEY` with the key from your Syncfusion account. For more information, see the [Syncfusion licensing documentation](https://help.syncfusion.com/document-processing/licensing/overview).
+
+## Create 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.
+Replace the contents of `src/App.vue` with the following code. The script imports the PDF classes as named exports from `@syncfusion/ej2-pdf` and creates a one-page PDF in a click handler. The same code works for both Vue 2 and Vue 3.
 
 {% tabs %}
-{% highlight html tabtitle="~/App.vue" %}
+{% highlight html tabtitle="App.vue" %}
 <script>
+import { registerLicense } from '@syncfusion/ej2-base';
+import {
+  PdfDocument,
+  PdfFontFamily,
+  PdfFontStyle,
+  PdfBrush
+} from '@syncfusion/ej2-pdf';
+
+// Optional: register the Syncfusion license key (required for commercial usage)
+registerLicense('YOUR_LICENSE_KEY');
+
 export default {
   name: 'App',
   methods: {
     createPdf() {
-    // Create a new PDF document
-    const pdf = new ej.pdf.PdfDocument();
-    // Add a new page
-    const page: ej.pdf.PdfPage = pdf.addPage();
-    // Get graphics from the page
-    const graphics: ej.pdf.PdfGraphics = page.graphics;
-    // Set font
-    const font: ej.pdf.PdfStandardFont = pdf.embedFont(ej.pdf.PdfFontFamily.helvetica, 36, ej.pdf.PdfFontStyle.regular);
-    // Create a new black brush
-    const brush = new ej.pdf.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');
-    // Destroy the PDF document instance
-    pdf.destroy();
-
+      // Create a new PDF document
+      const pdf = new PdfDocument();
+
+      // Add a new page
+      const page = pdf.addPage();
+
+      // Get graphics from the page
+      const graphics = page.graphics;
+
+      // Embed a standard font (family, size, style)
+      const font = pdf.embedFont(
+        PdfFontFamily.helvetica,
+        36,
+        PdfFontStyle.regular
+      );
+
+      // Create a solid black brush using an RGB object
+      const brush = new PdfBrush({ r: 0, g: 0, b: 0 });
+
+      // Draw the text inside a layout rectangle
+      graphics.drawString(
+        'Hello World!!!',
+        font,
+        { x: 20, y: 20, width: graphics.clientSize.width - 20, height: 60 },
+        brush
+      );
+
+      // Save and download the PDF
+      pdf.save('Output.pdf');
+
+      // Release document resources
+      pdf.destroy();
     }
   }
 };
 </script>
+
+<template>
+  <div id="app">
+    <button @click="createPdf">Create PDF document</button>
+  </div>
+</template>
 {% endhighlight %}
 {% endtabs %}
 
-## Run the project
+N> This sample uses **named imports** from the npm package (`import { PdfDocument, ... } from '@syncfusion/ej2-pdf'`). The npm package does not expose a global `ej` namespace; using `ej.pdf.PdfDocument` without an import will throw `ReferenceError: ej is not defined` in a Vite or Vue CLI build. If you prefer the UMD-style global, load `ej2.min.js` from the Syncfusion CDN in `index.html` (or `public/index.html`) instead of importing the npm package.
+
+N> A click handler is used in this example, so no lifecycle hooks (`mounted`, `onMounted`) are required. The PDF classes load when the import runs at module evaluation time, which happens before any user interaction.
+
+## Code Explanation
+
+- `registerLicense(key)` — registers the Syncfusion license key at application startup. Required for commercial usage.
+- `PdfDocument` — creates a new PDF document instance.
+- `addPage()` — appends a blank page to the document and returns the `PdfPage` object.
+- `page.graphics` — returns the `PdfGraphics` drawing surface for the page.
+- `embedFont(family, size, style)` — embeds one of the standard PDF font families (here, Helvetica 36pt regular) and returns a `PdfFont` object.
+- `new PdfBrush({ r, g, b })` — creates a solid color brush from an RGB object (each channel `0`-`255`); here, black.
+- `drawString(text, font, layoutRect, brush)` — draws the text inside the rectangle defined by `x`, `y`, `width`, and `height`.
+- `graphics.clientSize.width` — the writable width of the page in points.
+- `save('Output.pdf')` — saves the PDF and triggers a browser download with the specified file name. The file is sent to the browser's default downloads folder.
+- `destroy()` — releases native resources held by the document.
 
-To run the project, use the following command:
+## Run the Application
+
+### Vue 3 (Vite)
+
+Open a terminal in the project root and start the Vite development server:
 
 ```bash
-npm run serve
+npm run dev
 ```
-or
+
+Vite serves the application at `http://localhost:5173`. Open this URL in a browser and click **Create PDF document** to download the generated file as `Output.pdf`.
+
+### Vue 2 (Vue CLI)
+
+Open a terminal in the project root and start the Vue CLI development server:
 
 ```bash
-yarn run serve
+npm run serve
 ```
 
-By executing the program, you will generate the following PDF document.
+Vue CLI serves the application at `http://localhost:8080`. Open this URL in a browser and click **Create PDF document** to download the generated file as `Output.pdf`.
+
+The generated PDF contains a single page with the text "Hello World!!!" drawn at the top-left.
+
+![Vue PDF output](Getting_started_images/Vue-Output.png)
+
+## Troubleshooting
+
+| Problem | Cause | Resolution |
+|---|---|---|
+| `ReferenceError: ej is not defined` | The code uses the global `ej.pdf` namespace but the npm package does not expose it | Switch to named imports: `import { PdfDocument, ... } from '@syncfusion/ej2-pdf'` |
+| `SyntaxError: Unexpected token ':'` in `App.vue` | TypeScript type annotations were left in a plain `<script>` block | Remove the `: ej.pdf.PdfType` annotations, or add `lang="ts"` to the `<script>` tag and configure TypeScript in the project |
+| `Error: Cannot find module '@syncfusion/ej2-pdf'` | The package is not installed | Run `npm install @syncfusion/ej2-pdf --save` |
+| Button click does nothing | The click handler is not wired | Confirm the button uses `@click="createPdf"` and that `createPdf` is defined in the `methods` block |
+| `WASM` 404 or MIME type error | The `ej2-pdf-lib` folder is missing or not served with the right MIME type | Copy the `ej2-pdf-lib` folder from the `@syncfusion/ej2-pdf-data-extract` package into `public/` and confirm the server serves `.wasm` as `application/wasm` |
+| `Output.pdf` does not download | The browser blocks the download | Check the browser's download settings and the downloads folder |
+| `registerLicense` warning at runtime | The license key is missing or invalid | Confirm the key is set in `App.vue` and is the correct key for your Syncfusion account |
+| Port already in use (`5173` or `8080`) | Another process is using the port | Stop the conflicting process or change the port in `vite.config.js` / `vue.config.js` |
+| `npm install` warns about deprecated packages on Vue 2 | Vue 2 and `@vue/cli` are in maintenance / EOL | Migrate to Vue 3 using `npm create vue@latest` |
+
+## See Also
 
-![Vue PDF output](Getting_started_images/Output.png)
+- [JavaScript PDF Library](https://www.syncfusion.com/document-sdk/javascript-pdf-library)
+- [JavaScript PDF Library documentation](https://help.syncfusion.com/document-processing/pdf/pdf-library/javascript/overview)
+- [JavaScript PDF Library API reference](https://ej2.syncfusion.com/documentation/api/pdf)
+- [JavaScript PDF Library examples](https://document.syncfusion.com/demos/pdf/vue/#/fluent2/pdf/default)
+- [Syncfusion licensing documentation](https://help.syncfusion.com/document-processing/licensing/overview)

From 825379eee313a4efc13e35904c82cabbde20c76b Mon Sep 17 00:00:00 2001
From: "AzureAD\\DhakshinPrasathDhanr" <DhakshinPrasathDhanr>
Date: Thu, 16 Jul 2026 17:36:32 +0530
Subject: [PATCH 2/3] 1041294: Resolved ci failures

---
 .../javascript/Create-PDF-document-angular.md          |  1 -
 .../javascript/Create-PDF-document-asp-net-core.md     |  2 +-
 .../javascript/Create-PDF-document-asp-net-mvc.md      |  2 +-
 .../javascript/Create-PDF-document-javascript.md       | 10 +++++-----
 .../javascript/Create-PDF-document-node-js.md          |  7 +++----
 .../javascript/Create-PDF-document-react.md            |  2 +-
 .../javascript/Create-PDF-document-typescript.md       |  8 ++++----
 .../PDF-Library/javascript/Create-PDF-document-vue.md  |  6 +++---
 8 files changed, 18 insertions(+), 20 deletions(-)

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 ff790ff08a..91e287afb9 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
@@ -176,7 +176,6 @@ When you click **Create PDF document**, the PDF file is generated in the browser
 |---|---|---|
 | `TS2304: Cannot find name 'PdfDocument'` (or similar) | The import line is missing or the package is not installed | Confirm `npm install @syncfusion/ej2-pdf` ran successfully and that the import is in `app.component.ts` |
 | `Error: Cannot find module '@syncfusion/ej2-pdf'` | The package is not installed | Run `npm install @syncfusion/ej2-pdf --save` |
-| `ReferenceError: document is not defined` during build | The PDF code ran during server-side rendering | Move the PDF generation into a click handler or another browser-only lifecycle hook |
 | Button click does nothing | The button ID does not match the ID used in `getElementById` | Confirm the button's `id` is `normalButton` |
 | PDF file does not download | The browser blocks the download | Check the browser's download settings and the downloads folder |
 | Build fails with TypeScript errors | The Angular TypeScript version is incompatible with the PDF package | Update Angular to 20 or later and run `npm install` again |
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 113bd3834d..1fb228f4f7 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
@@ -102,7 +102,7 @@ Step 6: Create a PDF document: open `~/Views/Home/Index.cshtml` and add a button
 
 ## Code Explanation
 
-- `ej.pdf.PdfDocument` — creates a new PDF document instance. All PDF types are namespaced under `ej.pdf` when loaded from the Syncfusion CDN.
+- `ej.pdf.PdfDocument` — creates a new PDF document instance.
 - `addPage()` — appends a blank page to the document and returns the `PdfPage` object.
 - `page.graphics` — returns the `PdfGraphics` drawing surface for the page.
 - `embedFont(family, size, style)` — embeds one of the standard PDF font families (here, Helvetica 36pt regular) and returns a `PdfStandardFont` object.
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 05acb501e7..39a4d01fcf 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
@@ -111,7 +111,7 @@ Step 6: Create a PDF document: open `~/Views/Home/Index.cshtml` and add a button
 
 ## Code Explanation
 
-- `ej.pdf.PdfDocument` — creates a new PDF document instance. All PDF types are namespaced under `ej.pdf` when loaded from the Syncfusion CDN.
+- `ej.pdf.PdfDocument` — creates a new PDF document instance.
 - `addPage()` — appends a blank page to the document and returns the `PdfPage` object.
 - `page.graphics` — returns the `PdfGraphics` drawing surface for the page.
 - `embedFont(family, size, style)` — embeds one of the standard PDF font families (here, Helvetica 36pt regular) and returns a `PdfStandardFont` object.
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 ee0a0ea8e5..912943c42b 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
@@ -72,10 +72,10 @@ Step 3: Create a complete `index.html` inside `my-app` with the following conten
     <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>
-        <button id="btnCreatePdf" class="btn btn-primary">Generate PDF document</button>
+        <button id="createPdf" class="btn btn-primary">Generate PDF document</button>
     </div>
     <script>
-        document.getElementById('btnCreatePdf').addEventListener('click', function () {
+        document.getElementById('createPdf').addEventListener('click', function () {
             // Create a new PDF document
             const pdf = new ej.pdf.PdfDocument();
             // Add a new page
@@ -108,11 +108,11 @@ Step 3: Create a complete `index.html` inside `my-app` with the following conten
 {% endhighlight %}
 {% endtabs %}
 
-N> The script tag is placed at the end of `<body>` so that `document.getElementById('btnCreatePdf')` finds the button. If you prefer to put the script in `<head>`, wrap the listener registration in a `DOMContentLoaded` event.
+N> The script tag is placed at the end of `<body>` so that `document.getElementById('createPdf')` finds the button. If you prefer to put the script in `<head>`, wrap the listener registration in a `DOMContentLoaded` event.
 
 ## Code Explanation
 
-- `ej.pdf.PdfDocument` — creates a new PDF document instance. All PDF types are namespaced under `ej.pdf` when loaded from the Syncfusion CDN.
+- `ej.pdf.PdfDocument` — creates a new PDF document instance.
 - `addPage()` — appends a blank page to the document and returns the `PdfPage` object.
 - `page.graphics` — returns the `PdfGraphics` drawing surface for the page.
 - `embedFont(family, size, style)` — embeds one of the standard PDF font families (here, Helvetica 36pt regular) and returns a `PdfStandardFont` object.
@@ -142,7 +142,7 @@ Step 5: Open the served URL in your browser. For `npx serve`, the default URL is
 
 Click **Generate PDF document**. The browser downloads `Output.pdf`, which contains a single page with the text "Hello World!!!" drawn at the top-left.
 
-![Output PDF document](Getting_started_images/JavaScript-Output.png)
+![Output PDF document](Getting_started_images/Output.png)
 
 ## Additional Configuration (Optional)
 
diff --git a/Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-node-js.md b/Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-node-js.md
index 4c7111a6ae..44634a3fae 100644
--- a/Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-node-js.md
+++ b/Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-node-js.md
@@ -1,6 +1,6 @@
 ---
 layout: post
-title: Create or Generate a PDF File in a Node.js Server Environment | Syncfusion
+title: Create or Generate a PDF File in a Node.js | Syncfusion
 description: Learn how to create a PDF file in a Node.js server with easy steps using the JavaScript PDF Library without depending on Adobe.
 platform: document-processing
 control: PDF
@@ -120,7 +120,7 @@ mkdir public
 {% endhighlight %}
 {% endtabs %}
 
-N> The `fetch` call uses a relative path (`/generate-pdf`) because the frontend is served by the same Express server. This avoids CORS configuration. If you host the frontend on a different origin, enable CORS in Express using the `cors` package and update the `fetch` URL to the full backend origin.
+N> The `fetch` call uses a relative path (`/generate-pdf`) because the frontend is served by the same Express server. This avoids CORS configuration. If you host the frontend on a different origin, enable CORS in Express using the `cors` package and update the `fetch` URL to the full server origin.
 
 * Include the following namespaces in `server.js`. This guide uses CommonJS (the default `npm init` setting). If you prefer ESM, add `"type": "module"` to `package.json` and use the imports shown in the **Module imports (ESM)** tab below.
 
@@ -202,7 +202,6 @@ app.listen(PORT, () => {
 - `addPage()` — appends a blank page and returns the page object.
 - `page.graphics` — exposes the `PdfGraphics` instance used to draw content.
 - `embedFont(family, size, style)` — embeds one of the standard PDF font families. Returns a `PdfFont` object.
-- `PdfFontFamily.helvetica` — selects the Helvetica standard font family.
 - `PdfFontStyle.regular` — selects the regular (non-bold, non-italic) style.
 - `new PdfBrush({ r, g, b })` — creates a solid color brush from an RGB object (each channel `0`-`255`).
 - `graphics.drawString(text, font, layoutRect, brush)` — draws the text inside the rectangle defined by `x`, `y`, `width`, and `height`.
@@ -227,7 +226,7 @@ N> If the port is already in use, stop the conflicting process or change `PORT`
 
 Clicking **Create PDF** triggers the `fetch('/generate-pdf')` call. The server responds with the PDF bytes and the `Content-Disposition: attachment; filename=Output.pdf` header causes the browser to download the file as `Output.pdf`. The file contains a single page with the text "Hello from Frontend!" drawn at the top-left of the page.
 
-![Output PDF document](Getting_started_images/Node-Output.png)
+![Output PDF document](Getting_started_images/Output.png)
 
 N> The `Content-Disposition: inline` value can be used instead of `attachment` if you want the PDF to open in a browser tab rather than download.
 
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 8c3dd6e3ff..b6a00b7770 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
@@ -165,7 +165,7 @@ Vite serves the application at `http://localhost:5173`. Open this URL in a brows
 
 The generated PDF contains a single page with the text "Hello World!!!" drawn at the top-left.
 
-![Output PDF document](Getting_started_images/React-Output.png)
+![Output PDF document](Getting_started_images/Output.png)
 
 N> If you used Create-React-App instead of Vite, the run command is `npm start` and the default URL is `http://localhost:3000`.
 
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 c6845f125e..41fcdfa883 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
@@ -23,7 +23,7 @@ Before you begin, make sure you have the following installed:
 - npm 9 or later, or Yarn 1.22 or later.
 - TypeScript 4.5 or later.
 - Code Studio, Visual Studio Code, or another code editor.
-- A browser-based bundler or dev server. This guide uses [Vite](https://vitejs.dev/), but Webpack, Parcel, or esbuild also work.
+- A browser-based bundler or dev server.
 
 To verify your Node.js and npm versions, run:
 
@@ -54,7 +54,7 @@ Initialize the TypeScript configuration:
 npx tsc --init
 ```
 
-When using Vite, the bundler handles compilation, so most `tsconfig.json` defaults are fine. The following minimal configuration is sufficient for this guide:
+The following minimal configuration is sufficient for this guide:
 
 ```json
 {
@@ -68,7 +68,7 @@ When using Vite, the bundler handles compilation, so most `tsconfig.json` defaul
 }
 ```
 
-N> Vite reads `tsconfig.json` for type-checking but performs its own bundling. The `outDir` setting is ignored by Vite; the bundled output is emitted to `dist/` automatically.
+N> The `outDir` setting is ignored by Vite; the bundled output is emitted to `dist/` automatically.
 
 ## Configure the Start Script
 
@@ -202,7 +202,7 @@ The generated PDF contains a single page with the text "Hello World!!!" drawn at
 
 By executing the program, you will get the PDF document as follows.
 
-![Output PDF document](Getting_started_images/TypeScript-Output.png)
+![Output PDF document](Getting_started_images/Output.png)
 
 N> The first run may take a few seconds while Vite optimizes dependencies. Subsequent runs are faster.
 
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 d3c72c7042..e93105052d 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
@@ -60,7 +60,7 @@ my-pdf-app/
 
 ## Create a Vue 2 Project (Legacy)
 
-N> Vue 2 reached end-of-life on December 31, 2023. Use Vue 2 only for legacy projects. `@vue/cli` is in maintenance mode.
+N> Vue 2 reached end-of-life on December 31, 2023. Use Vue 2 only for legacy projects.
 
 To create a Vue 2 project using the legacy Vue CLI:
 
@@ -184,7 +184,7 @@ export default {
 
 N> This sample uses **named imports** from the npm package (`import { PdfDocument, ... } from '@syncfusion/ej2-pdf'`). The npm package does not expose a global `ej` namespace; using `ej.pdf.PdfDocument` without an import will throw `ReferenceError: ej is not defined` in a Vite or Vue CLI build. If you prefer the UMD-style global, load `ej2.min.js` from the Syncfusion CDN in `index.html` (or `public/index.html`) instead of importing the npm package.
 
-N> A click handler is used in this example, so no lifecycle hooks (`mounted`, `onMounted`) are required. The PDF classes load when the import runs at module evaluation time, which happens before any user interaction.
+N> A click handler is used in this example, so no ladditional setup is required. The PDF classes load when the import runs at module evaluation time, which happens before any user interaction.
 
 ## Code Explanation
 
@@ -223,7 +223,7 @@ Vue CLI serves the application at `http://localhost:8080`. Open this URL in a br
 
 The generated PDF contains a single page with the text "Hello World!!!" drawn at the top-left.
 
-![Vue PDF output](Getting_started_images/Vue-Output.png)
+![Vue PDF output](Getting_started_images/Output.png)
 
 ## Troubleshooting
 

From b2c9ee57d3b20563af06c31be96fe41d92b478d6 Mon Sep 17 00:00:00 2001
From: "AzureAD\\DhakshinPrasathDhanr" <DhakshinPrasathDhanr>
Date: Thu, 16 Jul 2026 19:30:15 +0530
Subject: [PATCH 3/3] 1041294: Resolved ci failure

---
 .../PDF/PDF-Library/javascript/Create-PDF-document-vue.md       | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

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 e93105052d..7ac50e00c8 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
@@ -184,7 +184,7 @@ export default {
 
 N> This sample uses **named imports** from the npm package (`import { PdfDocument, ... } from '@syncfusion/ej2-pdf'`). The npm package does not expose a global `ej` namespace; using `ej.pdf.PdfDocument` without an import will throw `ReferenceError: ej is not defined` in a Vite or Vue CLI build. If you prefer the UMD-style global, load `ej2.min.js` from the Syncfusion CDN in `index.html` (or `public/index.html`) instead of importing the npm package.
 
-N> A click handler is used in this example, so no ladditional setup is required. The PDF classes load when the import runs at module evaluation time, which happens before any user interaction.
+N> A click handler is used in this example, so no additional setup is required. The PDF classes load when the import runs at module evaluation time, which happens before any user interaction.
 
 ## Code Explanation