From 2fa48cdbf0be28e7400c85a61e8f97b69bca8191 Mon Sep 17 00:00:00 2001 From: Seenivasaperumal Nachiyappan Date: Mon, 27 Jul 2026 22:00:18 +0530 Subject: [PATCH 1/2] 1041390: Updated the Angular .md Files --- .../dropbox-cloud-file-storage.md | 32 ++++++------- .../opening-documents/google-cloud-storage.md | 28 +++++------ .../angular/opening-documents/google-drive.md | 28 +++++------ .../angular/opening-documents/one-drive.md | 48 +++++++++---------- 4 files changed, 68 insertions(+), 68 deletions(-) diff --git a/Document-Processing/Word/Word-Processor/angular/opening-documents/dropbox-cloud-file-storage.md b/Document-Processing/Word/Word-Processor/angular/opening-documents/dropbox-cloud-file-storage.md index 719aea1739..7530231118 100644 --- a/Document-Processing/Word/Word-Processor/angular/opening-documents/dropbox-cloud-file-storage.md +++ b/Document-Processing/Word/Word-Processor/angular/opening-documents/dropbox-cloud-file-storage.md @@ -1,7 +1,7 @@ --- layout: post -title: Open Dropbox Files in Angular Document Editor | Syncfusion -description: Learn about how to Open document from Dropbox cloud file storage in Angular Document editor control of Syncfusion Essential JS 2 and more details. +title: Open Dropbox Files in Angular DOCX Editor | Syncfusion +description: Learn about how to Open document from Dropbox cloud file storage in Angular Document Editor control of Syncfusion Essential JS 2 and more details. platform: document-processing control: Open document from Dropbox cloud file storage documentation: ug @@ -10,17 +10,17 @@ domainurl: ##DomainURL## # Open document from Dropbox cloud file storage -To load a document from Dropbox cloud file storage in a [Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) (Document Editor), you can follow the steps below +To load a document from Dropbox cloud file storage in a [Angular Document Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) (Document Editor), you can follow the steps below. -**Step 1:** Create a Dropbox API +**Step 1:** Create a Dropbox API app -To create a Dropbox API App, you should follow the official documentation provided by Dropbox [link](https://www.dropbox.com/developers/documentation/dotnet#tutorial). The process involves visiting the Dropbox Developer website and using their App Console to set up your API app. This app will allow you to interact with Dropbox programmatically, enabling secure access to files and data. +To create a Dropbox API app, you can follow the official Dropbox documentation [link](https://www.dropbox.com/developers/documentation/dotnet#tutorial). The process involves visiting the Dropbox Developer website and using their App Console to set up your API app. This app will allow you to interact with Dropbox programmatically, enabling secure access to files and data. -**Step 2:** Create a Simple Document Editor Sample in angular +**Step 2:** Create a simple Document Editor sample in Angular -Start by following the steps provided in this [link](../getting-started) to create a simple Document Editor sample in angular. This will give you a basic setup of the Document Editor component. +Start by following the steps provided in this [link](../getting-started) to create a simple Document Editor sample in Angular. This will give you a basic setup of the Document Editor component. -**Step 3:** Modify the `DocumentEditorController.cs` File in the Web Service Project +**Step 3:** Modify the `DocumentEditorController.cs` file in the web service project * Create a web service project in .NET Core 3.0 or above. You can refer to this [link](../web-services-overview) for instructions on how to create a web service project. @@ -34,7 +34,7 @@ using Dropbox.Api; using Dropbox.Api.Files; ``` -* Add the following private fields and constructor parameters to the `DocumentEditorController` class, In the constructor, assign the values from the configuration to the corresponding fields +* Add the following private fields and constructor parameters to the `DocumentEditorController` class. In the constructor, assign the values from the configuration to the corresponding fields. ```csharp private IConfiguration _configuration; @@ -58,14 +58,14 @@ public DocumentEditorController(IWebHostEnvironment hostingEnvironment, IMemoryC [AcceptVerbs("Post")] [HttpPost] [EnableCors("AllowAllOrigins")] -[Route("LoadFromBoxCloud")] +[Route("LoadFromDropBox")] //Post action for Loading the documents public async Task LoadFromDropBox([FromBody] Dictionary jsonObject) { - if (jsonObject == null && !jsonObject.ContainsKey("documentName")) + if (jsonObject == null || !jsonObject.ContainsKey("documentName")) { - return null + return null; } MemoryStream stream = new MemoryStream(); @@ -85,7 +85,7 @@ public async Task LoadFromDropBox([FromBody] Dictionary } ``` -* Open the `appsettings.json` file in your web service project, Add the following lines below the existing `"AllowedHosts"` configuration +* Open the `appsettings.json` file in your web service project. Add the following lines below the existing `"AllowedHosts"` configuration. ```json { @@ -101,11 +101,11 @@ public async Task LoadFromDropBox([FromBody] Dictionary } ``` -> Replace **Your_Dropbox_Access_Token** with your actual Dropbox access token and **Your_Folder_Name** with your folder name. +N> Replace **Your_Dropbox_Access_Token** with your actual Dropbox access token and **Your_Folder_Name** with your folder name. -**Step 4:** Modify the index File in the Document Editor sample +**Step 4:** Modify the index file in the Document Editor sample -In the client-side, the document is returned from the web service is opening using [`open`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/#open) method. +On the client side, the document returned from the web service is opened using the [`open`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/#open) method. ```typescript import { Component, OnInit, ViewChild } from '@angular/core'; diff --git a/Document-Processing/Word/Word-Processor/angular/opening-documents/google-cloud-storage.md b/Document-Processing/Word/Word-Processor/angular/opening-documents/google-cloud-storage.md index f785ddafa2..8d3cf74710 100644 --- a/Document-Processing/Word/Word-Processor/angular/opening-documents/google-cloud-storage.md +++ b/Document-Processing/Word/Word-Processor/angular/opening-documents/google-cloud-storage.md @@ -1,22 +1,22 @@ --- layout: post -title: Open Google Cloud Files in Angular Document Editor | Syncfusion -description: Learn about how to Open document from Google Cloud Storage in Angular Document editor control of Syncfusion Essential JS 2 and more details. +title: Open Google Cloud Files in Angular DOCX Editor | Syncfusion +description: Learn about how to Open document from Google Cloud Storage in Angular Document Editor control of Syncfusion Essential JS 2 and more details. platform: document-processing control: Open document from Google Cloud Storage documentation: ug domainurl: ##DomainURL## --- -# Open document from Google Cloud Storage in Angular Document editor +# Open document from Google Cloud Storage in Angular Document Editor -To load a document from Google Cloud Storage in a [Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) (Document Editor), you can follow the steps below +To load a document from Google Cloud Storage in a [Angular Document Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) (Document Editor), you can follow the steps below. -**Step 1:** Create a Simple Document Editor Sample in angular +**Step 1:** Create a simple Document Editor sample in Angular -Start by following the steps provided in this [link](../getting-started) to create a simple Document Editor sample in angular. This will give you a basic setup of the Document Editor component. +Start by following the steps provided in this [link](../getting-started) to create a simple Document Editor sample in Angular. This will give you a basic setup of the Document Editor component. -**Step 2:** Modify the `DocumentEditorController.cs` File in the Web Service Project +**Step 2:** Modify the `DocumentEditorController.cs` file in the web service project * Create a web service project in .NET Core 3.0 or above. You can refer to this [link](../web-services-overview) for instructions on how to create a web service project. @@ -30,7 +30,7 @@ using Google.Cloud.Storage.V1; using Google.Apis.Auth.OAuth2; ``` -* Add the following private fields and constructor parameters to the `DocumentEditorController` class, In the constructor, assign the values from the configuration to the corresponding fields +* Add the following private fields and constructor parameters to the `DocumentEditorController` class. In the constructor, assign the values from the configuration to the corresponding fields. ```csharp // Private readonly object _storageClient @@ -71,9 +71,9 @@ public DocumentEditorController(IWebHostEnvironment hostingEnvironment, IMemoryC public async Task LoadFromGoogleCloud([FromBody] Dictionary jsonObject) { - if (jsonObject == null && !jsonObject.ContainsKey("documentName")) + if (jsonObject == null || !jsonObject.ContainsKey("documentName")) { - return null + return null; } MemoryStream stream = new MemoryStream(); @@ -90,7 +90,7 @@ public async Task LoadFromGoogleCloud([FromBody] Dictionary LoadFromGoogleCloud([FromBody] Dictionary Replace **Your Bucket name from Google Cloud Storage** with the actual name of your Google Cloud Storage bucket +> Replace **Your Bucket name from Google Cloud Storage** with the actual name of your Google Cloud Storage bucket. > Replace **path/to/service-account-key.json** with the actual file path to your service account key JSON file. Make sure to provide the correct path and filename. -**Step 3:** Modify the index File in the Document Editor sample +**Step 3:** Modify the index file in the Document Editor sample -In the client-side, the document is returned from the web service is opening using [`open`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/#open) method. +On the client side, the document returned from the web service is opened using the [`open`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/#open) method. ```typescript import { Component, OnInit, ViewChild } from '@angular/core'; diff --git a/Document-Processing/Word/Word-Processor/angular/opening-documents/google-drive.md b/Document-Processing/Word/Word-Processor/angular/opening-documents/google-drive.md index f9177e2349..68b19ea235 100644 --- a/Document-Processing/Word/Word-Processor/angular/opening-documents/google-drive.md +++ b/Document-Processing/Word/Word-Processor/angular/opening-documents/google-drive.md @@ -1,26 +1,26 @@ --- layout: post -title: Open Google Drive Files in Angular Document Editor | Syncfusion -description: Learn about how to Open document from Google Drive in Angular Document editor control of Syncfusion Essential JS 2 and more details. +title: Open Google Drive Files in Angular DOCX Editor | Syncfusion +description: Learn about how to Open document from Google Drive in Angular Document Editor control of Syncfusion Essential JS 2 and more details. platform: document-processing control: Open document from Google Drive documentation: ug domainurl: ##DomainURL## --- -# Open document from Google Drive in Angular Document editor +# Open document from Google Drive in Angular Document Editor -To load a document from Google Drive in a [Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) (Document Editor), you can follow the steps below +To load a document from Google Drive in a [Angular Document Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) (Document Editor), you can follow the steps below. -**Step 1:** Set up Google Drive API +**Step 1:** Set up the Google Drive API -You must set up a project in the Google Developers Console and enable the Google Drive API. Obtain the necessary credentials to access the API. For more information, view the official [link](https://developers.google.com/drive/api/guides/enable-sdk). +You must set up a project in the Google Developers Console and enable the Google Drive API. Obtain the necessary credentials to access the API. For more information, refer to the official [link](https://developers.google.com/drive/api/guides/enable-sdk). -**Step 2:** Create a Simple Document Editor Sample in angular +**Step 2:** Create a simple Document Editor sample in Angular -Start by following the steps provided in this [link](../getting-started) to create a simple Document Editor sample in angular. This will give you a basic setup of the Document Editor component. +Start by following the steps provided in this [link](../getting-started) to create a simple Document Editor sample in Angular. This will give you a basic setup of the Document Editor component. -**Step 3:** Modify the `DocumentEditorController.cs` File in the Web Service Project +**Step 3:** Modify the `DocumentEditorController.cs` file in the web service project * Create a web service project in .NET Core 3.0 or above. You can refer to this [link](../web-services-overview) for instructions on how to create a web service project. @@ -34,7 +34,7 @@ using Google.Apis.Drive.v3; using Google.Apis.Util.Store; ``` -* Add the following private fields and constructor parameters to the `DocumentEditorController` class, In the constructor, assign the values from the configuration to the corresponding fields +* Add the following private fields and constructor parameters to the `DocumentEditorController` class. In the constructor, assign the values from the configuration to the corresponding fields. ```csharp private IConfiguration _configuration; @@ -113,7 +113,7 @@ public async Task LoadFromGoogleDrive([FromBody] Dictionary LoadFromGoogleDrive([FromBody] Dictionary Replace **Your Google Drive Folder ID**, **Your Application name**, and **Your Path to the OAuth 2.0 Client IDs json file** with your actual Google drive folder ID , Your name for your application and the path for the JSON file. +> Replace **Your Google Drive Folder ID**, **Your Application name**, and **Your Path to the OAuth 2.0 Client IDs json file** with your actual Google Drive folder ID, your name for your application, and the path for the JSON file. > The **FolderId** part is the unique identifier for the folder. For example, if your folder URL is: `https://drive.google.com/drive/folders/abc123xyz456`, then the folder ID is `abc123xyz456`. -**Step 4:** Modify the index File in the Document Editor sample +**Step 4:** Modify the index file in the Document Editor sample -In the client-side, the document is returned from the web service is opening using [`open`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/#open) method. +On the client side, the document returned from the web service is opened using the [`open`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/#open) method. ```typescript import { Component, OnInit, ViewChild } from '@angular/core'; diff --git a/Document-Processing/Word/Word-Processor/angular/opening-documents/one-drive.md b/Document-Processing/Word/Word-Processor/angular/opening-documents/one-drive.md index 4c3bc73a6b..5fe8214b4c 100644 --- a/Document-Processing/Word/Word-Processor/angular/opening-documents/one-drive.md +++ b/Document-Processing/Word/Word-Processor/angular/opening-documents/one-drive.md @@ -1,26 +1,26 @@ --- layout: post -title: Open document from One Drive in Angular Document editor | Syncfusion -description: Learn about how to Open document from One Drive in Angular Document editor control of Syncfusion Essential JS 2 and more details. +title: Open OneDrive Files in Angular Docx Editor | Syncfusion +description: Learn about how to Open document from OneDrive in the Angular Document Editor control of Syncfusion Essential JS 2 and more details. platform: document-processing -control: Open document from One Drive +control: Open document from OneDrive documentation: ug domainurl: ##DomainURL## --- -# Open document from One Drive in Angular Document editor +# Open document from OneDrive in Angular Document Editor -To load a document from One Drive in a [Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) (Document Editor), you can follow the steps below +To load a document from OneDrive in a [Angular Document Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) (Document Editor), you can follow the steps below -**Step 1:** Create the Microsoft graph API. +**Step 1:** Create the Microsoft Graph API. -Need to create a Microsoft Graph API application and obtain the necessary credentials, namely the application ID and tenant ID. Follow the steps provided in the [link](https://learn.microsoft.com/en-us/training/modules/msgraph-access-file-data/3-exercise-access-files-onedrive) to create the application and obtain the required IDs. +You Need to create a Microsoft Graph API application and obtain the necessary credentials, namely the application ID and tenant ID. Follow the steps provided in the [link](https://learn.microsoft.com/en-us/training/modules/msgraph-access-file-data/3-exercise-access-files-onedrive) to create the application and obtain the required IDs. -**Step 2:** Create a Simple Document Editor Sample in angular +**Step 2:** Create a simple Document Editor sample in angular -Start by following the steps provided in this [link](../getting-started) to create a simple Document Editor sample in angular. This will give you a basic setup of the Document Editor component. +Start by following the steps provided in this [link](../getting-started) to create a simple Document Editor sample in Angular. This will give you a basic setup of the Document Editor component. -**Step 3:** Modify the `DocumentEditorController.cs` File in the Web Service Project +**Step 3:** Modify the `DocumentEditorController.cs` file in the web service project * Create a web service project in .NET Core 3.0 or above. You can refer to this [link](../web-services-overview) for instructions on how to create a web service project. @@ -35,7 +35,7 @@ using Microsoft.Identity.Client; using Helpers; ``` -* Add the following private fields and constructor parameters to the `DocumentEditorController` class, In the constructor, assign the values from the configuration to the corresponding fields +* Add the following private fields and constructor parameters to the `DocumentEditorController` class. In the constructor, assign the values from the configuration to the corresponding fields. ```csharp private IConfiguration _configuration; @@ -54,14 +54,14 @@ public DocumentEditorController(IWebHostEnvironment hostingEnvironment, IMemoryC } ``` -* Create the `LoadFromOneDrive()` method to load the document from One Drive. +* Create the `LoadFromOneDrive()` method to load the document from OneDrive. ```csharp [AcceptVerbs("Post")] [HttpPost] [EnableCors("AllowAllOrigins")] -[Route("LoadFromBoxCloud")] -//Post action for Loading the documents +[Route("LoadFromOneDrive")] +//Post action for Loading documents public async Task LoadFromOneDrive([FromBody] Dictionary jsonObject) { @@ -111,7 +111,7 @@ public async Task LoadFromOneDrive([FromBody] Dictionary } ``` -* Open the `appsettings.json` file in your web service project, Add the following lines below the existing `"AllowedHosts"` configuration +* Open the `appsettings.json` file in your web service project. Add the following lines below the existing `"AllowedHosts"` configuration ```json { @@ -123,7 +123,7 @@ public async Task LoadFromOneDrive([FromBody] Dictionary }, "AllowedHosts": "*", "TenantId": "Your_Tenant_ID", - "applApplicationIdicationId": "Your_Application_ID", + "ApplicationId": "Your_Application_ID", "FolderName": "Your_Folder_Name_To_Access_The_Files_In_OneDrive" } @@ -131,9 +131,9 @@ public async Task LoadFromOneDrive([FromBody] Dictionary > Replace **Your_Tenant_ID**, **Your_Application_ID**, and **Your_Folder_Name_To_Access_The_Files_In_OneDrive** with your actual tenant ID, application ID, and folder name. -**Step 4:** Modify the index File in the Document Editor sample +**Step 4:** Modify the index file in the Document Editor sample -In the client-side, the document is returned from the web service is opening using [`open`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/#open) method. +On the client side, the document is returned from the web service is opened using the[`open`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/#open) method. ```typescript import { Component, OnInit, ViewChild } from '@angular/core'; @@ -144,7 +144,7 @@ import { @Component({ selector: 'app-root', // specifies the template string for the DocumentEditorContainer component - template: ` `, + template: ` `, providers: [ToolbarService], }) export class AppComponent implements OnInit { @@ -172,10 +172,10 @@ export class AppComponent implements OnInit { ``` > The following NuGet packages are required to use the previous code example -* **Microsoft.Identity.Client** -* **Microsoft.Graph** -* **Microsoft.Extensions.Configuration** -* **Microsoft.Extensions.Configuration.FileExtensions** -* **Microsoft.Extensions.Configuration.Json** +- **Microsoft.Identity.Client** +- **Microsoft.Graph** +- **Microsoft.Extensions.Configuration** +- **Microsoft.Extensions.Configuration.FileExtensions** +- **Microsoft.Extensions.Configuration.Json** You can install these packages using the NuGet Package Manager in Visual Studio or Visual Studio Code. \ No newline at end of file From e148d314d19a671153e46d0f89344d862fefb41e Mon Sep 17 00:00:00 2001 From: Seenivasaperumal Nachiyappan Date: Tue, 28 Jul 2026 08:14:25 +0530 Subject: [PATCH 2/2] 1041390: updated the code for CI issue --- .../angular/opening-documents/dropbox-cloud-file-storage.md | 2 +- .../angular/opening-documents/google-cloud-storage.md | 2 +- .../Word-Processor/angular/opening-documents/google-drive.md | 2 +- .../Word/Word-Processor/angular/opening-documents/one-drive.md | 2 +- 4 files changed, 4 insertions(+), 4 deletions(-) diff --git a/Document-Processing/Word/Word-Processor/angular/opening-documents/dropbox-cloud-file-storage.md b/Document-Processing/Word/Word-Processor/angular/opening-documents/dropbox-cloud-file-storage.md index 7530231118..c3721ca6f4 100644 --- a/Document-Processing/Word/Word-Processor/angular/opening-documents/dropbox-cloud-file-storage.md +++ b/Document-Processing/Word/Word-Processor/angular/opening-documents/dropbox-cloud-file-storage.md @@ -105,7 +105,7 @@ N> Replace **Your_Dropbox_Access_Token** with your actual Dropbox access token a **Step 4:** Modify the index file in the Document Editor sample -On the client side, the document returned from the web service is opened using the [`open`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/#open) method. +On the client side, the document returned from the web service is opened using the [`open`](https://ej2.syncfusion.com/angular/documentation/api/document-editor#open) method. ```typescript import { Component, OnInit, ViewChild } from '@angular/core'; diff --git a/Document-Processing/Word/Word-Processor/angular/opening-documents/google-cloud-storage.md b/Document-Processing/Word/Word-Processor/angular/opening-documents/google-cloud-storage.md index 8d3cf74710..61d2e609bf 100644 --- a/Document-Processing/Word/Word-Processor/angular/opening-documents/google-cloud-storage.md +++ b/Document-Processing/Word/Word-Processor/angular/opening-documents/google-cloud-storage.md @@ -111,7 +111,7 @@ public async Task LoadFromGoogleCloud([FromBody] Dictionary LoadFromGoogleDrive([FromBody] Dictionary LoadFromOneDrive([FromBody] Dictionary **Step 4:** Modify the index file in the Document Editor sample -On the client side, the document is returned from the web service is opened using the[`open`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/#open) method. +On the client side, the document is returned from the web service is opened using the[`open`](https://ej2.syncfusion.com/angular/documentation/api/document-editor#open) method. ```typescript import { Component, OnInit, ViewChild } from '@angular/core';