From 25ae7c092c0e35040f008bcfb1e7acff580db8eb Mon Sep 17 00:00:00 2001 From: Krishna Kaviarasu Sethuramasamy Date: Thu, 13 Aug 2026 15:39:49 +0530 Subject: [PATCH 1/2] 1046848: update vue UG files using AI --- .../Word/Word-Processor/vue/header-footer.md | 28 +++++++++---------- .../Word/Word-Processor/vue/history.md | 6 ++-- .../Word/Word-Processor/vue/how-to.md | 2 +- ...oy-document-editor-component-for-mobile.md | 12 ++++---- .../vue/how-to/disable-auto-focus.md | 13 +++++---- 5 files changed, 32 insertions(+), 29 deletions(-) diff --git a/Document-Processing/Word/Word-Processor/vue/header-footer.md b/Document-Processing/Word/Word-Processor/vue/header-footer.md index 4f3df51a6d..ec8813c46c 100644 --- a/Document-Processing/Word/Word-Processor/vue/header-footer.md +++ b/Document-Processing/Word/Word-Processor/vue/header-footer.md @@ -18,16 +18,16 @@ domainurl: ##DomainURL## You can define this by setting format properties of the corresponding section using the following sample code. -```javascript -//Defines whether different header footer is required for first page of the section +```ts +//Defines whether different header and footer is required for first page of the section this.$refs.documenteditor.ej2Instances.selection.sectionFormat.differentFirstPage= true; -//Defines whether different header footer is required for odd and even pages in the section +//Defines whether different header and footer is required for odd and even pages in the section this.$refs.documenteditor.ej2Instances.selection.sectionFormat.differentOddAndEvenPages= true; ``` -## Go to header footer region +## Go to Header and Footer Region -Double click in header or footer region to move the selection into it. You can also do this by using the following code. +Double click in the header or footer region to move the selection into it. You can also do this by using the following code. ```javascript this.$refs.documenteditor.ej2Instances.selection.goToHeader(); @@ -37,20 +37,20 @@ this.$refs.documenteditor.ej2Instances.selection.goToHeader(); this.$refs.documenteditor.ej2Instances.selection.goToFooter(); ``` -## Link to previous +## Link to Previous -Link to previous is enabled by default when document has more than one section. If you're using different headers and footers such as different first page or different odd and even pages, they can't be linked together because they're all separate. +The Link to Previous option is enabled by default when document has more than one section. If you're using different headers and footers such as different first page or different odd and even pages, they can't be linked together because they're all separate. Before setting or getting the link to previous value, use the ['goToHeader'](https://ej2.syncfusion.com/vue/documentation/api/document-editor/selection#gotoheader) or ['goToFooter'](https://ej2.syncfusion.com/vue/documentation/api/document-editor/selection#gotofooter) API to move the current selection to the header or footer region. -You can get or set the default header footer link to previous value of a section at cursor position by using the following sample code. +You can get or set the default header and footer link to previous value of a section at cursor position by using the following sample code. ```ts this.$refs.container.ej2Instances.documentEditor.selection.sectionFormat.oddPageHeader.linkToPrevious = false; this.$refs.container.ej2Instances.documentEditor.selection.sectionFormat.oddPageFooter.linkToPrevious = false; ``` -In case the document has different header and footer types, such as different first page, odd, and even pages. +In case the document has different header and footer types, such as different first page, odd, and even pages: ```ts // Different first page @@ -61,9 +61,9 @@ this.$refs.container.ej2Instances.documentEditor.selection.sectionFormat.firstPa this.$refs.container.ej2Instances.documentEditor.selection.sectionFormat.firstPageFooter.linkToPrevious = false; ``` ->Note: When there is more than one section in the document, the Link to Previous option becomes available. By default, this feature is disabled state in UI and set to return false for the first section. +N> When there is more than one section in the document, the Link to Previous option becomes available. By default, this feature is in disabled state in UI and set to return false for the first section. -## Header and footer distance +## Header and Footer Distance You can define the distance of header region content from the top of the page. Refer to the following sample code. @@ -71,13 +71,13 @@ You can define the distance of header region content from the top of the page. R this.$refs.documenteditor.ej2Instances.selection.sectionFormat.headerDistance= 36; ``` -Same way, you can define the distance of footer region content from the bottom of the page. Refer to the following sample code. +In the same way, you can define the distance of footer region content from the bottom of the page. Refer to the following sample code. ```javascript -this.$refs.documenteditor.ej2Instances.selection.sectionFormat.footerDistace= 36; +this.$refs.documenteditor.ej2Instances.selection.sectionFormat.footerDistace=36; ``` -## Close header footer region +## Close Header and Footer Region Move the selection to the document body from header or footer region by double clicking or tapping the document area. You can also perform this by using the following sample code. diff --git a/Document-Processing/Word/Word-Processor/vue/history.md b/Document-Processing/Word/Word-Processor/vue/history.md index 3be366a508..c20df1752d 100644 --- a/Document-Processing/Word/Word-Processor/vue/history.md +++ b/Document-Processing/Word/Word-Processor/vue/history.md @@ -10,11 +10,11 @@ domainurl: ##DomainURL## # History in Vue Document editor component -[Vue DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/vue-docx-editor) (Document Editor) tracks the history of all editing actions done in the document, which allows undo and redo functionality. +[Vue DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/vue-docx-editor) (Document Editor) tracks the history of all editing actions performed in the document, which allows undo and redo functionality. ## Enable or disable history -Inject the `EditorHistory` module in your application to provide history preservation functionality for `DocumentEditor`. Refer to the following code example. +Inject the `EditorHistory` module in your application to provide history preservation functionality for the `DocumentEditor`. Refer to the following code example. {% tabs %} {% highlight html tabtitle="Composition API (~/src/App.vue)" %} @@ -91,7 +91,7 @@ this.$refs.documenteditor.ej2Instances.editorHistory.redo(); ## Stack size -History of editing actions will be maintained in stack, so that the last item will be reverted first. By default, Document Editor limits the size of undo and redo stacks to 500 each respectively. However, you can customize this limit. Refer to the following sample code. +History of editing actions will be maintained in a stack, so that the last item is reverted first. By default, Document Editor limits the size of undo and redo stacks to 500 each respectively. However, you can customize this limit. Refer to the following sample code. ```javascript this.$refs.documenteditor.ej2Instances.editorHistory.undoLimit = 400; diff --git a/Document-Processing/Word/Word-Processor/vue/how-to.md b/Document-Processing/Word/Word-Processor/vue/how-to.md index 874fa4cfa7..6c8ff6c834 100644 --- a/Document-Processing/Word/Word-Processor/vue/how-to.md +++ b/Document-Processing/Word/Word-Processor/vue/how-to.md @@ -14,7 +14,7 @@ domainurl: ##DomainURL## ## Preventing default keyboard shortcut -The following code shows how to prevent the `CTRL + C` keyboard shortcut for copying selected content in Document Editor. +The following code shows how to prevent the `CTRL + C` keyboard shortcut for copying selected content in the Document Editor. {% tabs %} {% highlight html tabtitle="Composition API (~/src/App.vue)" %} diff --git a/Document-Processing/Word/Word-Processor/vue/how-to/deploy-document-editor-component-for-mobile.md b/Document-Processing/Word/Word-Processor/vue/how-to/deploy-document-editor-component-for-mobile.md index ac71093807..2b99bad493 100644 --- a/Document-Processing/Word/Word-Processor/vue/how-to/deploy-document-editor-component-for-mobile.md +++ b/Document-Processing/Word/Word-Processor/vue/how-to/deploy-document-editor-component-for-mobile.md @@ -10,13 +10,13 @@ domainurl: ##DomainURL## # Deploy document editor component for mobile in Vue Document editor component -## Document editor component for Mobile +## Document Editor component for mobile -At present, [Vue DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/vue-docx-editor) (Document Editor) component is not responsive for mobile, and we haven't ensured the editing functionalities in mobile browsers. Whereas it works properly as a document viewer in mobile browsers. +At present, [Vue DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/vue-docx-editor) (Document Editor) component is not responsive for mobile, and editing functionalities are not supported in mobile browsers. However, it works properly as a document viewer in mobile browsers. -Hence, it is recommended to switch the Document editor component as read-only in mobile browsers. Also, invoke [`fitPage`](https://ej2.syncfusion.com/vue/documentation/api/document-editor#fitpage) method with [`FitPageWidth`](https://ej2.syncfusion.com/vue/documentation/api/document-editor/pageFitType/) parameter in document change event, such as to display one full page by adjusting the zoom factor. +Hence, it is recommended to switch the Document Editor component to read-only in mobile browsers. Also, invoke the [`fitPage`](https://ej2.syncfusion.com/vue/documentation/api/document-editor#fitpage) method with `FitPageWidth` parameter in the document change event to display one full page by adjusting the zoom factor. -The following example code illustrates how to deploy Document Editor component for Mobile. +The following example code illustrates how to deploy the Document Editor component for mobile. {% tabs %} {% highlight html tabtitle="Composition API (~/src/App.vue)" %} @@ -123,8 +123,8 @@ export default { {% endhighlight %} {% endtabs %} -> 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. You can download the complete working example from this [GitHub location](https://github.com/SyncfusionExamples/Deploy-Document-Editor-in-Mobile-Friendly-Web-page/) ->Note: You can use the [`restrictEditing`](https://ej2.syncfusion.com/vue/documentation/api/document-editor-container#restrictediting) in DocumentEditorContainer and [`isReadOnly`](https://ej2.syncfusion.com/vue/documentation/api/document-editor#isreadonly) in DocumentEditor based on your requirement to change component to read only mode. \ No newline at end of file +N> You can use the [`restrictEditing`](https://ej2.syncfusion.com/vue/documentation/api/document-editor-container#restrictediting) in DocumentEditorContainer and [`isReadOnly`](https://ej2.syncfusion.com/vue/documentation/api/document-editor#isreadonly) in DocumentEditor based on your requirement to change the component to read-only mode. \ No newline at end of file diff --git a/Document-Processing/Word/Word-Processor/vue/how-to/disable-auto-focus.md b/Document-Processing/Word/Word-Processor/vue/how-to/disable-auto-focus.md index 32b9fe7986..ce5997e1f3 100644 --- a/Document-Processing/Word/Word-Processor/vue/how-to/disable-auto-focus.md +++ b/Document-Processing/Word/Word-Processor/vue/how-to/disable-auto-focus.md @@ -10,19 +10,22 @@ domainurl: ##DomainURL## # How to disable auto focus in Syncfusion® Vue Document Editor component -[Vue DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/vue-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. +[Vue DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/vue-docx-editor) (Document Editor) gets focused automatically when the page loads. If you do not want the Document Editor to be focused automatically, you can customize this behavior. -The following example illustrates to disable the auto focus in DocumentEditorContainer. +The following example illustrates how to disable the auto focus in DocumentEditorContainer. ```typescript ``` ->Note: Default value of [`enableAutoFocus`](https://ej2.syncfusion.com/vue/documentation/api/document-editor-container#enableautofocus) property is `true`. -The following example illustrates to disable the auto focus in DocumentEditor. +N> The default value of [`enableAutoFocus`](https://ej2.syncfusion.com/vue/documentation/api/document-editor-container#enableautofocus) property is `true`. + +## Disable auto focus in DocumentEditor + +The following example illustrates how to disable the auto focus in DocumentEditor. ```typescript ``` ->Note: Default value of [`enableAutoFocus`](https://ej2.syncfusion.com/vue/documentation/api/document-editor#enableautofocus) property is `true`. \ No newline at end of file +N> The default value of [`enableAutoFocus`](https://ej2.syncfusion.com/vue/documentation/api/document-editor#enableautofocus) property is `true`. \ No newline at end of file From 2eb41b55977f29185415d4d110c072c6d97dd692 Mon Sep 17 00:00:00 2001 From: Krishna Kaviarasu Sethuramasamy Date: Fri, 14 Aug 2026 11:15:40 +0530 Subject: [PATCH 2/2] 1046848: update title and h1 tag --- Document-Processing/Word/Word-Processor/vue/how-to.md | 2 +- .../vue/how-to/deploy-document-editor-component-for-mobile.md | 4 ++-- .../Word/Word-Processor/vue/how-to/disable-auto-focus.md | 4 ++-- 3 files changed, 5 insertions(+), 5 deletions(-) diff --git a/Document-Processing/Word/Word-Processor/vue/how-to.md b/Document-Processing/Word/Word-Processor/vue/how-to.md index 6c8ff6c834..8e931863f2 100644 --- a/Document-Processing/Word/Word-Processor/vue/how-to.md +++ b/Document-Processing/Word/Word-Processor/vue/how-to.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # How to in Vue Document editor component -[Vue DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/vue-docx-editor) (Document Editor) triggers the [`keyDown`](https://ej2.syncfusion.com/vue/documentation/api/document-editor/documentEditorKeyDownEventArgs/) event every time when any key is entered and provides an instance of `DocumentEditorKeyDownEventArgs`. You can use the `isHandled` property to override the keyboard shortcut behavior. +[Vue DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/vue-docx-editor) (Document Editor) triggers the [`keyDown`](https://ej2.syncfusion.com/vue/documentation/api/document-editor/documentEditorKeyDownEventArgs) event every time when any key is entered and provides an instance of `DocumentEditorKeyDownEventArgs`. You can use the `isHandled` property to override the keyboard shortcut behavior. ## Preventing default keyboard shortcut diff --git a/Document-Processing/Word/Word-Processor/vue/how-to/deploy-document-editor-component-for-mobile.md b/Document-Processing/Word/Word-Processor/vue/how-to/deploy-document-editor-component-for-mobile.md index 2b99bad493..d6334fee3f 100644 --- a/Document-Processing/Word/Word-Processor/vue/how-to/deploy-document-editor-component-for-mobile.md +++ b/Document-Processing/Word/Word-Processor/vue/how-to/deploy-document-editor-component-for-mobile.md @@ -1,6 +1,6 @@ --- layout: post -title: Deploy document editor component for mobile in Vue Document editor component | Syncfusion +title: How to Deploy Vue DOCX Editor for Mobile | Syncfusion description: Learn here all about Deploy document editor component for mobile in Syncfusion Vue Document editor component of Syncfusion Essential JS 2 and more. control: Deploy document editor component for mobile platform: document-processing @@ -8,7 +8,7 @@ documentation: ug domainurl: ##DomainURL## --- -# Deploy document editor component for mobile in Vue Document editor component +# How to Deploy Vue DOCX Editor for Mobile ## Document Editor component for mobile diff --git a/Document-Processing/Word/Word-Processor/vue/how-to/disable-auto-focus.md b/Document-Processing/Word/Word-Processor/vue/how-to/disable-auto-focus.md index ce5997e1f3..721060fabe 100644 --- a/Document-Processing/Word/Word-Processor/vue/how-to/disable-auto-focus.md +++ b/Document-Processing/Word/Word-Processor/vue/how-to/disable-auto-focus.md @@ -1,6 +1,6 @@ --- layout: post -title: How to disable auto focus in document editor in Vue Document editor component | Syncfusion +title: How to Disable Auto Focus in Vue DOCX Editor | Syncfusion description: Learn here all about How to disable and enable auto focus in document editor in Syncfusion Vue Document editor component of Syncfusion Essential JS 2 and more. platform: document-processing control: How to disable auto focus in document editor @@ -8,7 +8,7 @@ documentation: ug domainurl: ##DomainURL## --- -# How to disable auto focus in Syncfusion® Vue Document Editor component +# How to Disable Auto Focus in Vue DOCX Editor [Vue DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/vue-docx-editor) (Document Editor) gets focused automatically when the page loads. If you do not want the Document Editor to be focused automatically, you can customize this behavior.