diff --git a/Document-Processing/Word/Word-Processor/angular/how-to/disable-drag-and-drop.md b/Document-Processing/Word/Word-Processor/angular/how-to/disable-drag-and-drop.md index c7ac989c11..9a41e45c14 100644 --- a/Document-Processing/Word/Word-Processor/angular/how-to/disable-drag-and-drop.md +++ b/Document-Processing/Word/Word-Processor/angular/how-to/disable-drag-and-drop.md @@ -1,18 +1,18 @@ --- layout: post -title: Disable Drag and Drop in Angular Document Editor | Syncfusion -description: Learn here all about Disable drag and drop in document editor in Syncfusion Angular Document editor component of Syncfusion Essential JS 2 and more. +title: Disable drag and drop in Angular DOCX Editor | Syncfusion +description: Learn here all about Disable drag and drop in Syncfusion Angular Document Editor component of Syncfusion Essential JS 2 and more. platform: document-processing -control: Disable drag and drop in document editor +control: Disable drag and drop in Document Editor documentation: ug domainurl: ##DomainURL## --- -# How to Disable Drag and Drop in Angular Document Editor +# How to disable drag and drop in the Angular Document Editor -[Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) provides support to drag and drop contents within the component and it can be customized(enable and disable) using [`allowDragAndDrop`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/documentEditorSettings/#allowDragAndDrop) property in Document editor settings. +[Angular Document Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) (Document Editor) provides support to drag and drop contents within the component and it can be customized (enable and disable) using the [`allowDragAndDrop`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/documentEditorSettings/#allowDragAndDrop) property in Document Editor settings. -The following example illustrates to customize the drag and drop option. +The following example illustrates how to customize the drag and drop option. ```typescript @Component({ @@ -23,9 +23,9 @@ export class AppComponent{ } ``` ->Note: Default value of [`allowDragAndDrop`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/documentEditorSettings/#allowDragAndDrop) property is `true`. +N> The default value of [`allowDragAndDrop`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/documentEditorSettings/#allowDragAndDrop) property is `true`. -The following example illustrates to disable the drag and drop option in DocumentEditor. +The following example illustrates how to disable the drag and drop option in the Document Editor. ```typescript @Component({ @@ -36,6 +36,6 @@ export class AppComponent{ } ``` -> The Web API hosted link `https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/` utilized in the Document Editor's serviceUrl property is intended solely for demonstration and evaluation purposes. For production deployment, please host your own web service with your required server configurations. You can refer and reuse the [GitHub Web Service example](https://github.com/SyncfusionExamples/EJ2-DocumentEditor-WebServices) or [Docker image](https://hub.docker.com/r/syncfusion/word-processor-server) for hosting your own web service and use for the serviceUrl property. +N> The Web API hosted link `https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/` utilized in the Document Editor's serviceUrl property is intended solely for demonstration and evaluation purposes. For production deployment, please host your own web service with your required server configurations. You can refer and reuse the [GitHub Web Service example](https://github.com/SyncfusionExamples/EJ2-DocumentEditor-WebServices) or [Docker image](https://hub.docker.com/r/syncfusion/word-processor-server) for hosting your own web service and use for the serviceUrl property. ->Note: Default value of [`allowDragAndDrop`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/documenteditorsettings#allowDragAndDrop) property is `true`. \ No newline at end of file +N> The default value of [`allowDragAndDrop`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/documenteditorsettings#allowDragAndDrop) property is `true`. \ No newline at end of file diff --git a/Document-Processing/Word/Word-Processor/angular/how-to/insert-page-number-and-navigate-to-page.md b/Document-Processing/Word/Word-Processor/angular/how-to/insert-page-number-and-navigate-to-page.md index 810af582be..f747b7aa6f 100644 --- a/Document-Processing/Word/Word-Processor/angular/how-to/insert-page-number-and-navigate-to-page.md +++ b/Document-Processing/Word/Word-Processor/angular/how-to/insert-page-number-and-navigate-to-page.md @@ -1,22 +1,22 @@ --- layout: post -title: Insert Page Number in Angular Document Editor | Syncfusion -description: Learn here all about Insert page number and navigate to page in Syncfusion Angular Document editor component of Syncfusion Essential JS 2 and more. +title: Insert page number and navigate in Angular DOCX Editor | Syncfusion +description: Learn here all about Insert page number and navigate to page in Syncfusion Angular Document Editor component of Syncfusion Essential JS 2 and more. platform: document-processing -control: Insert page number and navigate to page +control: Insert page number and navigate to page documentation: ug domainurl: ##DomainURL## --- -# Insert Page Number and Navigate in Angular Document Editor component +# Insert page number and navigate in Angular Document Editor -You can insert page number and navigate to specific page in [Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) component by following ways. +You can insert page number and navigate to specific page in [Angular Document Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) (Document Editor) component using the following ways. ## Insert page number -You can use [`insertPageNumber`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/editor/#insertpagenumber) API in editor module to insert the page number in current cursor position. By default, Page number will insert in Arabic number style. You can change it, by providing the number style in parameter. +You can use [`insertPageNumber`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/editor/#insertpagenumber) API in editor module to insert the page number in current cursor position. By default, the page number will be inserted in Arabic number style. You can change it by providing the number style in parameter. ->Note: Currently, Document Editor have options to insert page number at current cursor position. +N> Currently, Document Editor has options to insert page number at the current cursor position. The following example code illustrates how to insert page number in header. @@ -47,9 +47,9 @@ export class AppComponent implements OnInit { } ``` -> The Web API hosted link `https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/` utilized in the Document Editor's serviceUrl property is intended solely for demonstration and evaluation purposes. For production deployment, please host your own web service with your required server configurations. You can refer and reuse the [GitHub Web Service example](https://github.com/SyncfusionExamples/EJ2-DocumentEditor-WebServices) or [Docker image](https://hub.docker.com/r/syncfusion/word-processor-server) for hosting your own web service and use for the serviceUrl property. +N> The Web API hosted link `https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/` utilized in the Document Editor's serviceUrl property is intended solely for demonstration and evaluation purposes. For production deployment, please host your own web service with your required server configurations. You can refer and reuse the [GitHub Web Service example](https://github.com/SyncfusionExamples/EJ2-DocumentEditor-WebServices) or [Docker image](https://hub.docker.com/r/syncfusion/word-processor-server) for hosting your own web service and use for the serviceUrl property. -Also, you use [`insertField`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/editor/#insertfield) API in Editor module to insert the Page number in current position +You can also use [`insertField`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/editor/#insertfield) API in Editor module to insert the page number in the current position. ```typescript //Current page number @@ -59,9 +59,9 @@ this.container.documentEditor.editor.insertField('PAGE \* MERGEFORMAT', '1'); ## Get page count -You can use [`pageCount`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/#pagecount) API to gets the total number of pages in Document. +You can use [`pageCount`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/#pagecount) API to get the total number of pages in the Document. -The following example code illustrates how to get the number of pages in Document. +The following example code illustrates how to get the number of pages in the Document. ```typescript import { Component, OnInit, ViewChild } from '@angular/core'; @@ -88,7 +88,7 @@ export class AppComponent implements OnInit { } ``` -> The Web API hosted link `https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/` utilized in the Document Editor's serviceUrl property is intended solely for demonstration and evaluation purposes. For production deployment, please host your own web service with your required server configurations. You can refer and reuse the [GitHub Web Service example](https://github.com/SyncfusionExamples/EJ2-DocumentEditor-WebServices) or [Docker image](https://hub.docker.com/r/syncfusion/word-processor-server) for hosting your own web service and use for the serviceUrl property. +N> The Web API hosted link `https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/` utilized in the Document Editor's serviceUrl property is intended solely for demonstration and evaluation purposes. For production deployment, please host your own web service with your required server configurations. You can refer and reuse the [GitHub Web Service example](https://github.com/SyncfusionExamples/EJ2-DocumentEditor-WebServices) or [Docker image](https://hub.docker.com/r/syncfusion/word-processor-server) for hosting your own web service and use for the serviceUrl property. ## Navigate to specific page @@ -145,4 +145,4 @@ export class AppComponent implements OnInit { ``` -> The Web API hosted link `https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/` utilized in the Document Editor's serviceUrl property is intended solely for demonstration and evaluation purposes. For production deployment, please host your own web service with your required server configurations. You can refer and reuse the [GitHub Web Service example](https://github.com/SyncfusionExamples/EJ2-DocumentEditor-WebServices) or [Docker image](https://hub.docker.com/r/syncfusion/word-processor-server) for hosting your own web service and use for the serviceUrl property. +N> The Web API hosted link `https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/` utilized in the Document Editor's serviceUrl property is intended solely for demonstration and evaluation purposes. For production deployment, please host your own web service with your required server configurations. You can refer and reuse the [GitHub Web Service example](https://github.com/SyncfusionExamples/EJ2-DocumentEditor-WebServices) or [Docker image](https://hub.docker.com/r/syncfusion/word-processor-server) for hosting your own web service and use for the serviceUrl property. diff --git a/Document-Processing/Word/Word-Processor/angular/how-to/insert-text-in-current-position.md b/Document-Processing/Word/Word-Processor/angular/how-to/insert-text-in-current-position.md index 6e1e70f4a0..f90f2d0b3f 100644 --- a/Document-Processing/Word/Word-Processor/angular/how-to/insert-text-in-current-position.md +++ b/Document-Processing/Word/Word-Processor/angular/how-to/insert-text-in-current-position.md @@ -1,22 +1,22 @@ --- layout: post -title: Insert Text in Angular Document Editor | Syncfusion -description: Learn here all about Insert text in current position in Syncfusion Angular Document editor component of Syncfusion Essential JS 2 and more. +title: Insert text in current position in Angular DOCX Editor | Syncfusion +description: Learn here all about Insert text in current position in Syncfusion Angular Document Editor component of Syncfusion Essential JS 2 and more. platform: document-processing -control: Insert text in current position +control: Insert text in current position documentation: ug domainurl: ##DomainURL## --- -# Insert Text at Current Position in Angular Document Editor +# Insert text in current position in Angular Document Editor component -You can insert the text, paragraph and rich-text content in [Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) component. +You can insert text, paragraphs, and rich-text content in [Angular Document Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) (Document Editor) component. ## Insert text in current cursor position You can use [`insertText`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/editor/#inserttext) API in editor module to insert the text in current cursor position. -The following example illustrates how to add the text in current selection. +The following example code illustrates how to add the text at the current cursor position. ```typescript import { Component, OnInit, ViewChild } from '@angular/core'; @@ -54,13 +54,13 @@ export class AppComponent implements OnInit { } ``` -> The Web API hosted link `https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/` utilized in the Document Editor's serviceUrl property is intended solely for demonstration and evaluation purposes. For production deployment, please host your own web service with your required server configurations. You can refer and reuse the [GitHub Web Service example](https://github.com/SyncfusionExamples/EJ2-DocumentEditor-WebServices) or [Docker image](https://hub.docker.com/r/syncfusion/word-processor-server) for hosting your own web service and use for the serviceUrl property. +N> The Web API hosted link `https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/` utilized in the Document Editor's serviceUrl property is intended solely for demonstration and evaluation purposes. For production deployment, please host your own web service with your required server configurations. You can refer and reuse the [GitHub Web Service example](https://github.com/SyncfusionExamples/EJ2-DocumentEditor-WebServices) or [Docker image](https://hub.docker.com/r/syncfusion/word-processor-server) for hosting your own web service and use for the serviceUrl property. ## Insert paragraph in current cursor position -To insert new paragraph at current selection, you can can use [`insertText`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/editor/#inserttext) API with parameter as `\r\n` or `\n`. +To insert a new paragraph at the current selection, you can use [`insertText`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/editor/#inserttext) API with parameter as `\r\n` or `\n`. -The following example code illustrates how to add the new paragraph in current selection. +The following example code illustrates how to add the new paragraph in the current selection. ```typescript // It will add the new paragraph in current selection @@ -69,11 +69,11 @@ this.container.documentEditor.editor.insertText('\n'); ## Insert the rich-text content -To insert the HTML content, you have to convert the HTML content to SFDT Format using [`web service`](../web-services-overview). Then use [`paste`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/editor/#paste) API to insert the sfdt at current cursor position. +To insert the HTML content, you have to convert the HTML content to SFDT format using [`web service`](../web-services-overview). Then use [`paste`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/editor/#paste) API to insert the SFDT at the current cursor position. ->Note: Html string should be well formatted html. [`DocIO`](https://help.syncfusion.com/file-formats/docio/html) support only well formatted XHTML. +N> The HTML string should be well-formatted HTML. [`DocIO`](https://help.syncfusion.com/file-formats/docio/html) supports only well-formatted XHTML. -The following example illustrates how to insert the HTML content at current cursor position. +The following example illustrates how to insert the HTML content at the current cursor position. * Send the HTML content to server side for SFDT conversion. Refer to the following example to send the HTML content to server side and inserting it in current cursor position. @@ -127,7 +127,7 @@ export class AppComponent implements OnInit { } ``` -> The Web API hosted link `https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/` utilized in the Document Editor's serviceUrl property is intended solely for demonstration and evaluation purposes. For production deployment, please host your own web service with your required server configurations. You can refer and reuse the [GitHub Web Service example](https://github.com/SyncfusionExamples/EJ2-DocumentEditor-WebServices) or [Docker image](https://hub.docker.com/r/syncfusion/word-processor-server) for hosting your own web service and use for the serviceUrl property. +N> The Web API hosted link `https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/` utilized in the Document Editor's serviceUrl property is intended solely for demonstration and evaluation purposes. For production deployment, please host your own web service with your required server configurations. You can refer and reuse the [GitHub Web Service example](https://github.com/SyncfusionExamples/EJ2-DocumentEditor-WebServices) or [Docker image](https://hub.docker.com/r/syncfusion/word-processor-server) for hosting your own web service and use for the serviceUrl property. * Please refer the following code example for server-side web implementation for HTML conversion using DocumentEditor. @@ -152,4 +152,4 @@ public class InputParameter } ``` ->Note: The above example illustrates inserting HTML content. Similarly, you can insert any rich-text content by converting any of the supported file formats (DOCX, DOC, WordML, HTML, RTF) to SFDT. \ No newline at end of file +N> The above example illustrates inserting HTML content. Similarly, you can insert any rich-text content by converting any of the supported file formats (DOCX, DOC, WordML, HTML, RTF) to SFDT. \ No newline at end of file diff --git a/Document-Processing/Word/Word-Processor/angular/how-to/insert-text-or-image-in-table-programmatically.md b/Document-Processing/Word/Word-Processor/angular/how-to/insert-text-or-image-in-table-programmatically.md index 205e5f5ec6..5184b53ee3 100644 --- a/Document-Processing/Word/Word-Processor/angular/how-to/insert-text-or-image-in-table-programmatically.md +++ b/Document-Processing/Word/Word-Processor/angular/how-to/insert-text-or-image-in-table-programmatically.md @@ -1,20 +1,20 @@ --- layout: post -title: Insert Text or Image in Table in Angular Document Editor | Syncfusion -description: Learn here all about Insert text or image in table programmatically in Syncfusion Angular Document editor component of Syncfusion Essential JS 2 and more. +title: Insert text or image in a table in Angular DOCX Editor | Syncfusion +description: Learn here all about Insert text or image in table programmatically in Syncfusion Angular Document Editor component of Syncfusion Essential JS 2 and more. platform: document-processing -control: Insert text or image in table programmatically +control: Insert text or image in table programmatically documentation: ug domainurl: ##DomainURL## --- -# Insert Text or Image in Table in Angular Document Editor +# Insert text or image in a table in Angular Document Editor -Using [Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) API's, you can insert [`text`](../how-to/insert-text-in-current-position#insert-text-in-current-cursor-position) or [`image`](../image#images) in [`table`](../table#create-a-table) programmatically based on your requirement. +Using [Angular Document Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) (Document Editor) APIs, you can insert [`text`](../how-to/insert-text-in-current-position#insert-text-in-current-cursor-position) or [`image`](../image#images) in a [`table`](../table#create-a-table) programmatically based on your requirement. -Use [`selection`](../how-to/move-selection-to-specific-position#selects-content-based-on-start-and-end-hierarchical-index) API's to navigate between rows and cells. +Use [`selection`](../how-to/move-selection-to-specific-position#selects-content-based-on-start-and-end-hierarchical-index) APIs to navigate between rows and cells. -The following example illustrates how to create 2*2 table and then add text and image programmatically. +The following example illustrates how to create a 2×2 table and then add text and image programmatically. ```typescript import { Component, OnInit, ViewChild } from '@angular/core'; @@ -42,25 +42,25 @@ export class AppComponent implements OnInit { public container?: DocumentEditorContainerComponent; ngOnInit(): void {} onCreated() { - // To insert the table in cursor position + // To insert the table in the cursor position this.container?.documentEditor.editor.insertTable(2, 2); - // To insert the image at table first cell + // To insert the image at the first cell of the table this.container?.documentEditor.editor.insertImage( 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4 //8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==' ); // To move the cursor to next cell this.moveCursorToNextCell(); - // To insert the image at table second cell + // To insert the image at the second cell of the table this.container?.documentEditor.editor.insertImage( 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4 //8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==' ); // To move the cursor to next row this.moveCursorToNextRow(); - // To insert text in cursor position + // To insert text in the cursor position this.container?.documentEditor.editor.insertText('Text'); // To move the cursor to next cell this.moveCursorToNextCell(); - // To insert text in cursor position + // To insert text in the cursor position this.container?.documentEditor.editor.insertText('Text'); } moveCursorToNextCell() { @@ -87,14 +87,14 @@ export class AppComponent implements OnInit { var cellIndex = 0; offSet[3] = cellIndex.toString(); // Changing start offset - startOffset = startOffset = offSet.join(';'); + startOffset = offSet.join(';'); // Navigating selection using select method this.container?.documentEditor.selection.select(startOffset, startOffset); } } ``` -> The Web API hosted link `https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/` utilized in the Document Editor's serviceUrl property is intended solely for demonstration and evaluation purposes. For production deployment, please host your own web service with your required server configurations. You can refer and reuse the [GitHub Web Service example](https://github.com/SyncfusionExamples/EJ2-DocumentEditor-WebServices) or [Docker image](https://hub.docker.com/r/syncfusion/word-processor-server) for hosting your own web service and use for the serviceUrl property. +N> The Web API hosted link `https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/` utilized in the Document Editor's serviceUrl property is intended solely for demonstration and evaluation purposes. For production deployment, please host your own web service with your required server configurations. You can refer and reuse the [GitHub Web Service example](https://github.com/SyncfusionExamples/EJ2-DocumentEditor-WebServices) or [Docker image](https://hub.docker.com/r/syncfusion/word-processor-server) for hosting your own web service and use for the serviceUrl property. -The output will be like below. +The output will be as shown below. ![Insert text or image in table programmatically](../images/table-image.png) diff --git a/Document-Processing/Word/Word-Processor/angular/how-to/resize-document-editor.md b/Document-Processing/Word/Word-Processor/angular/how-to/resize-document-editor.md index 164b8b9553..e8f16b9245 100644 --- a/Document-Processing/Word/Word-Processor/angular/how-to/resize-document-editor.md +++ b/Document-Processing/Word/Word-Processor/angular/how-to/resize-document-editor.md @@ -1,22 +1,22 @@ --- layout: post -title: Resize in Angular Document editor component | Syncfusion -description: Learn here all about Resize document editor in Syncfusion Angular Document editor component of Syncfusion Essential JS 2 and more. +title: Resize Document Editor in Angular DOCX Editor | Syncfusion +description: Learn here all about Resize in Syncfusion Angular Document Editor component of Syncfusion Essential JS 2 and more. platform: document-processing -control: Resize document editor +control: Resize Document Editor documentation: ug domainurl: ##DomainURL## --- -# Resize document editor in Angular Document editor component +# Resize in Angular Document Editor component -In this article, we are going to see how to change height and width of [Angular DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor). +In this article, we are going to see how to change the height and width of the [Angular Document Editor](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor) (Document Editor). ## Change height of Document Editor -DocumentEditorContainer initially render with default height. You can change height of documenteditor using [`height`](https://ej2.syncfusion.com/angular/documentation/api/document-editor-container/documentEditorContainerModel#height) property, the value which is in pixel. +DocumentEditorContainer initially renders with default height. You can change the height of the Document Editor using the [`height`](https://ej2.syncfusion.com/angular/documentation/api/document-editor-container/documentEditorContainerModel#height) property, the value which is in pixels. -The following example code illustrates how to change height of Document Editor. +The following example code illustrates how to change the height of Document Editor. ```typescript @@ -38,15 +38,15 @@ ngOnInit(): void { ``` -> The Web API hosted link `https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/` utilized in the Document Editor's serviceUrl property is intended solely for demonstration and evaluation purposes. For production deployment, please host your own web service with your required server configurations. You can refer and reuse the [GitHub Web Service example](https://github.com/SyncfusionExamples/EJ2-DocumentEditor-WebServices) or [Docker image](https://hub.docker.com/r/syncfusion/word-processor-server) for hosting your own web service and use for the serviceUrl property. +N> The Web API hosted link `https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/` utilized in the Document Editor's serviceUrl property is intended solely for demonstration and evaluation purposes. For production deployment, please host your own web service with your required server configurations. You can refer and reuse the [GitHub Web Service example](https://github.com/SyncfusionExamples/EJ2-DocumentEditor-WebServices) or [Docker image](https://hub.docker.com/r/syncfusion/word-processor-server) for hosting your own web service and use for the serviceUrl property. Similarly, you can use [`height`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/) property for DocumentEditor also. ## Change width of Document Editor -DocumentEditorContainer initially render with default width. You can change width of documenteditor using [`width`](https://ej2.syncfusion.com/angular/documentation/api/document-editor-container/documentEditorContainerModel#width) property, the value which is in percent. +DocumentEditorContainer initially renders with default width. You can change the width of the Document Editor using the [`width`](https://ej2.syncfusion.com/angular/documentation/api/document-editor-container/documentEditorContainerModel#width) property, the value which is in percentages. -The following example code illustrates how to change width of Document Editor. +The following example code illustrates how to change the width of Document Editor. ```typescript @@ -68,15 +68,15 @@ ngOnInit(): void { ``` -> The Web API hosted link `https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/` utilized in the Document Editor's serviceUrl property is intended solely for demonstration and evaluation purposes. For production deployment, please host your own web service with your required server configurations. You can refer and reuse the [GitHub Web Service example](https://github.com/SyncfusionExamples/EJ2-DocumentEditor-WebServices) or [Docker image](https://hub.docker.com/r/syncfusion/word-processor-server) for hosting your own web service and use for the serviceUrl property. +N> The Web API hosted link `https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/` utilized in the Document Editor's serviceUrl property is intended solely for demonstration and evaluation purposes. For production deployment, please host your own web service with your required server configurations. You can refer and reuse the [GitHub Web Service example](https://github.com/SyncfusionExamples/EJ2-DocumentEditor-WebServices) or [Docker image](https://hub.docker.com/r/syncfusion/word-processor-server) for hosting your own web service and use for the serviceUrl property. Similarly, you can use [`width`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/) property for DocumentEditor also. ## Resize Document Editor -Using [`resize`](https://ej2.syncfusion.com/angular/documentation/api/document-editor-container/) method, you change height and width of Document editor. +Using the [`resize`](https://ej2.syncfusion.com/angular/documentation/api/document-editor-container/) method, you can change the height and width of the Document Editor. -The following example code illustrates how to fit Document Editor to browser window size. +The following example code illustrates how to fit the Document Editor to the browser window size. ```typescript import { Component, OnInit, ViewChild } from '@angular/core'; @@ -102,7 +102,7 @@ export class AppComponent implements OnInit { window.addEventListener('resize', this.onWindowResize.bind(this)); } onWindowResize() { - //Resizes the document editor component to fit full browser window automatically whenever the browser resized. + //Resizes the document editor component to fit full browser window automatically whenever the browser is resized. this.updateDocumentEditorSize(); } updateDocumentEditorSize() { @@ -114,4 +114,4 @@ export class AppComponent implements OnInit { } ``` -> The Web API hosted link `https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/` utilized in the Document Editor's serviceUrl property is intended solely for demonstration and evaluation purposes. For production deployment, please host your own web service with your required server configurations. You can refer and reuse the [GitHub Web Service example](https://github.com/SyncfusionExamples/EJ2-DocumentEditor-WebServices) or [Docker image](https://hub.docker.com/r/syncfusion/word-processor-server) for hosting your own web service and use for the serviceUrl property. \ No newline at end of file +N> The Web API hosted link `https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/` utilized in the Document Editor's serviceUrl property is intended solely for demonstration and evaluation purposes. For production deployment, please host your own web service with your required server configurations. You can refer and reuse the [GitHub Web Service example](https://github.com/SyncfusionExamples/EJ2-DocumentEditor-WebServices) or [Docker image](https://hub.docker.com/r/syncfusion/word-processor-server) for hosting your own web service and use for the serviceUrl property. \ No newline at end of file