diff --git a/Document-Processing/Word/Word-Processor/javascript-es5/list-format.md b/Document-Processing/Word/Word-Processor/javascript-es5/list-format.md index 2c9c11a255..3c424383bf 100644 --- a/Document-Processing/Word/Word-Processor/javascript-es5/list-format.md +++ b/Document-Processing/Word/Word-Processor/javascript-es5/list-format.md @@ -1,20 +1,20 @@ --- layout: post -title: List format in JavaScript (ES5) Document editor control | Syncfusion -description: Learn here all about List format in Syncfusion JavaScript (ES5) Document editor control of Syncfusion Essential JS 2 and more. +title: List format in JavaScript (ES5) DOCX Editor control | Syncfusion +description: Learn here all about List format in Syncfusion JavaScript (ES5) Document Editor component of Syncfusion Essential JS 2 and more. platform: document-processing control: List format documentation: ug domainurl: ##DomainURL## --- -# List format in JavaScript (ES5) Document editor control +# List format in JavaScript (ES5) Document Editor control -[JavaScript DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/javascript-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. +[JavaScript DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/javascript-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 @@ 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 @@ 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. ```ts documenteditor.editor.clearList(); @@ -56,7 +56,7 @@ 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 js tabtitle="index.js" %} @@ -71,14 +71,14 @@ 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 +## Online demo -Explore how to apply bullets and numbering in Word documents using the JavaScript (ES5) Document Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/javascript-es5/#/material3/document-editor/bullets-and-numbering.html). +Explore how to apply bullets and numbering in Word documents using the JavaScript (ES5) Document Editor in this [live demo](https://document.syncfusion.com/demos/docx-editor/javascript-es5/#/material3/document-editor/bullets-and-numbering.html). -## See Also +## See also * [List dialog](./dialog#list-dialog) diff --git a/Document-Processing/Word/Word-Processor/javascript-es5/notes.md b/Document-Processing/Word/Word-Processor/javascript-es5/notes.md index 2bf5b071da..469c17e6da 100644 --- a/Document-Processing/Word/Word-Processor/javascript-es5/notes.md +++ b/Document-Processing/Word/Word-Processor/javascript-es5/notes.md @@ -1,24 +1,24 @@ --- layout: post -title: Notes in JavaScript (ES5) Document editor control | Syncfusion -description: Learn here all about Notes in Syncfusion JavaScript (ES5) Document editor control of Syncfusion Essential JS 2 and more. +title: Notes in JavaScript (ES5) DOCX Editor control | Syncfusion +description: Learn here all about Notes in Syncfusion JavaScript (ES5) Document Editor component of Syncfusion Essential JS 2 and more. platform: document-processing control: Notes documentation: ug domainurl: ##DomainURL## --- -# Notes in JavaScript (ES5) Document editor control +# Notes in JavaScript (ES5) Document Editor control -[JavaScript DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/javascript-docx-editor) (Document Editor) Container component provides support for inserting footnotes and endnotes through the in-built toolbar. Refer to the following screenshot. +[JavaScript DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/javascript-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. ```ts import { DocumentEditorContainer, Toolbar } from '@syncfusion/ej2-documenteditor'; @@ -29,13 +29,13 @@ let container: DocumentEditorContainer = new DocumentEditorContainer({ serviceUrl: 'https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/' }); container.appendTo('#DocumentEditor'); -//Insert footnote in current selection. +//Insert footnote. container.documentEditor.editor.insertFootnote(); ``` ## 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. ```ts import { DocumentEditorContainer, Toolbar } from '@syncfusion/ej2-documenteditor'; @@ -46,16 +46,16 @@ let container: DocumentEditorContainer = new DocumentEditorContainer({ serviceUrl: 'https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/' }); container.appendTo('#DocumentEditor'); -//Insert endnote in current selection. +//Insert endnote. container.documentEditor.editor.insertEndnote(); ``` ## 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 +## Online demo -Explore how to add and manage notes in Word documents using the JavaScript (ES5) Document Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/javascript-es5/#/material3/document-editor/notes.html). \ No newline at end of file +Explore how to add and manage notes in Word documents using the JavaScript (ES5) Document Editor in this [live demo](https://document.syncfusion.com/demos/docx-editor/javascript-es5/#/material3/document-editor/notes.html). \ No newline at end of file diff --git a/Document-Processing/Word/Word-Processor/javascript-es5/opening-documents/aws-s3-bucket.md b/Document-Processing/Word/Word-Processor/javascript-es5/opening-documents/aws-s3-bucket.md index d0e56381ab..8b1e273c65 100644 --- a/Document-Processing/Word/Word-Processor/javascript-es5/opening-documents/aws-s3-bucket.md +++ b/Document-Processing/Word/Word-Processor/javascript-es5/opening-documents/aws-s3-bucket.md @@ -1,22 +1,22 @@ --- layout: post -title: Open AWS S3 Files in JavaScript (ES5) Document editor | Syncfusion -description: Learn about how to Open document from AWS S3 in JavaScript (ES5) Document editor control of Syncfusion Essential JS 2 and more details. +title: Open AWS S3 Files in JavaScript (ES5) DOCX Editor | Syncfusion +description: Learn about how to Open document from AWS S3 in JavaScript (ES5) 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 Document editor +# Open document from AWS S3 in Document Editor -To load a document from AWS S3 in a [JavaScript DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/javascript-docx-editor) (Document Editor), you can follow the steps below +To load a document from AWS S3 in a [JavaScript DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/javascript-docx-editor) (Document Editor), you can follow the steps below. -**Step 1:** Create a Simple Document Editor Sample in JavaScript +**Step 1:** Create a simple Document Editor sample in JavaScript Start by following the steps provided in this [link](../getting-started) to create a simple Document Editor sample in JavaScript. 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. @@ -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 +* 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,13 +58,13 @@ public DocumentEditorController(IWebHostEnvironment hostingEnvironment, IMemoryC [HttpPost] [EnableCors("AllowAllOrigins")] [Route("LoadFromS3")] -//Post action for Loading the documents +//Post action for loading documents -public async Task LoadFromS3([FromBody] Dictionary onObject) +public async Task LoadFromS3([FromBody] Dictionary jsonObject) { 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 onObj } ``` -* 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 { @@ -106,11 +106,11 @@ public async Task LoadFromS3([FromBody] Dictionary onObj } ``` -N> 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 +N> 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/javascript/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/javascript/documentation/api/document-editor#open) method. {% tabs %} {% highlight html tabtitle="index.html" %} diff --git a/Document-Processing/Word/Word-Processor/javascript-es5/opening-documents/azure-blob-storage.md b/Document-Processing/Word/Word-Processor/javascript-es5/opening-documents/azure-blob-storage.md index 499aedf345..e8ad39414b 100644 --- a/Document-Processing/Word/Word-Processor/javascript-es5/opening-documents/azure-blob-storage.md +++ b/Document-Processing/Word/Word-Processor/javascript-es5/opening-documents/azure-blob-storage.md @@ -1,22 +1,22 @@ --- layout: post -title: Open Azure Blob Files in JavaScript (ES5) Document editor | Syncfusion -description: Learn about how to Open document from Azure Blob Storage in JavaScript (ES5) Document editor control of Syncfusion Essential JS 2 and more details. +title: Open Azure Blob Files in JavaScript (ES5) DOCX Editor | Syncfusion +description: Learn about how to Open document from Azure Blob Storage in JavaScript (ES5) 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 JavaScript (ES5) Document editor +# Open document from Azure Blob Storage in JavaScript (ES5) -To load document from Azure Blob Storage in a [JavaScript DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/javascript-docx-editor) (Document Editor), you can follow the steps below +To load a document from Azure Blob Storage in a [JavaScript DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/javascript-docx-editor) (Document Editor), you can follow the steps below. -**Step 1:** Create a Simple Document Editor Sample in JavaScript +**Step 1:** Create a simple Document Editor sample in JavaScript Start by following the steps provided in this [link](../getting-started) to create a simple Document Editor sample in JavaScript. 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. @@ -31,7 +31,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 @@ -47,22 +47,21 @@ public DocumentEditorController(IConfiguration configuration, ILogger jsonObject) { MemoryStream stream = new MemoryStream(); - if (jsonObject == null && !jsonObject.ContainsKey("documentName")) + if (jsonObject == null || !jsonObject.ContainsKey("documentName")) { - return null + return null; } BlobServiceClient blobServiceClient = new BlobServiceClient(_storageConnectionString); string fileName = jsonObject["documentName"]; @@ -77,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 { @@ -93,11 +92,11 @@ public IActionResult LoadFromAzure([FromBody] Dictionary jsonObj } ``` -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 +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/javascript/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/javascript/documentation/api/document-editor#open) method. {% tabs %} {% highlight html tabtitle="index.html" %} diff --git a/Document-Processing/Word/Word-Processor/javascript-es5/opening-documents/box-cloud-file-storage.md b/Document-Processing/Word/Word-Processor/javascript-es5/opening-documents/box-cloud-file-storage.md index bef7318a22..d9e1489210 100644 --- a/Document-Processing/Word/Word-Processor/javascript-es5/opening-documents/box-cloud-file-storage.md +++ b/Document-Processing/Word/Word-Processor/javascript-es5/opening-documents/box-cloud-file-storage.md @@ -1,25 +1,26 @@ --- layout: post -title: Open Box cloud Files in JavaScript (ES5) Document editor | Syncfusion -description: Learn here to open a document from Box cloud file storage in Syncfusion JavaScript (ES5) Document editor control of Syncfusion Essential JS 2 and more. +title: Open Box cloud Files in JavaScript (ES5) DOCX Editor | Syncfusion +description: Learn here to open a document from Box cloud file storage in Syncfusion JavaScript (ES5) 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 JavaScript (ES5) Document editor -To load a document from Box cloud file storage in a [JavaScript DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/javascript-docx-editor) (Document Editor), you can follow the steps below +# Open document from Box cloud file storage in JavaScript (ES5) + +To load a document from Box cloud file storage in a [JavaScript DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/javascript-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 JavaScript +**Step 2:** Create a simple Document Editor sample in JavaScript Start by following the steps provided in this [link](../getting-started) to create a simple Document Editor sample in JavaScript. 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 +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; @@ -62,13 +63,13 @@ public DocumentEditorController(IWebHostEnvironment hostingEnvironment, IMemoryC [HttpPost] [EnableCors("AllowAllOrigins")] [Route("LoadFromBoxCloud")] -//Post action for Loading the documents +//Post action for loading documents 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 @@ -99,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 { @@ -117,11 +118,11 @@ public async Task LoadFromBoxCloud([FromBody] Dictionary } ``` -N> 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. +N> 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 +**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/javascript/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/javascript/documentation/api/document-editor#open) method. {% tabs %} {% highlight html tabtitle="index.html" %}