From cd0a2de62ef3bcd4bbb57c9f246d6ae2c7191e05 Mon Sep 17 00:00:00 2001 From: sameerkhan001 Date: Sat, 13 Dec 2025 15:50:50 +0530 Subject: [PATCH 1/3] 998787-ug: Added note content and links. --- .../javascript/Create-PDF-document-asp-net-core.md | 1 + .../javascript/Create-PDF-document-asp-net-mvc.md | 2 ++ .../javascript/Create-PDF-document-javascript.md | 4 ++++ .../javascript/Create-PDF-document-react.md | 7 +++++++ .../javascript/Create-PDF-document-typescript.md | 4 ++++ .../javascript/Create-PDF-document-vue.md | 7 +++++++ .../PDF/PDF-Library/javascript/Overview.md | 14 +++++++------- 7 files changed, 32 insertions(+), 7 deletions(-) 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 e2c165983..c37dbdf19 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 @@ -40,6 +40,7 @@ N> Check out the following topics for including script references in an ASP.NET * [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`. 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. 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 de5328b41..ab4cfb54d 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 @@ -36,6 +36,8 @@ 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`. + 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 %} 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 3b3c24b6e..a1c972f74 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 @@ -73,6 +73,10 @@ 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. 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 fa856c53f..7316f44d8 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 @@ -25,6 +25,13 @@ 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. {% tabs %} 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 2f9bcbb7f..10a2f269d 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 @@ -40,6 +40,10 @@ 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. 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 168eb1f2d..49269bf01 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 @@ -49,6 +49,13 @@ 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. {% tabs %} diff --git a/Document-Processing/PDF/PDF-Library/javascript/Overview.md b/Document-Processing/PDF/PDF-Library/javascript/Overview.md index 8c53c5b47..be7663722 100644 --- a/Document-Processing/PDF/PDF-Library/javascript/Overview.md +++ b/Document-Processing/PDF/PDF-Library/javascript/Overview.md @@ -36,10 +36,10 @@ The following are the key features of this library. ## Supported web platforms -* ASP.NET Core -* ASP.NET MVC -* Angular -* React -* Vue -* JavaScript -* TypeScript \ No newline at end of file +* [ASP.NET Core](https://help.syncfusion.com/document-processing/pdf/pdf-library/javascript/create-pdf-document-asp-net-core) +* [ASP.NET MVC](https://help.syncfusion.com/document-processing/pdf/pdf-library/javascript/create-pdf-document-asp-net-mvc) +* [Angular](https://help.syncfusion.com/document-processing/pdf/pdf-library/javascript/create-pdf-document-angular) +* [React](https://help.syncfusion.com/document-processing/pdf/pdf-library/javascript/create-pdf-document-react) +* [Vue](https://help.syncfusion.com/document-processing/pdf/pdf-library/javascript/create-pdf-document-vue) +* [JavaScript](https://help.syncfusion.com/document-processing/pdf/pdf-library/javascript/create-pdf-document-javascript) +* [TypeScript](https://help.syncfusion.com/document-processing/pdf/pdf-library/javascript/create-pdf-document-typescript) \ No newline at end of file From d69db696bb23cbc2b34511bf43c5978fe4422f38 Mon Sep 17 00:00:00 2001 From: sameerkhan001 Date: Sat, 13 Dec 2025 16:12:22 +0530 Subject: [PATCH 2/3] 998787-ug: Removed Link. --- .../PDF/PDF-Library/javascript/Overview.md | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/Document-Processing/PDF/PDF-Library/javascript/Overview.md b/Document-Processing/PDF/PDF-Library/javascript/Overview.md index be7663722..8c53c5b47 100644 --- a/Document-Processing/PDF/PDF-Library/javascript/Overview.md +++ b/Document-Processing/PDF/PDF-Library/javascript/Overview.md @@ -36,10 +36,10 @@ The following are the key features of this library. ## Supported web platforms -* [ASP.NET Core](https://help.syncfusion.com/document-processing/pdf/pdf-library/javascript/create-pdf-document-asp-net-core) -* [ASP.NET MVC](https://help.syncfusion.com/document-processing/pdf/pdf-library/javascript/create-pdf-document-asp-net-mvc) -* [Angular](https://help.syncfusion.com/document-processing/pdf/pdf-library/javascript/create-pdf-document-angular) -* [React](https://help.syncfusion.com/document-processing/pdf/pdf-library/javascript/create-pdf-document-react) -* [Vue](https://help.syncfusion.com/document-processing/pdf/pdf-library/javascript/create-pdf-document-vue) -* [JavaScript](https://help.syncfusion.com/document-processing/pdf/pdf-library/javascript/create-pdf-document-javascript) -* [TypeScript](https://help.syncfusion.com/document-processing/pdf/pdf-library/javascript/create-pdf-document-typescript) \ No newline at end of file +* ASP.NET Core +* ASP.NET MVC +* Angular +* React +* Vue +* JavaScript +* TypeScript \ No newline at end of file From eee8b73958d94d4e55453331548a580ebd0259be Mon Sep 17 00:00:00 2001 From: sameerkhan001 Date: Mon, 15 Dec 2025 11:37:11 +0530 Subject: [PATCH 3/3] 998787-ug: Resolved given feedback. --- .../PDF-Library/javascript/Create-PDF-document-asp-net-core.md | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) 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 c37dbdf19..7fa08b1cb 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 @@ -39,8 +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) - -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`. +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`. 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.