diff --git a/Document-Processing/Word/Word-Processor/javascript-es6/how-to/disable-auto-focus.md b/Document-Processing/Word/Word-Processor/javascript-es6/how-to/disable-auto-focus.md index 13b2f91d64..3637fef603 100644 --- a/Document-Processing/Word/Word-Processor/javascript-es6/how-to/disable-auto-focus.md +++ b/Document-Processing/Word/Word-Processor/javascript-es6/how-to/disable-auto-focus.md @@ -1,29 +1,29 @@ --- layout: post -title: Disable auto focus in JavaScript (ES6) Document editor control | Syncfusion -description: Learn here all about Disable auto focus in Syncfusion JavaScript (ES6) Document editor control of Syncfusion Essential JS 2 and more. +title: Disable Auto Focus in JavaScript (ES6) DOCX Editor | Syncfusion +description: Learn how to disable auto focus in Syncfusion JavaScript (ES6) Document Editor to prevent the editor from capturing focus on load. platform: document-processing -control: Disable auto focus +control: Disable Auto Focus documentation: ug domainurl: ##DomainURL## --- -# Disable auto focus in JavaScript (ES6) Document editor control +# Disable Auto Focus in JavaScript (ES6) Document Editor -[TypeScript DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/javascript-docx-editor) (Document Editor) gets focused automatically when the page loads. If you want the Document editor not to be focused automatically it can be customized. +[TypeScript DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/javascript-docx-editor) (Document Editor) gets focused automatically when the page loads. If you want the Document Editor not to be focused automatically, it can be customized. -The following example illustrates to disable the auto focus in DocumentEditorContainer. +The following example illustrates how to disable auto focus in the DocumentEditorContainer. ```ts -let container: DocumentEditorContainer = new DocumentEditorContainer({ enableToolbar: true, height: '590px', enableAutoFocus: false}); +let container: DocumentEditorContainer = new DocumentEditorContainer({ enableToolbar: true, height: '590px', enableAutoFocus: false }); ``` ->Note: Default value of [`enableAutoFocus`](https://ej2.syncfusion.com/documentation/api/document-editor-container#enableautofocus) property is `true`. +N> The default value of the [`enableAutoFocus`](https://ej2.syncfusion.com/documentation/api/document-editor-container#enableautofocus) property is `true`. -The following example illustrates to disable the auto focus in DocumentEditor. +The following example illustrates how to disable auto focus in the DocumentEditor. ```ts -let editor: DocumentEditor = new DocumentEditor({ height: '590px', enableAutoFocus: false}); +let editor: DocumentEditor = new DocumentEditor({ height: '590px', enableAutoFocus: false }); ``` ->Note: Default value of [`enableAutoFocus`](https://ej2.syncfusion.com/documentation/api/document-editor#enableautofocus) property is `true`. \ No newline at end of file +N> The default value of the [`enableAutoFocus`](https://ej2.syncfusion.com/documentation/api/document-editor#enableautofocus) property is `true`. \ No newline at end of file diff --git a/Document-Processing/Word/Word-Processor/javascript-es6/how-to/disable-drag-and-drop.md b/Document-Processing/Word/Word-Processor/javascript-es6/how-to/disable-drag-and-drop.md index 35b14d9801..9d2432f48b 100644 --- a/Document-Processing/Word/Word-Processor/javascript-es6/how-to/disable-drag-and-drop.md +++ b/Document-Processing/Word/Word-Processor/javascript-es6/how-to/disable-drag-and-drop.md @@ -1,29 +1,29 @@ --- layout: post -title: Disable drag and drop in JavaScript (ES6) Document editor control | Syncfusion -description: Learn here all about Disable drag and drop in Syncfusion JavaScript (ES6) Document editor control of Syncfusion Essential JS 2 and more. +title: Disable Drag and Drop in JavaScript (ES6) DOCX Editor | Syncfusion +description: Learn how to disable drag and drop in Syncfusion JavaScript (ES6) Document Editor using the allowDragAndDrop property in documentEditorSettings. platform: document-processing -control: Disable drag and drop +control: Disable Drag and Drop documentation: ug domainurl: ##DomainURL## --- -# Disable drag and drop in JavaScript (ES6) Document editor control +# Disable Drag and Drop in JavaScript (ES6) Document Editor -[TypeScript DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/javascript-docx-editor) (Document 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/documentation/api/document-editor-container/documenteditorsettings#allowDragAndDrop) property in Document editor settings. +[TypeScript DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/javascript-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/documentation/api/document-editor-container/documenteditorsettingsmodel#allowdraganddrop) property in the Document Editor settings. -The following example illustrates to disable the drag and drop option in DocumentEditorContainer. +The following example illustrates how to disable the drag and drop option in the DocumentEditorContainer. ```ts let container: DocumentEditorContainer = new DocumentEditorContainer({ enableToolbar: true, height: '590px', documentEditorSettings: { allowDragAndDrop: false } }); ``` ->Note: Default value of [`allowDragAndDrop`](https://ej2.syncfusion.com/documentation/api/document-editor-container#documenteditorsettings#allowDragAndDrop) property is `true`. +N> The default value of the [`allowDragAndDrop`](https://ej2.syncfusion.com/documentation/api/document-editor-container/documenteditorsettingsmodel#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 DocumentEditor. ```ts let editor: DocumentEditor = new DocumentEditor({ height: '590px', documentEditorSettings: { allowDragAndDrop: false } }); ``` ->Note: Default value of [`allowDragAndDrop`](https://ej2.syncfusion.com/documentation/api/document-editor#documenteditorsettings#allowDragAndDrop) property is `true`. \ No newline at end of file +N> The default value of the [`allowDragAndDrop`](https://ej2.syncfusion.com/documentation/api/document-editor-container/documenteditorsettingsmodel#allowdraganddrop) property is `true`. \ No newline at end of file diff --git a/Document-Processing/Word/Word-Processor/javascript-es6/how-to/disable-header-and-footer-edit-in-document-editor.md b/Document-Processing/Word/Word-Processor/javascript-es6/how-to/disable-header-and-footer-edit-in-document-editor.md index 023e57c458..12851305b3 100644 --- a/Document-Processing/Word/Word-Processor/javascript-es6/how-to/disable-header-and-footer-edit-in-document-editor.md +++ b/Document-Processing/Word/Word-Processor/javascript-es6/how-to/disable-header-and-footer-edit-in-document-editor.md @@ -1,22 +1,22 @@ --- layout: post -title: Disable header and footer edit in JavaScript (ES6) Document editor | Syncfusion -description: Learn here all about disabling editing in header and footer JavaScript (ES6) Document editor control. +title: Disable Header and Footer in JavaScript (ES6) DOCX Editor | Syncfusion +description: Learn how to disable editing in headers and footers in Syncfusion JavaScript (ES6) Document Editor based on the selection context type. platform: document-processing -control: Disable header and footer edit in document editor +control: Disable Header and Footer Edit in Document Editor documentation: ug domainurl: ##DomainURL## --- -# Disable header and footer edit in JavaScript (ES6) Document editor +# Disable Header and Footer Edit in JavaScript (ES6) Document Editor -## Disable header and footer edit in DocumentEditorContainer instance +## Disable header and footer edit in a DocumentEditorContainer instance -You can use [`restrictEditing`](https://ej2.syncfusion.com/documentation/api/document-editor-container#restrictediting) property to disable header and footer editing based on selection context type. +You can use the [`restrictEditing`](https://ej2.syncfusion.com/documentation/api/document-editor-container#restrictediting) property to disable header and footer editing based on the selection context type. -RestrictEditing allows you to restrict the document modification and makes the Document read only mode. So, by using this property, and if selection inside header or footer, you can set this property as true. +The `restrictEditing` property allows you to restrict document modification and makes the document read-only. So, by using this property, and if the selection is inside the header or footer, you can set this property to true. -The following example code illustrates how to header and footer edit in `DocumentEditorContainer` instance. +The following example code illustrates how to disable header and footer editing in a `DocumentEditorContainer` instance. ```ts import { DocumentEditorContainer, Toolbar } from '@syncfusion/ej2-documenteditor'; @@ -41,9 +41,9 @@ container.selectionChange = (): void => { }; ``` -Otherwise, you can disable clicking inside Header or Footer by using [`closeHeaderFooter`](https://ej2.syncfusion.com/documentation/api/document-editor/selection#closeheaderfooter) API in selection module. +Otherwise, you can disable clicking inside the Header or Footer by using the [`closeHeaderFooter`](https://ej2.syncfusion.com/documentation/api/document-editor/selection#closeheaderfooter) API in the selection module. -The following example code illustrates how to close header and footer when selection is inside header or footer in `DocumentEditorContainer` instance. +The following example code illustrates how to close the header and footer when the selection is inside the header or footer in a `DocumentEditorContainer` instance. ```ts import { DocumentEditorContainer, Toolbar } from '@syncfusion/ej2-documenteditor'; @@ -60,17 +60,17 @@ container.selectionChange = (): void => { if (container.documentEditor.selection.contextType.indexOf('Header') > -1 || // Check whether selection is in Footer container.documentEditor.selection.contextType.indexOf('Footer') > -1) { - // Close header Footer + // Close the header and footer container.documentEditor.selection.closeHeaderFooter(); } }; ``` -## Disable header and footer edit in DocumentEditor instance +## Disable header and footer edit in a DocumentEditor instance -Like restrictEditing, you can use [`isReadOnly`](https://ej2.syncfusion.com/documentation/api/document-editor#isreadonly) property in Document editor to disable header and footer edit. +Like `restrictEditing`, you can use the [`isReadOnly`](https://ej2.syncfusion.com/documentation/api/document-editor#isreadonly) property in the Document Editor to disable header and footer editing. -The following example code illustrates how to header and footer edit in `DocumentEditor` instance. +The following example code illustrates how to disable header and footer editing in a `DocumentEditor` instance. ```ts import { DocumentEditor } from '@syncfusion/ej2-documenteditor'; diff --git a/Document-Processing/Word/Word-Processor/javascript-es6/how-to/disable-optimized-text-measuring.md b/Document-Processing/Word/Word-Processor/javascript-es6/how-to/disable-optimized-text-measuring.md index ff89d05391..18be459253 100644 --- a/Document-Processing/Word/Word-Processor/javascript-es6/how-to/disable-optimized-text-measuring.md +++ b/Document-Processing/Word/Word-Processor/javascript-es6/how-to/disable-optimized-text-measuring.md @@ -1,22 +1,22 @@ --- layout: post -title: Disable optimized text measuring in JavaScript (ES6) Document editor control | Syncfusion -description: Learn here all about Disable optimized text measuring in Syncfusion JavaScript (ES6) Document editor control of Syncfusion Essential JS 2 and more. +title: Disable Optimized Measuring JavaScript (ES6) DOCX Editor | Syncfusion +description: Learn how to disable optimized text measuring in Syncfusion JavaScript (ES6) Document Editor to revert to older page-by-page pagination behavior. platform: document-processing -control: Disable optimized text measuring +control: Disable Optimized Text Measuring documentation: ug domainurl: ##DomainURL## --- -# Disable optimized text measuring in JavaScript (ES6) Document editor control +# Disable Optimized Text Measuring in JavaScript (ES6) Document Editor -Starting from v19.3.0.x, the accuracy of text size measurements in [TypeScript DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/javascript-docx-editor) (Document Editor) is improved such as to match Microsoft Word pagination for most Word documents. This improvement is included as default behavior along with an optional API [`enableOptimizedTextMeasuring`](https://ej2.syncfusion.com/documentation/api/document-editor/documentEditorSettingsModel#enableoptimizedtextmeasuring) in Document editor settings. +Starting from v19.3.0.x, the accuracy of text size measurements in [TypeScript DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/javascript-docx-editor) (Document Editor) is improved to better match Microsoft Word pagination for most Word documents. This improvement is included as the default behavior along with an optional API [`enableOptimizedTextMeasuring`](https://ej2.syncfusion.com/documentation/api/document-editor/documentEditorSettingsModel#enableoptimizedtextmeasuring) in the Document Editor settings. -If you want the Document editor component to retain the document pagination (display page-by-page) behavior like v19.2.0.x and older versions. Then you can disable this optimized text measuring improvement, by setting `false` to [`enableOptimizedTextMeasuring`](https://ej2.syncfusion.com/documentation/api/document-editor/documentEditorSettingsModel#enableoptimizedtextmeasuring) property of JavaScript Document Editor component. +If you want the Document Editor component to retain the document pagination (display page-by-page) behavior like v19.2.0.x and older versions, then you can disable this optimized text measuring improvement by setting the [`enableOptimizedTextMeasuring`](https://ej2.syncfusion.com/documentation/api/document-editor/documentEditorSettingsModel#enableoptimizedtextmeasuring) property of the JavaScript Document Editor component to `false`. -## Disable optimized text measuring in `DocumentEditorContainer` instance +## Disable optimized text measuring in a `DocumentEditorContainer` instance -The following example code illustrates how to disable optimized text measuring improvement in `DocumentEditorContainer` instance. +The following example code illustrates how to disable the optimized text measuring improvement in a `DocumentEditorContainer` instance. ```ts import { DocumentEditorContainer, Toolbar } from '@syncfusion/ej2-documenteditor'; @@ -33,21 +33,21 @@ container.serviceUrl = 'https://document.syncfusion.com/web-services/docx-editor container.appendTo('#container'); ``` -## Disable optimized text measuring in `DocumentEditor` instance +## Disable optimized text measuring in a `DocumentEditor` instance -The following example code illustrates how to disable optimized text measuring improvement in `DocumentEditor` instance. +The following example code illustrates how to disable the optimized text measuring improvement in a `DocumentEditor` instance. ```ts import { DocumentEditor } from '@syncfusion/ej2-documenteditor'; -let documenteditor: DocumentEditor = new DocumentEditor({ isReadOnly: false, height: '370px', serviceUrl: 'https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/' }); +let documentEditor: DocumentEditor = new DocumentEditor({ isReadOnly: false, height: '370px', serviceUrl: 'https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/' }); -documenteditor.enableAllModules(); +documentEditor.enableAllModules(); // Disable optimized text measuring improvement -documenteditor.documentEditorSettings = { enableOptimizedTextMeasuring: false }; +documentEditor.documentEditorSettings = { enableOptimizedTextMeasuring: false }; -documenteditor.appendTo('#DocumentEditor'); +documentEditor.appendTo('#DocumentEditor'); ``` -> 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 diff --git a/Document-Processing/Word/Word-Processor/javascript-es6/how-to/enable-ruler-in-document-editor-component.md b/Document-Processing/Word/Word-Processor/javascript-es6/how-to/enable-ruler-in-document-editor-component.md index a69f83654a..040ba53fef 100644 --- a/Document-Processing/Word/Word-Processor/javascript-es6/how-to/enable-ruler-in-document-editor-component.md +++ b/Document-Processing/Word/Word-Processor/javascript-es6/how-to/enable-ruler-in-document-editor-component.md @@ -1,19 +1,19 @@ --- layout: post -title: how to enable ruler in JavaScript (ES6) Document editor control | Syncfusion +title: Enable Ruler in JavaScript (ES6) DOCX Editor | Syncfusion component: "DocumentEditor" -description: Learn how to enable ruler in Syncfusion JavaScript (ES6) Document editor control of Syncfusion Essential JS 2 and more. +description: Learn how to enable the ruler in Syncfusion JavaScript (ES6) Document Editor to set margins, tab stops, and indentations for consistent formatting. platform: document-processing -control: Enable ruler +control: Enable Ruler documentation: ug domainurl: ##DomainURL## --- -## How to enable ruler in JavaScript (ES6) Document Editor component +# Enable Ruler in JavaScript (ES6) Document Editor -Using ruler we can refer to setting specific margins, tab stops, or indentations within a document to ensure consistent formatting in [TypeScript DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/javascript-docx-editor) (Document Editor). +Using the ruler, you can set specific margins, tab stops, or indentations within a document to ensure consistent formatting in the [TypeScript DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/javascript-docx-editor) (Document Editor). -The following example illustrates how to enable ruler in Document Editor +The following example illustrates how to enable the ruler in the Document Editor. @@ -29,11 +29,11 @@ The following example illustrates how to enable ruler in Document Editor {% previewsample "/document-processing/code-snippet/document-editor/javascript-es6/ruler-cs1" %} -## How to enable ruler in Document Editor Container component +## How to enable the ruler in the Document Editor Container component -Using ruler we can refer to setting specific margins, tab stops, or indentations within a document to ensure consistent formatting in Document Editor Container. +Using the ruler, you can set specific margins, tab stops, or indentations within a document to ensure consistent formatting in the Document Editor Container. -The following example illustrates how to enable ruler in Document Editor Container. +The following example illustrates how to enable the ruler in the Document Editor Container.