994201-dev: Added EJ2 PDF library UG documentation.

Author: sameerkhan001

Document-Processing-toc.html

@@ -2523,17 +2523,17 @@
 						</ul>
 					</li>
 					<li>
-						<a href="/document-processing/pdf/pdf-library/flutter/overview">Flutter</a>
+						<a href="/document-processing/pdf/pdf-library/javascript/Overview">JavaScript</a>
 						<ul>
-							#ReplaceUsingAutomation-https://github.com/syncfusion-content/flutter-docs/tree/master/Flutter/pdf#
+							<li><a href="/document-processing/pdf/pdf-library/javascript/Overview">Overview</a></li>
 						</ul>
 					</li>
 					<li>
-						<a href="/document-processing/pdf/pdf-library/javascript-es6/Overview">JavaScript (ES6)</a>
+						<a href="/document-processing/pdf/pdf-library/flutter/overview">Flutter</a>
 						<ul>
-							<li><a href="/document-processing/pdf/pdf-library/javascript-es6/Overview">Overview</a></li>
+							#ReplaceUsingAutomation-https://github.com/syncfusion-content/flutter-docs/tree/master/Flutter/pdf#
 						</ul>
-					</li>	
+					</li>
 				</ul>
 			</li>
 			<li>

Document-Processing/PDF/PDF-Library/javascript/EJ2-images/Helloworld.png

@@ -0,0 +1,90 @@
+---
+layout: post
+title: Getting started with JavaScript PDF library | Syncfusion
+description: Learn how to set up and use the Syncfusion JavaScript PDF library using the EJ2 quickstart, including local resource configuration and module injection.
+platform: document-processing
+control: PDF
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Getting started with JavaScript PDF library
+
+This guide explains how to create the PDF library component and configure its features in TypeScript using the Essential JS 2 [quickstart](https://github.com/SyncfusionExamples/ej2-quickstart-webpack-) seed repository.
+
+> This application is integrated with a webpack configuration (`webpack.config.js`) and uses the latest version of the [webpack-cli](https://webpack.js.org/api/cli/#commands). It requires Node.js `v14.15.0` or higher. For more information, refer to the [webpack getting started guide](https://webpack.js.org/guides/getting-started/).
+
+## Dependencies
+
+The following list of dependencies are required to use the `EJ2 PDF library` component in your application.
+
+```javascript
+|-- @syncfusion/ej2-compression
+|-- @syncfusion/ej2-base
+|-- @syncfusion/ej2-file-utils
+
+```
+
+## Add Syncfusion JavaScript packages
+
+Syncfusion JavaScript (Essential JS 2) packages are available on the [npmjs.com](https://www.npmjs.com/~syncfusionorg) public registry. Install all EJ2 controls with the [@syncfusion/ej2](https://www.npmjs.com/package/@syncfusion/ej2) meta package or install individual control packages.
+
+The quickstart application is preconfigured with [@syncfusion/ej2](https://www.npmjs.com/package/@syncfusion/ej2) in `~/package.json`. Use the following command to install dependencies:
+
+{% tabs %}
+{% highlight bash tabtitle="NPM" %}
+
+npm install
+
+{% endhighlight %}
+{% endtabs %}
+
+## Create EJ2 PDF with local resources
+
+This example demonstrates how to create a PDF document directly using Syncfusion EJ2 PDF library. A button is provided to trigger the PDF creation process.
+
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
+
+// Create and render button
+let button: Button = new Button();
+button.appendTo('#normalbtn');
+
+// Handle click event
+button.element.onclick = async () => {
+    console.log('Start PDF Creation');
+    createPdf();
+};
+
+// Function to create PDF
+function createPdf() {
+    // Create a new PDF document
+    let document: PdfDocument = new PdfDocument();
+    // Add a page
+    const page = document.addPage();
+    // Get graphics from the page
+    let graphics = page.graphics;
+    // Set font
+     font: PdfStandardFont = new PdfStandardFont(PdfFontFamily.helvetica, 10);
+    // Draw text
+    graphics.drawString('Hello World!!!', font, [70, 10, 200, 50], new PdfPen([255, 0, 0], 1), new PdfBrush([0, 0, 255]));
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+}
+
+{% endhighlight %}
+{% highlight html tabtitle="index.html" %}
+
+<div class="row">
+    <button id="normalbtn">Create PDF</button>
+</div>
+
+{% endhighlight %}
+{% endtabs %}
+
+By executing the program, you will get the PDF document as follows.
+
+![Output EJ2 PDF document](EJ2-images/Helloworld.png)
+

Document-Processing/PDF/PDF-Library/javascript/Getting-Started.md

@@ -0,0 +1,95 @@
+---
+layout: post
+title: Open and save PDF files in JavaScript PDF library | Syncfusion
+description: Learn to load and save PDFs in Syncfusion JavaScript PDF library using URLs, base64 strings, or byte arrays with server-backed services.
+platform: document-processing
+control: PDF
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Open and save PDF files in JavaScript PDF library
+
+## Opening an existing PDF document
+
+Open an existing PDF document using the `PdfDocument` class with the specified string data.
+
+```javascript
+// Load an existing PDF document from string data
+let document: PdfDocument = new PdfDocument("Input.pdf");
+
+```
+
+ ## Opening an existing PDF document from a byte array
+
+Open an existing PDF document using the `PdfDocument` class with the specified byte array.
+
+```javascript
+// Load the PDF data from a file
+const inputPDFByteArray: Uint8Array = new Uint8Array(fs.readFileSync('Input.pdf'));
+// Create a new PdfDocument instance using the byte array
+const loadedDocument = new PdfDocument(inputPDFByteArray);
+```
+
+## Opening an Encrypted PDF document
+
+Open an encrypted PDF document using the `PdfDocument` class by providing the correct password.
+
+```javascript
+// Load an existing PDF document from string data
+let document: PdfDocument = new PdfDocument("Input.pdf", "password");
+```
+
+## Opening an Encrypted PDF document from a byte array
+
+Open an encrypted PDF document from a byte array using the `PdfDocument` class by providing the correct password.
+
+```javascript
+// Load the PDF data from a file
+const inputPDFByteArray: Uint8Array = new Uint8Array(fs.readFileSync('Input.pdf'));
+// Load an existing PDF document from string data
+let document: PdfDocument = new PdfDocument(inputPDFByteArray, "password");
+```
+
+## Saving a PDF document
+
+Save the manipulated PDF document using the `Save` method of `PdfDocument` class with the specified string data.
+
+```javascript
+// Load an existing PDF document from string data
+let document: PdfDocument = new PdfDocument("Input.pdf");
+//To-Do some manipulation
+//To-Do some manipulation
+// Save the PDF document
+document.save('Output.pdf');
+```
+
+## Saving a PDF Document from a byte array
+
+Open an existing PDF document using the `PdfDocument` class with the specified byte array.
+
+```javascript
+// Load the PDF data from a file
+const inputPDFByteArray: Uint8Array = new Uint8Array(fs.readFileSync('Input.pdf'));
+// Create a new PdfDocument instance using the byte array
+const loadedDocument = new PdfDocument(inputPDFByteArray);
+//To-Do some manipulation
+//To-Do some manipulation
+// Save the document
+let data: Uint8Array = document.save();
+```
+
+## Closing a document
+
+After the document manipulation and save operation are completed, you should close the instance of `PdfDocument`, in order to release all the memory consumed by PDF DOM. The following code example illustrates how to destroy a `PdfDocument` instance.
+
+```javascript
+// Load an existing PDF document from string data
+let document: PdfDocument = new PdfDocument("Input.pdf");
+//To-Do some manipulation
+//To-Do some manipulation
+// Save the PDF document
+document.save('Output.pdf');
+// Destroy the document
+document.destroy();
+```

Document-Processing/PDF/PDF-Library/javascript/Open-and-save-PDF-files.md

@@ -10,7 +10,7 @@ domainurl: ##DomainURL##
 
 # Overview of the TypeScript PDF library control 
 
-The Essential<sup>&reg;</sup> TypeScript PDF library is a feature-rich, high-performance, non-UI PDF library written natively in TypeScript. It enables you to seamlessly integrate robust PDF functionalities into your TypeScript applications. The library allows users to read and manipulate PDF documents without requiring Adobe Acrobat.
+The Essential<sup>&reg;</sup> TypeScript PDF Library is a powerful, high-performance, non-UI solution built natively in TypeScript. It provides seamless integration of advanced PDF functionalities into applications developed with TypeScript, JavaScript, Angular, React, Vue, ASP.NET Core, and ASP.NET MVC. With this library, you can easily read, create, and manipulate PDF documents—without relying on Adobe Acrobat.
 
 ## Key features
 
@@ -32,4 +32,14 @@ The following are the key features of this library.
 * Digitally sign PDF documents for secure authentication.
 * Extract or redact text from PDF files.
 * Extract images from PDF documents.
-* Redact shapes to protect sensitive graphical content.
+* Redact shapes to protect sensitive graphical content.
+
+## Supported web platforms
+
+* ASP.Net core
+* ASP.Net MVC
+* Angular
+* React
+* Vue
+* JavaScript
+* TypeScript