From 26865abec42fc560a220fbf5ad5cdb5137b52851 Mon Sep 17 00:00:00 2001 From: Logeshwaran Saravanan Date: Thu, 16 Jul 2026 11:34:38 +0530 Subject: [PATCH 01/14] updated the angular/getting-started.md (standalone) --- .../PDF/PDF-Viewer/angular/getting-started.md | 27 ++++++++++--------- 1 file changed, 15 insertions(+), 12 deletions(-) diff --git a/Document-Processing/PDF/PDF-Viewer/angular/getting-started.md b/Document-Processing/PDF/PDF-Viewer/angular/getting-started.md index df45be9255..290ce74bb0 100644 --- a/Document-Processing/PDF/PDF-Viewer/angular/getting-started.md +++ b/Document-Processing/PDF/PDF-Viewer/angular/getting-started.md @@ -17,9 +17,9 @@ This section explains how to create a simple Angular application and add the sta ## Create an Angular application -Use [Angular CLI](https://angular.dev/installation) to create a new Angular application, as it provides a standardized project structure, built-in testing tools, and simplified deployment. +Use [Angular CLI](https://angular.dev/installation) to create a new Angular application, as it provides a standardized project structure, built-in testing tools, and simplified deployment. Use an Angular CLI version that matches the target Angular version (e.g., Angular CLI 17 for Angular 17 projects). -Install Angular CLI globally, using the following command: +Install Angular CLI globally using the following command: {% tabs %} {% highlight bash tabtitle="npm" %} @@ -40,7 +40,7 @@ cd pdfviewer-app {% endhighlight %} {% endtabs %} -> **Note:** When prompted during project creation, select the default options: **CSS** for stylesheet, **No** for SSR/SSG, and **None** for AI tools. +> **Note:** When prompted during project creation, select the default options: **CSS** for stylesheet, **No** for SSR/SSG, and **None** for AI tools. The available prompts may vary by Angular CLI version; accept the default values for any prompts not listed here. ## Install the Syncfusion® Angular PDF Viewer package @@ -78,7 +78,7 @@ Add the following PDF Viewer and dependent component style references to the `sr ## Add the Syncfusion® Angular PDF Viewer component to the application -Add the PDF Viewer component to your Angular application to render and interact with PDF documents. The component requires the **PdfViewerModule** and its associated services. +Add the PDF Viewer component to your Angular application to render and interact with PDF documents. The component requires the **PdfViewerModule** and its associated services (for full functionality). Update `src/app/app.ts` as shown below: @@ -96,10 +96,10 @@ import { PdfViewerModule, LinkAnnotationService, BookmarkViewService, selector: 'app-root', standalone: true, imports: [PdfViewerModule], - providers: [ LinkAnnotationService, BookmarkViewService, MagnificationService, + providers: [ LinkAnnotationService, BookmarkViewService, MagnificationService, ThumbnailViewService, ToolbarService, NavigationService, TextSearchService, TextSelectionService, PrintService, - AnnotationService, FormDesignerService, FormFieldsService, PageOrganizerService], + FormDesignerService, FormFieldsService, AnnotationService, PageOrganizerService], template: ` Looking for the full Angular PDF Viewer component overview, features, pricing, and documentation? Visit the [Angular PDF Viewer](https://www.syncfusion.com/pdf-viewer-sdk/angular-pdf-viewer) page. +> Looking for the full Angular PDF Viewer component overview, features, pricing, and documentation? Visit the [Angular PDF Viewer](https://www.syncfusion.com/pdf-viewer-sdk/angular-pdf-viewer) page. + ## See also - [Getting started with Server-Backed Angular PDF Viewer](./getting-started-with-server-backed) From f73141199d17a63d72e72ee25cd391cdbdd9f2b8 Mon Sep 17 00:00:00 2001 From: Logeshwaran Saravanan Date: Thu, 16 Jul 2026 11:55:23 +0530 Subject: [PATCH 02/14] updated the angular/getting-started-with-server-backed.md file --- .../angular/getting-started-with-server-backed.md | 9 ++++----- 1 file changed, 4 insertions(+), 5 deletions(-) diff --git a/Document-Processing/PDF/PDF-Viewer/angular/getting-started-with-server-backed.md b/Document-Processing/PDF/PDF-Viewer/angular/getting-started-with-server-backed.md index 63d70b5807..fc4b7cc0e6 100644 --- a/Document-Processing/PDF/PDF-Viewer/angular/getting-started-with-server-backed.md +++ b/Document-Processing/PDF/PDF-Viewer/angular/getting-started-with-server-backed.md @@ -11,7 +11,7 @@ domainurl: ##DomainURL## This section explains how to create a simple Angular application and add the server-backed [Syncfusion® Angular PDF Viewer](https://www.syncfusion.com/pdf-viewer-sdk/angular-pdf-viewer) component with the minimum required setup. -N> Starting with the 2026 Vol 2 main release (June 2026), no new features will be added to the Server PDF Viewer, as almost all of the PDF Viewer functionalities are now available in the Standalone PDF Viewer. If you are currently using the server-backed PDF Viewer, please refer to the [migration documentation](./server-to-standalone) to transition to the Standalone PDF Viewer. +N> As of the 2026 Vol 2 main release (June 2026), no new features will be added to the server-backed PDF Viewer, as almost all of the PDF Viewer functionalities are now available in the Standalone PDF Viewer. If you are currently using the server-backed PDF Viewer, refer to the [migration documentation](./server-to-standalone) to transition to the Standalone PDF Viewer. ## Prerequisites @@ -82,7 +82,7 @@ Add the following PDF Viewer and dependent component style references to the `sr Add the PDF Viewer component to your Angular application in server-backed mode. In this mode, the PDF Viewer communicates with a server-side web service through the `serviceUrl` property. -Update `src/app/app.ts` as shown below: +The example below uses a standalone component. The default project uses standalone components, and the root component file is `src/app/app.ts`. Update it as shown below: {% tabs %} {% highlight ts tabtitle="app.ts" %} @@ -136,7 +136,7 @@ ng serve --open {% endhighlight %} {% endtabs %} -After the application starts, open the localhost URL shown in the terminal to view the Angular PDF Viewer component in the browser. The output will appear as follows: +After the application starts, open `http://localhost` (the default Angular dev server URL) in a modern browser such as Chrome, Edge, Firefox, or Safari to view the Angular PDF Viewer component. The output will appear as follows: ![Rendered PDF Viewer in browser](images/pdfviewer-control.png) @@ -148,8 +148,7 @@ After the application starts, open the localhost URL shown in the terminal to vi To host your own PDF Viewer service: -1. Download the web service sample from GitHub: - [GitHub Web Service Sample](https://github.com/SyncfusionExamples/EJ2-PDFViewer-WebServices) +1. Download or clone the [EJ2-PDFViewer-WebServices repository](https://github.com/SyncfusionExamples/EJ2-PDFViewer-WebServices). 2. Navigate to the appropriate folder based on your .NET version: - .NET 6.0 → [PdfViewerWebService_6.0](https://github.com/SyncfusionExamples/EJ2-PDFViewer-WebServices/tree/main/ASP.NET%20Core/PdfViewerWebService_6.0) - .NET 8.0 → [PdfViewerWebService_8.0](https://github.com/SyncfusionExamples/EJ2-PDFViewer-WebServices/tree/main/ASP.NET%20Core/PdfViewerWebService_8.0) From 68ed125dadd525fb379fc52392d456d3ec7ae33c Mon Sep 17 00:00:00 2001 From: Logeshwaran Saravanan Date: Thu, 16 Jul 2026 13:00:12 +0530 Subject: [PATCH 03/14] updated the vue/getting-started.md file --- .../PDF/PDF-Viewer/vue/getting-started.md | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/Document-Processing/PDF/PDF-Viewer/vue/getting-started.md b/Document-Processing/PDF/PDF-Viewer/vue/getting-started.md index 0a488fa414..1f8a60d156 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/getting-started.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/getting-started.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # Getting Started with standalone Vue PDF Viewer Component in Vue 2 -This section explains how to create the **PDF Viewer** component and configure its available functionalities in a Vue 2 application using [Vue CLI](https://cli.vuejs.org/) with client-side rendering. The standalone PDF Viewer renders PDFs locally in the browser without requiring a server. +This section explains how to create the **PDF Viewer** component and configure the PDF Viewer in a Vue 2 application using [Vue CLI](https://cli.vuejs.org/). The standalone PDF Viewer renders PDFs locally in the browser without requiring a server. ## Prerequisites @@ -34,11 +34,11 @@ cd quickstart {% endhighlight %} {% endtabs %} -When prompted, select **Default ([Vue 2] babel, eslint)**. +When prompted, select the **Default ([Vue 2] babel, eslint)** option. > For Vue 3 application setup, see [Create a Vue 3 app](./getting-started-application). -## Install the Syncfusion® Vue PDF Viewer packages +## Install the Syncfusion® Vue PDF Viewer package Install the [Vue PDF Viewer](https://www.npmjs.com/package/@syncfusion/ej2-vue-pdfviewer) package from npm using the following command: @@ -115,7 +115,7 @@ export default { **serviceUrl** – The back-end endpoint for PDF processing. The Syncfusion-hosted URL provides evaluation capabilities. For production, replace with your deployed web service endpoint. -**documentPath** – The URL or file path to the PDF document to display. +**documentPath** – The URL or file path to the PDF document to display. You can provide a remote URL, a Base64 string, or a local file path. ### Initialize the PDF Viewer @@ -146,7 +146,7 @@ yarn serve {% endhighlight %} {% endtabs %} -After the application starts, open the localhost URL shown in the terminal to view the Vue PDF Viewer in the browser. The output will appear as follows: +After the application starts, open the URL displayed in the terminal (typically `http://localhost:8080`) to view the Vue PDF Viewer in the browser. The output will appear as follows: ![Vue PDF Viewer control](images/pdfviewer-control.png) @@ -162,10 +162,10 @@ To get started quickly with Vue PDF Viewer, you can watch this video: {% youtube "https://www.youtube.com/watch?v=wCGPrGahcJg" %} -N> Looking for the full Vue PDF Viewer component overview, features, pricing, and documentation? Visit the [Vue PDF Viewer](https://www.syncfusion.com/pdf-viewer-sdk/vue-pdf-viewer) page. - ## See also - [Getting started with Server-Backed Vue PDF Viewer](./getting-started-with-server-backed) - [Open PDF Files](./open-pdf-files) -- [Save PDF Files](./save-pdf-files) \ No newline at end of file +- [Save PDF Files](./save-pdf-files) + +N> Looking for the full Vue PDF Viewer component overview, features, pricing, and documentation? Visit the [Vue PDF Viewer](https://www.syncfusion.com/pdf-viewer-sdk/vue-pdf-viewer) page. \ No newline at end of file From 7c96729774c05dcd9663c2306e78f84cd770d8b8 Mon Sep 17 00:00:00 2001 From: Logeshwaran Saravanan Date: Thu, 16 Jul 2026 13:18:12 +0530 Subject: [PATCH 04/14] updated getting-started-with-server-backed.md file --- .../vue/getting-started-with-server-backed.md | 33 +++++++++---------- 1 file changed, 16 insertions(+), 17 deletions(-) diff --git a/Document-Processing/PDF/PDF-Viewer/vue/getting-started-with-server-backed.md b/Document-Processing/PDF/PDF-Viewer/vue/getting-started-with-server-backed.md index b44655d304..3363deb447 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/getting-started-with-server-backed.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/getting-started-with-server-backed.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # Getting Started with server-backed Vue PDF Viewer Component in Vue 2 -This section explains how to create the **PDF Viewer** component and configure its functionalities in a Vue 2 application using Vue CLI with a server-backed architecture. In this mode, PDF rendering and processing are handled by a web service. +This section explains how to create the **PDF Viewer** component and configure the PDF Viewer's functionality in a Vue 2 application using Vue CLI with a server-backed architecture. In this mode, PDF rendering and processing are handled by a web service. N> Starting with the 2026 Vol 2 main release (June 2026), no new features will be added to the Server PDF Viewer, as almost all of the PDF Viewer functionalities are now available in the Standalone PDF Viewer. If you are currently using the server-backed PDF Viewer, please refer to the [migration documentation](./server-to-standalone) to transition to the Standalone PDF Viewer. @@ -56,9 +56,7 @@ yarn add @syncfusion/ej2-vue-pdfviewer ## Import Syncfusion® CSS styles -Add the required CSS styles for the PDF Viewer component and its dependencies to your `App.vue` file. - -In this example, the `Material` theme is applied using CSS styles available in the installed packages. The required `Material` CSS styles are imported into the `