999358-hotfix: Added proper link and code changes in JavaScript UG.

Author: sameerkhan001

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

@@ -34,6 +34,7 @@ document.destroy();
 
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Create a new PDF document
 var document = new ej.pdf.PdfDocument();
 // Add page
@@ -52,49 +53,6 @@ document.destroy();
 {% endhighlight %}
 {% endtabs %}
 
-## Adding Bookmarks in an existing PDF document
-
-This example demonstrates how to add bookmarks to an existing PDF document using the `PdfBookmark` class. This allows you to enhance navigation in already created PDF document.
-
-{% tabs %}
-{% highlight javascript tabtitle="TypeScript" %}
-import {PdfDocument, PdfPage, PdfBookmarkBase, PdfDestination} from '@syncfusion/ej2-pdf';
-
-// Load an existing PDF document
-let document: PdfDocument = new PdfDocument(data);
-// Get page
-let page: PdfPage = document.getPage(0);
-// Get the bookmarks
-let bookmarks: PdfBookmarkBase = document.bookmarks;
-// Gets the bookmark at the specified index
-let bookmark: PdfBookmark = bookmarks.at(0) as PdfBookmark;
-// Set the destination
-bookmark.destination = new PdfDestination(page, { x: 100, y: 200 });
-// Save the document
-document.save('Output.pdf');
-// Close the document
-document.destroy();
-    
-{% endhighlight %}
-{% highlight javascript tabtitle="JavaScript" %}
-// Load an existing PDF document
-var document = new ej.pdf.PdfDocument(data);
-// Get page
-var page = document.getPage(0);
-// Get the bookmarks
-var bookmarks = document.bookmarks;
-// Get the bookmark at the specified index
-var bookmark = bookmarks.at(0);
-// Set the destination
-bookmark.destination = new ej.pdf.PdfDestination(page, { x: 100, y: 200 });
-// Save the document
-document.save('Output.pdf');
-// Close the document
-document.destroy();
-
-{% endhighlight %}
-{% endtabs %}
-
 ## Inserting Bookmarks in an existing PDF
 
 This example demonstrates how to insert bookmarks at a specific position in an existing PDF document using the `PdfBookmark` class. This feature allows precise control over bookmark order.
@@ -109,7 +67,7 @@ let document: PdfDocument = new PdfDocument(data);
 let page: PdfPage = document.getPage(0) as PdfPage;
 // Get the bookmarks
 let bookmarks: PdfBookmarkBase = document.bookmarks;
-// Add a new outline to the PDF document
+// Add a new bookmark at the specified page index
 let bookmark: PdfBookmark = bookmarks.add('Introduction', 1);
 // Sets destination to the bookmark
 bookmark.destination = new PdfDestination(page, { x: 100, y: 200 });
@@ -120,13 +78,14 @@ document.destroy();
 
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
 // Get the first page
 var page = document.getPage(0);
 // Get the bookmarks
 var bookmarks = document.bookmarks;
-// Add a new outline to the PDF document
+// Add a new bookmark at the specified page index
 var bookmark = bookmarks.add('Introduction', 1);
 // Set destination to the bookmark
 bookmark.destination = new ej.pdf.PdfDestination(page, { x: 100, y: 200 });
@@ -160,6 +119,7 @@ document.destroy();
 
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
 // Get the first page
@@ -199,6 +159,7 @@ document.destroy();
 
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
 // Get the first page
@@ -238,6 +199,7 @@ document.destroy();
 
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
 // Get the bookmarks
@@ -275,6 +237,7 @@ document.destroy();
 
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
 // Get bookmarks

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

@@ -44,6 +44,12 @@ All the available JS 2 packages are published in `npmjs.com` registry.
 npm install @syncfusion/ej2-pdf --save
 ```
 N> For data extraction features, you need to install the `@syncfusion/ej2-pdf-data-extract` package as an add-on.
+* Copy the contents of the openjpeg folder from ./node_modules/@syncfusion/ej2-pdf-data-extract/dist to the public directory using the command:
+```bash
+cp -R ./node_modules/@syncfusion/ej2-pdf-data-extract/dist/openjpeg public/js/openjpeg
+```
+* Confirm that there is an 'openjpeg' directory within your public directory, if you extracting images from PDF.
+* Validate that your server has been configured to utilize the Content-Type: application/wasm MIME type.
 
 ## Create a PDF document using TypeScript
 

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

@@ -39,7 +39,7 @@ N> Check out the following topics for including script references in an ASP.NET
 *   [CDN](https://ej2.syncfusion.com/aspnetcore/documentation/common/adding-script-references#cdn-reference)
 *   [NPM Package](https://ej2.syncfusion.com/aspnetcore/documentation/common/adding-script-references#node-package-manager-npm)
 *   [CRG](https://ej2.syncfusion.com/aspnetcore/documentation/common/custom-resource-generator)
-N> And ensure the application includes an `openjpeg` folder under `wwwroot` (or a publicly accessible static path). This folder must contain the `openjpeg.js` and `openjpeg.wasm` files, along with the PDF file to extract images. Keep these in the same static content area as `ej2.min.js`.
+And ensure the application includes an `openjpeg` folder under `wwwroot` (or a publicly accessible static path). This folder must contain the `openjpeg.js` and `openjpeg.wasm` files, along with the PDF file to extract images. Keep these in the same static content area as `ej2.min.js`.
 
 Step 6: **Create a PDF document** : Add the script in `~/Views/Home/Index.cshtml` by creating a button and attaching a click event that uses the JavaScript PDF API to generate a PDF document.
 

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

@@ -36,7 +36,11 @@ Step 5: **Add script reference** : Add the required scripts using the CDN inside
 {% endhighlight %}
 {% endtabs %}
 
-N> And ensure the application includes an `openjpeg` folder under `Scripts` (or a publicly accessible static path). This folder must contain the `openjpeg.js` and `openjpeg.wasm` files, along with the PDF file to extract images. Keep these in the same static content area as `ej2.min.js`.
+N> Check out the following topics for including script references in an ASP.NET MVC application to enable PDF creation using the Syncfusion<sup>&reg;</sup> JavaScript PDF library:
+*   [CDN](https://ej2.syncfusion.com/aspnetmvc/documentation/common/adding-script-references)
+*   [NPM Package](https://ej2.syncfusion.com/aspnetmvc/documentation/common/adding-script-references#node-package-manager-npm)
+*   [CRG](https://ej2.syncfusion.com/aspnetmvc/documentation/common/custom-resource-generator)
+And ensure the application includes an `openjpeg` folder under `Scripts` (or a publicly accessible static path). This folder must contain the `openjpeg.js` and `openjpeg.wasm` files, along with the PDF file to extract images. Keep these in the same static content area as `ej2.min.js`.
 
 Step 6: **Create a PDF document** : Add the script in `~/Views/Home/Index.cshtml` by creating a button and attaching a click event that uses the JavaScript PDF API to generate a PDF document.
 

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

@@ -39,6 +39,11 @@ Step 3: Create a HTML page (index.html) in `my-app` location and add the CDN lin
 {% endhighlight %}
 {% endtabs %}
 
+N> For the JavaScript platform, place the **openjpeg** folder in the same location as your `index.html` file. Ensure that your application includes an `openjpeg` folder under `Scripts` (or any publicly accessible static path). This folder must contain the following:
+*   `openjpeg.js`
+*   `openjpeg.wasm`
+Along with the PDF file from which you want to extract images. Keep these files in the same static content area as `ej2.min.js` to ensure proper loading.
+
 Step 4: **Create a PDF document** : Add the script in `index.html` by creating a button and attaching a click event that uses the JavaScript PDF API to generate a PDF document.
 
 {% tabs %}
@@ -73,12 +78,6 @@ Step 4: **Create a PDF document** : Add the script in `index.html` by creating a
 {% endhighlight %}
 {% endtabs %}
 
-N> For the JavaScript platform, place the **openjpeg** folder in the same location as your `index.html` file. Ensure that your application includes an `openjpeg` folder under `Scripts` (or any publicly accessible static path). This folder must contain the following:
-*   `openjpeg.js`
-*   `openjpeg.wasm`
-
-Along with the PDF file from which you want to extract images. Keep these files in the same static content area as `ej2.min.js` to ensure proper loading.
-
 By executing the program, you will get the PDF document as follows.
 
 ![Output PDF document](Getting_started_images/Output.png)

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

@@ -24,18 +24,17 @@ All the available JS 2 packages are published in `npmjs.com` registry.
 npm install @syncfusion/ej2-pdf --save
 ```
 N> For data extraction features, you need to install the `@syncfusion/ej2-pdf-data-extract` package as an add-on.
-
 * Copy the contents of the openjpeg folder from ./node_modules/@syncfusion/ej2-pdf-data-extract/dist to the public directory using the command:
 ```bash
 cp -R ./node_modules/@syncfusion/ej2-pdf-data-extract/dist/openjpeg public/openjpeg
 ```
 * Confirm that there is an 'openjpeg' directory within your public directory, if you extracting images from PDF.
-* Validate that your server has been configured to utilize the Content-Type: application/wasm MIME type. Additional information can be found in the [Troubleshooting](./troubleshooting/troubleshooting) section.
+* Validate that your server has been configured to utilize the Content-Type: application/wasm MIME type.
 
 **Create a PDF document** : Add the script in `App.jsx` by creating a button and attaching a click event that uses the JavaScript PDF API to generate a PDF document.
 
 {% tabs %}
-{% highlight jsx tabtitle="~/App.jsx" %}
+{% highlight html tabtitle="~/App.jsx" %}
 import React from 'react';
 
 export default function App() {

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

@@ -14,6 +14,21 @@ The Syncfusion<sup>&reg;</sup> TypeScript PDF library is used to create, read, a
 
 This guide explains how to integrate the TypeScript PDF library into an TypeScript application.
 
+## Installing Syncfusion<sup>&reg;</sup> JavaScript PDF package
+
+All the available JS 2 packages are published in `npmjs.com` registry.
+
+* To install PDF component, use the following command.
+
+```bash
+npm install @syncfusion/ej2-pdf --save
+```
+N> For data extraction features, you need to install the `@syncfusion/ej2-pdf-data-extract` package as an add-on.
+For the TypeScript platform, place the **openjpeg** folder in the same location as your `index.html` file. Ensure that your application includes an `openjpeg` folder under `Scripts` (or any publicly accessible static path). This folder must contain the following:
+*   `openjpeg.js`
+*   `openjpeg.wasm`
+Along with the PDF file from which you want to extract images.
+
 ## Dependencies
 
 The following list of dependencies are required to use the `TypeScript PDF library` component in your application.
@@ -40,12 +55,6 @@ The following list of dependencies are required to use the `TypeScript PDF libra
 {% endhighlight %}
 {% endtabs %}
 
-N> For the TypeScript platform, place the **openjpeg** folder in the same location as your `index.html` file. Ensure that your application includes an `openjpeg` folder under `Scripts` (or any publicly accessible static path). This folder must contain the following:
-*   `openjpeg.js`
-*   `openjpeg.wasm`
-
-Along with the PDF file from which you want to extract images. Keep these files in the same static content area as `ej2.min.js` to ensure proper loading.
-
 * Include the following namespaces in `index.ts` file.
 
 {% tabs %}

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

@@ -48,18 +48,17 @@ All the available JS 2 packages are published in `npmjs.com` registry.
 npm install @syncfusion/ej2-pdf --save
 ```
 N> For data extraction features, you need to install the `@syncfusion/ej2-pdf-data-extract` package as an add-on.
-
 * Copy the contents of the openjpeg folder from ./node_modules/@syncfusion/ej2-pdf-data-extract/dist to the public directory using the command:
 ```bash
 cp -R ./node_modules/@syncfusion/ej2-pdf-data-extract/dist/openjpeg public/js/openjpeg
 ```
 * Confirm that there is an 'openjpeg' directory within your public directory, if you extracting images from PDF.
-* Validate that your server has been configured to utilize the Content-Type: application/wasm MIME type. Additional information can be found in the [Troubleshooting](./troubleshooting/troubleshooting) section.
+* Validate that your server has been configured to utilize the Content-Type: application/wasm MIME type.
 
 * **Create a PDF document** : Add the script in `App.vue` by creating a button and attaching a click event that uses the JavaScript PDF API to generate a PDF document.
 
 {% tabs %}
-{% highlight vue tabtitle="~/App.vue" %}
+{% highlight html tabtitle="~/App.vue" %}
 <script>
 export default {
   name: 'App',