diff --git a/Document-Processing/Word/Word-Processor/angular/list-format.md b/Document-Processing/Word/Word-Processor/angular/list-format.md index b3c3d2396b..59443e9d41 100644 --- a/Document-Processing/Word/Word-Processor/angular/list-format.md +++ b/Document-Processing/Word/Word-Processor/angular/list-format.md @@ -1,20 +1,20 @@ --- layout: post -title: List format in Angular Document editor component | Syncfusion -description: Learn here all about List format in Syncfusion Angular Document editor component of Syncfusion Essential JS 2 and more. +title: List format in Angular DOCX Editor component | Syncfusion +description: Learn here all about List format in Syncfusion Angular Document Editor component of Syncfusion Essential JS 2 and more. platform: document-processing control: List format documentation: ug domainurl: ##DomainURL## --- -# List format in Angular Document editor component +# List format in Angular Document Editor component -[Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) (Document Editor) supports both the single-level and multilevel lists. Lists are used to organize data as step-by-step instructions in documents for easy understanding of key points. You can apply list to the paragraph either using supported APIs. +[Angular Document Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) (Document Editor) supports both single-level and multilevel lists. Lists are used to organize data as step-by-step instructions in documents for easy understanding of key points. You can apply a list to paragraphs using the supported APIs. ## Create bullet list -Bullets are usually used for unordered lists. To apply bulleted list for selected paragraphs, use the following method of ‘Editor’ instance. +Bullets are usually used for unordered lists. To apply a bulleted list to selected paragraphs, use the following method of the `Editor` instance. > applyBullet(bullet, fontFamily); @@ -31,13 +31,13 @@ this.documentEditor.editor.applyBullet('\uf0b7', 'Symbol'); ## Create numbered list -Numbered lists are usually used for ordered lists. To apply numbered list for selected paragraphs, use the following method of ‘Editor’ instance. +Numbered lists are usually used for ordered lists. To apply a numbered list to selected paragraphs, use the following method of the `Editor` instance. > applyNumbering(numberFormat,listLevelPattern) |Parameter|Type|Description| |---------|----|-----------| -|numberFormat|string|“%n” representations in ‘numberFormat’ parameter will be replaced by respective list level’s value.“%1)” will be displayed as “1)”| +|numberFormat|string|The "%n" representations in the `numberFormat` parameter will be replaced by the respective list level's value. "%1)" will be displayed as "1)".| |listLevelPattern(optional)|string|Default value is 'Arabic'.| Refer to the following example. @@ -48,7 +48,7 @@ this.documentEditor.editor.applyNumbering('%1)', 'UpRoman'); ## Clear list -You can also clear the list formatting applied for selected paragraphs. Refer to the following sample code. +You can also clear the list formatting applied to selected paragraphs. Refer to the following sample code. ```typescript this.documentEditor.editor.clearList(); @@ -56,7 +56,7 @@ this.documentEditor.editor.clearList(); ## Working with lists -The following sample demonstrates how to create bullet and numbering lists in document editor. +The following sample demonstrates how to create bulleted and numbered lists in Document Editor. {% tabs %} {% highlight ts tabtitle="app.component.ts" %} @@ -72,13 +72,13 @@ The following sample demonstrates how to create bullet and numbering lists in do ## Editing numbered list -Document Editor restarts the numbering or continue numbering for a numbered list. These options are found in the built-in context menu, if the list value is selected. Refer to the following screenshot. +Document Editor restarts the numbering or continues numbering for a numbered list. These options are found in the built-in context menu if the list value is selected. Refer to the following screenshot. ![Image](images/list.png) ## Online Demo -Explore how to apply bullets and numbering in Word documents using the Angular Document Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/angular/#/tailwind3/document-editor/bullets-numbering). +Explore how to apply bullets and numbering in Word documents using the Angular Document Editor in this [live demo](https://document.syncfusion.com/demos/docx-editor/angular/#/tailwind3/document-editor/bullets-numbering). ## See Also diff --git a/Document-Processing/Word/Word-Processor/angular/notes.md b/Document-Processing/Word/Word-Processor/angular/notes.md index 0ec4d1ed6b..8bc1c03a3c 100644 --- a/Document-Processing/Word/Word-Processor/angular/notes.md +++ b/Document-Processing/Word/Word-Processor/angular/notes.md @@ -1,24 +1,24 @@ --- layout: post -title: Notes in Angular Document editor component | Syncfusion -description: Learn here all about Notes in Syncfusion Angular Document editor component of Syncfusion Essential JS 2 and more. +title: Notes in Angular DOCX Editor component | Syncfusion +description: Learn here all about Notes in Syncfusion Angular Document Editor component of Syncfusion Essential JS 2 and more. platform: document-processing control: Notes documentation: ug domainurl: ##DomainURL## --- -# Notes in Angular Document editor component +# Notes in Angular Document Editor component -[Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) (Document Editor) Container component provides support for inserting footnotes and endnotes through the in-built toolbar. Refer to the following screenshot. +[Angular Document Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) (Document Editor) Container component provides support for inserting footnotes and endnotes through the built-in toolbar. Refer to the following screenshot. ![Insert footnote endnote](images/note-toolbar.jpg) -The Footnotes and endnotes are both ways of adding extra bits of information to your writing outside of the main text. You can use footnotes and endnotes to add side comments to your work or to place other publications like books, articles, or websites. +Footnotes and endnotes are both ways of adding extra bits of information to your writing outside of the main text. You can use footnotes and endnotes to add side comments to your work or to cite other publications like books, articles, or websites. ## Insert footnotes -Document Editor exposes an API to insert footnotes at cursor position programmatically or can be inserted to the end of selected text. +Document Editor exposes an API to insert footnotes at the cursor position programmatically, or they can be inserted at the end of selected text. ```typescript import { NgModule } from '@angular/core'; @@ -60,7 +60,7 @@ export class AppComponent { ## Insert endnotes -Document Editor exposes an API to insert endnotes at cursor position programmatically or can be inserted to the end of selected text. +Document Editor exposes an API to insert endnotes at the cursor position programmatically, or they can be inserted at the end of selected text. ```typescript import { NgModule } from '@angular/core'; @@ -102,11 +102,10 @@ export class AppComponent { ## Update or edit footnotes and endnotes -You can update or edit the footnotes and endnotes using the built-in context menu shown up by right-clicking it. -the footnote endnote dialog box popup and you can customize the number format and start at. Refer to the following screenshot. +You can update or edit the footnotes and endnotes using the built-in context menu shown by right-clicking the footnote or endnote. The Footnote/Endnote dialog box pops up, and you can customize the number format and the starting value. Refer to the following screenshot. ![Update or edit footnotes and endnotes](images/notes-option.jpg) ## Online Demo -Explore how to add and manage notes in Word documents using the Angular Document Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/angular/#/tailwind3/document-editor/notes). +Explore how to add and manage notes in Word documents using the Angular Document Editor in this [live demo](https://document.syncfusion.com/demos/docx-editor/angular/#/tailwind3/document-editor/notes). diff --git a/Document-Processing/Word/Word-Processor/angular/opening-documents/aws-s3-bucket.md b/Document-Processing/Word/Word-Processor/angular/opening-documents/aws-s3-bucket.md index 5ca1054008..b8c74dac20 100644 --- a/Document-Processing/Word/Word-Processor/angular/opening-documents/aws-s3-bucket.md +++ b/Document-Processing/Word/Word-Processor/angular/opening-documents/aws-s3-bucket.md @@ -1,28 +1,28 @@ --- layout: post -title: Open document from AWS S3 in Angular Document editor | Syncfusion -description: Learn about how to Open document from AWS S3 in Angular Document editor control of Syncfusion Essential JS 2 and more details. +title: Open document from AWS S3 in Angular DOCX Editor | Syncfusion +description: Learn about how to Open document from AWS S3 in Angular Document Editor control of Syncfusion Essential JS 2 and more details. platform: document-processing control: Open document from AWS S3 documentation: ug domainurl: ##DomainURL## --- -# Open document from AWS S3 in Angular Document editor +# Open document from AWS S3 in Angular Document Editor -To load a document from AWS S3 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 AWS S3 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. -**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. +1. 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. -* Open the `DocumentEditorController.cs` file in your web service project. +2. Open the `DocumentEditorController.cs` file in your web service project. -* Import the required namespaces at the top of the file: +3. Import the required namespaces at the top of the file: ```csharp using System.IO; @@ -31,7 +31,7 @@ using Amazon.S3; using Amazon.S3.Model; ``` -* 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 +4. 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; @@ -50,7 +50,7 @@ public DocumentEditorController(IWebHostEnvironment hostingEnvironment, IMemoryC } ``` -* Create the `LoadFromS3()` method to load the document from AWS S3. +5. Create the `LoadFromS3()` method to load the document from AWS S3. ```csharp @@ -64,7 +64,7 @@ public async Task LoadFromS3([FromBody] Dictionary jsonO { MemoryStream stream = new MemoryStream(); - if (jsonObject == null && !jsonObject.ContainsKey("documentName")) + if (jsonObject == null || !jsonObject.ContainsKey("documentName")) { return null; } @@ -89,7 +89,7 @@ public async Task LoadFromS3([FromBody] Dictionary jsonO } ``` -* Open the `appsettings.json` file in your web service project, Add the following lines below the existing `"AllowedHosts"` configuration +6. Open the `appsettings.json` file in your web service project. Add the following lines below the existing `"AllowedHosts"` configuration. ```json { @@ -106,11 +106,11 @@ public async Task LoadFromS3([FromBody] Dictionary jsonO } ``` -> Replace **Your Access Key from AWS S3**, **Your Secret Key from AWS S3**, and **Your Bucket name from AWS S3** with your actual AWS access key, secret key and bucket name +> Replace **Your Access Key from AWS S3**, **Your Secret Key from AWS S3**, and **Your Bucket name from AWS S3** with your actual AWS access key, secret key, and bucket name. -**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/azure-blob-storage.md b/Document-Processing/Word/Word-Processor/angular/opening-documents/azure-blob-storage.md index 7f72845d1b..a09e7265be 100644 --- a/Document-Processing/Word/Word-Processor/angular/opening-documents/azure-blob-storage.md +++ b/Document-Processing/Word/Word-Processor/angular/opening-documents/azure-blob-storage.md @@ -1,22 +1,22 @@ --- layout: post -title: Open document from Azure Blob in Angular Document editor | Syncfusion -description: Learn about how to Open document from Azure Blob Storage in Angular Document editor control of Syncfusion Essential JS 2 and more details. +title: Open document from Azure Blob in Angular DOCX Editor | Syncfusion +description: Learn about how to Open document from Azure Blob Storage in Angular Document Editor control of Syncfusion Essential JS 2 and more details. platform: document-processing control: Open document from Azure Blob Storage documentation: ug domainurl: ##DomainURL## --- -# Open document from Azure Blob Storage in Angular Document editor +# Open document from Azure Blob Storage in Angular Document Editor -To load document from Azure Blob 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 Azure Blob 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 Azure.Storage.Blobs; using Azure.Storage.Blobs.Specialized; ``` -* 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 @@ -46,20 +46,20 @@ public DocumentEditorController(IConfiguration configuration, ILogger jsonObject) { MemoryStream stream = new MemoryStream(); - if (jsonObject == null && !jsonObject.ContainsKey("documentName")) + if (jsonObject == null || !jsonObject.ContainsKey("documentName")) { return null; } @@ -76,7 +76,7 @@ public IActionResult LoadFromAzure([FromBody] Dictionary jsonObj } ``` -* 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 { @@ -92,11 +92,11 @@ public IActionResult LoadFromAzure([FromBody] Dictionary jsonObj } ``` -> Replace **Your Connection string from Azure** with the actual connection string for your Azure Blob Storage account and **Your container name in Azure** with the actual container name +N> Replace **Your Connection string from Azure** with the actual connection string for your Azure Blob Storage account and **Your container name in Azure** with the actual container name. -**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/box-cloud-file-storage.md b/Document-Processing/Word/Word-Processor/angular/opening-documents/box-cloud-file-storage.md index 9f220ffe5a..bdc9e851bf 100644 --- a/Document-Processing/Word/Word-Processor/angular/opening-documents/box-cloud-file-storage.md +++ b/Document-Processing/Word/Word-Processor/angular/opening-documents/box-cloud-file-storage.md @@ -1,24 +1,24 @@ --- layout: post -title: Open Box Cloud Files in Angular Document Editor | Syncfusion -description: Learn here to open a document from Box cloud file storage in Syncfusion Angular Document editor control of Syncfusion Essential JS 2 and more. +title: Open Box Cloud Files in Angular DOCX Editor | Syncfusion +description: Learn here to open a document from Box cloud file storage in Syncfusion Angular Document Editor control of Syncfusion Essential JS 2 and more. platform: document-processing control: Opening from Box cloud file storage documentation: ug domainurl: ##DomainURL## --- -# Open document from Box cloud file storage in Angular Document editor +# Open document from Box cloud file storage in Angular Document Editor -To load a document from Box 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 Box 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:** Set up a Box developer account and create a Box application -To access Box storage programmatically, you'll need a developer account with Box. Go to the [Box Developer Console](https://developer.box.com/), sign in or create a new account, and then create a new Box application. This application will provide you with the necessary credentials Client ID and Client Secret to authenticate and access Box APIs. Before accessing files, you need to authenticate your application to access your Box account. Box API supports `OAuth 2.0 authentication` for this purpose. +To access Box storage programmatically, you'll need a developer account with Box. Go to the [Box Developer Console](https://developer.box.com/), sign in or create a new account, and then create a new Box application. This application will provide you with the necessary credentials, Client ID and Client Secret, to authenticate and access Box APIs. Before accessing files, you need to authenticate your application to access your Box account. Box API supports `OAuth 2.0 authentication` for this purpose. -**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 @@ -35,7 +35,7 @@ using Box.V2.Config; using Box.V2.Models; ``` -* 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; @@ -67,9 +67,9 @@ public DocumentEditorController(IWebHostEnvironment hostingEnvironment, IMemoryC public async Task LoadFromBoxCloud([FromBody] Dictionary jsonObject) { - if (jsonObject == null && !jsonObject.ContainsKey("documentName")) + if (jsonObject == null || !jsonObject.ContainsKey("documentName")) { - return null + return null; } MemoryStream stream = new MemoryStream(); // Initialize the Box API client with your authentication credentials @@ -100,7 +100,7 @@ public async Task LoadFromBoxCloud([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 { @@ -118,11 +118,11 @@ public async Task LoadFromBoxCloud([FromBody] Dictionary } ``` -> replace **Your_Box_Storage_Access_Token** with your actual box access token, and **Your_Folder_ID** with the ID of the folder in your box storage where you want to perform specific operations. Remember to use your valid box API credentials, as **Your_Box_Storage_ClientID** and **Your_Box_Storage_ClientSecret"** are placeholders for your application's API key and secret. +> Replace **Your_Box_Storage_Access_Token** with your actual box access token, and **Your_Folder_ID** with the ID of the folder in your box storage where you want to perform specific operations. Remember to use your valid box API credentials, as **Your_Box_Storage_ClientID** and **Your_Box_Storage_ClientSecret"** are placeholders for your application's API key and secret. **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';