syncfusion-content · sameerkhan001 · Dec 4, 2025 · SF2381 · Dec 4, 2025 · SF2381
diff --git a/Document-Processing/PDF/PDF-Library/javascript-es6/Create-PDF-document-angular.md b/Document-Processing/PDF/PDF-Library/javascript-es6/Create-PDF-document-angular.md
@@ -0,0 +1,108 @@
+---
+layout: post
+title: Getting started with Angular PDF library component | Syncfusion
+description: Learn how to create a PDF file in Angular with easy steps using Syncfusion .NET Core PDF library without depending on Adobe.
+platform: document-processing
+control: PDF
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Getting started with Angular PDF library
+
+The Syncfusion<sup>&reg;</sup> Angular PDF library is used to create, read, and edit PDF documents. This library also offers functionality to merge, split, stamp, fill forms, and secure PDF files.
+
+This guide explains how to integrate the EJ2 PDF library component into an Angular application.
+
+N> For Angular 17+, see the following links:
+
+* [Create a Standalone PDF Viewer in Angular 17 and above with-no-standalone-flag](./how-to/create-a-standalone-pdf-viewer-in-angular-17-and-above-with-no-standalone-flag).
+* [Create a Standalone PDF Viewer in Angular 17 and above without --no-standalone flag](./how-to/create-a-standalone-pdf-viewer-in-angular-17-and-above-without-no-standalone-flag).
+
+## Setup Angular Environment
+
+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.
+
+```bash
+npm install -g @angular/cli
+```
+
+N> Use the command **npm install --save @angular/cli@12.0.2** to install the Angular CLI version 12.0.2
+
+## Create an Angular Application
+
+Start a new Angular application using the Angular CLI command as follows.
+
+```bash
+ng new my-app
+cd my-app
+```
+## Create a PDF document using TypeScript.
+
+* Add a simple button to `main.ts` and attach a click handler that uses the EJ2 PDF API to create a new PDF document.
+
+{% tabs %}
+{% highlight ts tabtitle="main.ts" %}
+
+<html>
+  <head>
+    <title>Button onclick Example</title>
+  </head>
+  <body>
+    <button id="normalButton">Create PDF document</button>
+  </body>
+</html>
+
+{% endhighlight %}
+{% endtabs %}
+
+* Include the following namespaces in `app.component.ts` file.
+
+{% endhighlight %}
+{% highlight html tabtitle="app.component.ts" %}
+import { NgModule } from '@angular/core';
+import { PdfDocument, PdfPage, PdfStandardFont, PdfPen, PdfBrush } from '@syncfusion/ej2-pdf';
+
+{% endhighlight %}
+{% endtabs %}
+
+* Include the following code example in the click event of the button in `app.component.ts` to generate a PDF document. 
+
+{% endhighlight %}
+{% highlight html tabtitle="app.component.ts" %}
+
+document.getElementById('normalButton').onclick = (): void => {
+        // Create a new PDF document
+        var pdf = new PdfDocument();
+        // Add a new page
+        var page = pdf.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, 0]));
+        // Save and download PDF
+        pdf.save('Output.pdf');
+        // Destroy the PDF document instance
+        pdf.destroy();
+        });   
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+## Run the application
+
+Use the following command to run the application in browser.
+
+```javascript
+ng serve --open
+```
+
+By executing the program, you will get the PDF document as follows.
+
+![Output EJ2 PDF document](Getting_started_images/Output.png)
+
+
diff --git a/...t-Processing/PDF/PDF-Library/javascript-es6/Create-PDF-document-asp-net-core.md b/...t-Processing/PDF/PDF-Library/javascript-es6/Create-PDF-document-asp-net-core.md
@@ -0,0 +1,86 @@
+---
+layout: post
+title: Getting started with the ASP.NET Core PDF library | Syncfusion
+description: Learn how to create a PDF file in ASP.NET Core with easy steps using Syncfusion .NET Core 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, c#, dotnet core pdf, asp generate pdf, aspx generate pdf
+---
+
+# Getting started with the ASP.NET Core PDF library
+
+The Syncfusion<sup>&reg;</sup> .NET Core PDF library is used to create, read, and edit PDF documents. This library also offers functionality to merge, split, stamp, forms, and secure PDF files.
+
+This guide explains how to integrate the EJ2 PDF library control into an ASP.NET Core application using Visual Studio.
+
+## Prerequisites
+
+[System requirements for ASP.NET Core controls](https://help.syncfusion.com/document-processing/system-requirements)
+
+## Integrate PDF Viewer into an ASP.NET Core application
+
+1. Start Visual Studio and select **Create a new project**.
+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)
+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)
+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)
+
+5. **Add script reference** : Add the required scripts using the CDN inside the `<head>` of `~/Views/Shared/_Layout.cshtml` as follows:
+
+{% tabs %}
+{% highlight c# tabtitle="~/_Layout.cshtml" %}
+
+<head>
+    ...
+    <!-- Syncfusion EJ2 PDF Library (CDN) -->
+    <script src="https://cdn.syncfusion.com/ej2/31.2.15/dist/ej2.min.js"></script>
+</head>
+
+{% endhighlight %}
+{% endtabs %}
+
+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 EJ2 PDF API to generate a PDF document.
+
+{% tabs %}
+{% highlight c# tabtitle="~/Index.cshtml" %}
+
+<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</button>
+</div>
+
+@section Scripts {
+    <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
+        let graphics = page.graphics;
+        // Set font
+        font: PdfStandardFont = new ej.pdf.PdfStandardFont(PdfFontFamily.helvetica, 10);
+        // Draw text
+        graphics.drawString('Hello World!!!', font, [70, 10, 200, 50], new ej.pdf.PdfPen([255, 0, 0], 1), new ej.pdf.PdfBrush([0, 0, 0]));
+        // Save and download PDF
+        pdf.save('Output.pdf');
+        // Destroy the PDF document instance
+        pdf.destroy();
+        });   
+    </script>
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+7. **Build the project** : Click on Build > Build Solution or press Ctrl + Shift + B to build the project.
+
+8. **Run the project** : Click the Start button (green arrow) or press F5 to run the app.
+
+By executing the program, you will generate the following PDF document.
+
+![ASP.NET Core PDF output](Getting_started_images/Output.png)
diff --git a/...nt-Processing/PDF/PDF-Library/javascript-es6/Create-PDF-document-asp-net-mvc.md b/...nt-Processing/PDF/PDF-Library/javascript-es6/Create-PDF-document-asp-net-mvc.md
@@ -0,0 +1,85 @@
+---
+layout: post
+title: Getting started with ASP.NET MVC PDF library | Syncfusion
+description: Learn how to create a PDF file in ASP.NET Core MVC with easy steps using Syncfusion .NET Core PDF library without depending on Adobe.
+platform: document-processing
+control: PDF
+documentation: ug
+---
+
+# Getting Started with ASP.NET MVC PDF library
+
+The Syncfusion<sup>&reg;</sup> .NET Core PDF library is used to create, read, and edit PDF documents. This library also offers functionality to merge, split, stamp, fill forms, and secure PDF files.
+
+This guide explains how to integrate the EJ2 PDF library control into an ASP.NET Core MVC application using Visual Studio.
+
+## Prerequisites
+
+[System requirements for ASP.NET MVC controls](https://help.syncfusion.com/document-processing/system-requirements)
+
+## Integrate PDF Viewer into an ASP.NET MVC application
+
+1. Start Visual Studio and select **Create a new project**.
+2. Create a new ASP.NET MVC Web Application project.
+![ASP.NET Core MVC PDF creation1](Getting_started_images/Asp-net-mvc-creation1.png)
+3. Choose the target framework.
+![ASP.NET Core MVC PDF creation2](Getting_started_images/Asp-net-mvc-creation2.png)
+4. Select Web Application pattern (MVC) for the project and then select **Create** button.
+![ASP.NET Core MVC PDF creation3](Getting_started_images/Asp-net-mvc-creation3.png)
+
+5. **Add script reference** : Add the required scripts using the CDN inside the `<head>` of `~/Views/Shared/_Layout.cshtml` as follows:
+
+{% tabs %}
+{% highlight c# tabtitle="~/_Layout.cshtml" %}
+
+<head>
+    ...
+    <!-- Syncfusion EJ2 PDF Library (CDN) -->
+    <script src="https://cdn.syncfusion.com/ej2/31.2.15/dist/ej2.min.js"></script>
+</head>
+
+{% endhighlight %}
+{% endtabs %}
+
+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 EJ2 PDF API to generate a PDF document.
+
+{% tabs %}
+{% highlight c# tabtitle="~/Index.cshtml" %}
+
+<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</button>
+</div>
+
+@section Scripts {
+    <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
+        let graphics = page.graphics;
+        // Set font
+        font: PdfStandardFont = new ej.pdf.PdfStandardFont(PdfFontFamily.helvetica, 10);
+        // Draw text
+        graphics.drawString('Hello World!!!', font, [70, 10, 200, 50], new ej.pdf.PdfPen([255, 0, 0], 1), new ej.pdf.PdfBrush([0, 0, 0]));
+        // Save and download PDF
+        pdf.save('Output.pdf');
+        // Destroy the PDF document instance
+        pdf.destroy();
+        });   
+    </script>
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+7. **Build the project** : Click on Build > Build Solution or press Ctrl + Shift + B to build the project.
+
+8. **Run the project** : Click the Start button (green arrow) or press F5 to run the app.
+
+By executing the program, you will generate the following PDF document.
+
+![ASP.NET Core MVC PDF output](Getting_started_images/Output.png)
diff --git a/...ent-Processing/PDF/PDF-Library/javascript-es6/Create-PDF-document-javascript.md b/...ent-Processing/PDF/PDF-Library/javascript-es6/Create-PDF-document-javascript.md
@@ -0,0 +1,83 @@
+---
+layout: post
+title: Getting started with JavaScript PDF library control | Syncfusion
+description: Learn how to create a PDF file in JavaScript with easy steps using Syncfusion .NET Core PDF library without depending on Adobe.
+platform: document-processing
+control: PDF
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Getting started in JavaScript PDF Library
+
+The Essential JS 2 for JavaScript (global script) is an ES5 formatted pure JavaScript framework which can be directly used in latest web browsers.
+
+## Component Initialization with CDN link for script and style reference
+
+**Step 1:** Create an app folder `my-app` for the Essential JS 2 JavaScript components.
+
+**Step 2:** The Essential JS 2 component's global scripts and styles are already hosted in the below CDN link formats.
+
+**Syntax:**
+> Script: `https://cdn.syncfusion.com/ej2/{Version}/dist/{PACKAGE_NAME}.min.js`
+>
+> Styles: `https://cdn.syncfusion.com/ej2/{Version}/{PACKAGE_NAME}/styles/material.css`
+
+**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)
+>
+> Styles: [`https://cdn.syncfusion.com/ej2/31.2.15/ej2-base/styles/material.css`](https://cdn.syncfusion.com/ej2/31.2.15/ej2-base/styles/material.css)
+
+**Step 3:** Create a HTML page (index.html) in `my-app` location and add the CDN link references.
+
+{% tabs %}
+{% highlight ts 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>
+
+{% endhighlight %}
+{% endtabs %}
+
+**Step 4:** **Create a PDF document** : Add the script in `index.html` by creating a button and attaching a click event that uses the EJ2 PDF API to generate a PDF document.
+
+{% tabs %}
+{% highlight c# 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</button>
+</div>
+
+@section Scripts {
+    <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
+        let graphics = page.graphics;
+        // Set font
+        font: PdfStandardFont = new ej.pdf.PdfStandardFont(PdfFontFamily.helvetica, 10);
+        // Draw text
+        graphics.drawString('Hello World!!!', font, [70, 10, 200, 50], new ej.pdf.PdfPen([255, 0, 0], 1), new ej.pdf.PdfBrush([0, 0, 0]));
+        // Save and download PDF
+        pdf.save('Output.pdf');
+        // Destroy the PDF document instance
+        pdf.destroy();
+        });   
+    </script>
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+By executing the program, you will get the PDF document as follows.
+
+![Output EJ2 PDF document](Getting_started_images/Output.png)
+