PDF contents updated

Author: SF2381

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

@@ -82,23 +82,23 @@ import { PdfDocument, PdfPage, PdfStandardFont, PdfPen, PdfBrush } from '@syncfu
 {% tabs %}
 {% highlight ts tabtitle="app.component.ts" %}
 document.getElementById('normalButton').onclick = (): void => {
-        // Create a new PDF document
-        const document = new PdfDocument();
-        // Add a new page
-        const page: PdfPage = document.addPage();
-        // Get graphics from the page
-        const graphics: PdfGraphics = page.graphics;
-        // Set font
-        const font: PdfStandardFont = document.embedFont(PdfFontFamily.helvetica, 36, PdfFontStyle.regular);
-        // Create a new black brush
-        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
-        document.save('Output.pdf');
-        // Destroy the PDF document instance
-        document.destroy();
-        };   
+    // Create a new PDF document
+    const document = new PdfDocument();
+    // Add a new page
+    const page: PdfPage = document.addPage();
+    // Get graphics from the page
+    const graphics: PdfGraphics = page.graphics;
+    // Set font
+    const font: PdfStandardFont = document.embedFont(PdfFontFamily.helvetica, 36, PdfFontStyle.regular);
+    // Create a new black brush
+    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
+    document.save('Output.pdf');
+    // Destroy the PDF document instance
+    document.destroy();
+};
 {% endhighlight %}
 {% endtabs %}
 

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

@@ -34,7 +34,18 @@ Step 5: **Add script reference** : Add the required scripts using the CDN inside
 </head>
 {% endhighlight %}
 {% endtabs %}
- 
+
+N> Check out the following topics for including script references in an ASP.NET Core application to enable PDF creation using the Syncfusion<sup style="font-size:70%">®</sup> JavaScript PDF library:
+*   [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)
+
+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`.
+***
+
+Would you like me to **reformat this into a proper Syncfusion documentation style note block** (with icons and emphasis), or **convert it into a step-by-step guide for adding script references**?
+
+
 Step 6: **Create a PDF document** : Add the script in `~/Views/Home/Index.cshtml` by creating a button and attaching a click event that uses the JavaScript PDF API to generate a PDF document.
 
 {% tabs %}

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

@@ -33,10 +33,11 @@ Step 5: **Add script reference** : Add the required scripts using the CDN inside
     <!-- Syncfusion JavaScript PDF Library (CDN) -->
     <script src="https://cdn.syncfusion.com/ej2/31.2.15/dist/ej2.min.js"></script>
 </head>
-
 {% 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`.
+
 Step 6: **Create a PDF document** : Add the script in `~/Views/Home/Index.cshtml` by creating a button and attaching a click event that uses the JavaScript PDF API to generate a PDF document.
 
 {% tabs %}

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

@@ -74,6 +74,12 @@ 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-react.md

@@ -14,16 +14,23 @@ The Syncfusion<sup>&reg;</sup> JavaScript PDF library is used to create, read, a
 
 This guide explains how to integrate the JavaScript PDF library into an React application.
 
-## Add script reference
+## Installing Syncfusion<sup>&reg;</sup> JavaScript PDF package
 
-* Add the required scripts using the CDN inside the `<head>` of `public/index.html` using the following code.
+All the available JS 2 packages are published in `npmjs.com` registry.
 
-```javascript
-<head>
-    <!-- Syncfusion JavaScript PDF Library (CDN) -->
-    <script src="https://cdn.syncfusion.com/ej2/31.2.15/dist/ej2.min.js"></script>
-</head>
+* 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.
+
+* 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.
 
 **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.
 

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

@@ -40,6 +40,12 @@ 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-vue.md

@@ -38,17 +38,23 @@ When creating a new project, choose the option `Default ([Vue 2] babel, es-lint)
 
 Once the `quick start` project is set up with default settings, proceed to add Syncfusion<sup style="font-size:70%">&reg;</sup> components to the project.
 
-* **Add script reference** : Add the required scripts using the CDN inside the `<head>` of `index.html` as follows:
+* **Installing Syncfusion<sup>&reg;</sup> JavaScript PDF package**
 
-{% tabs %}
-{% highlight html tabtitle="~/index.html" %}
-<head>
-    <!-- Syncfusion EJ2 PDF Library (CDN) -->
-    <script src="https://cdn.syncfusion.com/ej2/31.2.15/dist/ej2.min.js"></script>
-</head>
+All the available JS 2 packages are published in `npmjs.com` registry.
 
-{% endhighlight %}
-{% endtabs %}
+* 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.
+
+* 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.
 
 * **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.