diff --git a/Document-Processing/Word/Word-Processor/vue/feature-module.md b/Document-Processing/Word/Word-Processor/vue/feature-module.md
index 9301c04bda..9b2d7492bd 100644
--- a/Document-Processing/Word/Word-Processor/vue/feature-module.md
+++ b/Document-Processing/Word/Word-Processor/vue/feature-module.md
@@ -1,28 +1,27 @@
---
layout: post
-title: Feature module in Vue Document editor component | Syncfusion
-description: Learn here all about Feature module in Syncfusion Vue Document editor component of Syncfusion Essential JS 2 and more.
+title: Feature module in Vue DOCX Editor component | Syncfusion
+description: Learn here all about Feature module in Syncfusion Vue Document Editor component of Syncfusion Essential JS 2 and more.
control: Feature module
platform: document-processing
documentation: ug
domainurl: ##DomainURL##
---
-# Feature module in Vue Document editor component
+# Feature module in Vue Document Editor component
-[Vue DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/vue-docx-editor) (Document Editor) features are segregated into individual feature-wise modules to enable selective referencing. By default, the Document Editor displays the document in read-only mode. The required modules should be injected to extend its functionality. The following are the selective modules of Document Editor that can be included as required:
+[Vue DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/vue-docx-editor) (Document Editor) features are segregated into individual feature modules to enable selective referencing. By default, the Document Editor displays the document in read-only mode. The required modules should be injected to extend its functionality. The following are the selective modules of Document Editor that can be included as required:
* **Print** - Prints the document.
* **SfdtExport** - Exports the document as Vue Document Text (.SFDT) file.
-* **Selection** - Selects a portion of the document and copy it to the clipboard.
-* **Search** - Searches specific text and navigate between the results.
+* **Selection** - Selects a portion of the document and copies it to the clipboard.
+* **Search** - Searches specific text and navigates between the results.
* **WordExport** - Exports the document as Word Document (.DOCX) file.
* **TextExport** - Exports the document as Text Document (.TXT) file.
-* **Editor** - Performs all kind of editing operations.
+* **Editor** - Performs all kinds of editing operations.
* **EditorHistory** - Maintains the history of editing operations so that you can perform undo and redo at any time.
* User interface options such as context menu, options pane, image resizer, and dialog are available as individual modules.
->In addition to injecting the required modules in your application, enable corresponding properties to extend the functionality for a Document Editor instance.
-Refer to the following table.
+In addition to injecting the required modules in your application, enable corresponding properties to extend the functionality for a Document Editor instance. Refer to the following table.
| Module | Dependent modules to be injected for extending the functionality of Document Editor in your application | Property to enable the functionality for a Document Editor instance |
|---|---|---|
@@ -47,11 +46,11 @@ Refer to the following table.
|TableOfContentsDialog|`Selection, Editor, TableOfContentsDialog`|``|
|ListDialog|`Selection, Editor, ListDialog`|``|
|TablePropertiesDialog|`Selection, Editor, TablePropertiesDialog`|``|
-|CellOptionsDialog|`Selection, Editor, CellOptionsDialog`|``|
+|CellOptionsDialog|`Selection, Editor, CellOptionsDialog`|``|
|BordersAndShadingDialog|`Selection, Editor, BordersAndShadingDialog`|``|
|TableOptionsDialog|`Selection, Editor, TableOptionsDialog`|``|
|StylesDialog|`Selection, Editor, StylesDialog,StyleDialog`|``|
|StyleDialog|`Selection, Editor, StyleDialog`|``|
-|BulletsAndNumberingDialog|`Selection, Editor, BulletsAndNumberingDialog`|``|
+|BulletsAndNumberingDialog|`Selection, Editor, BulletsAndNumberingDialog`|``|
These modules should be injected into the `provide` section and use `DocumentEditor` as a key of the object.
\ No newline at end of file
diff --git a/Document-Processing/Word/Word-Processor/vue/fields.md b/Document-Processing/Word/Word-Processor/vue/fields.md
index cdfd4e9095..daf7fb3954 100644
--- a/Document-Processing/Word/Word-Processor/vue/fields.md
+++ b/Document-Processing/Word/Word-Processor/vue/fields.md
@@ -1,20 +1,20 @@
---
layout: post
-title: Fields in Vue Document editor component | Syncfusion
-description: Learn here all about Fields in Syncfusion Vue Document editor component of Syncfusion Essential JS 2 and more.
+title: Fields in Vue DOCX Editor component | Syncfusion
+description: Learn here all about Fields in Syncfusion Vue Document Editor component of Syncfusion Essential JS 2 and more.
control: Fields
platform: document-processing
documentation: ug
domainurl: ##DomainURL##
---
-# Fields in Vue Document editor component
+# Fields in Vue Document Editor component
[Vue DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/vue-docx-editor) (Document Editor) has preservation support for all types of fields in an existing word document without any data loss.
## Adding Fields
-You can add a field to the document by using [`insertField`](https://ej2.syncfusion.com/vue/documentation/api/document-editor/editor#insertfield) method in [`Editor`](https://ej2.syncfusion.com/vue/documentation/api/document-editor/editor/) module.
+You can add a field to the document by using [`insertField`](https://ej2.syncfusion.com/vue/documentation/api/document-editor/editor#insertfield) method in [`Editor`](https://ej2.syncfusion.com/vue/documentation/api/document-editor/editor) module.
The following example code illustrates how to insert merge field programmatically by providing the field code and field result.
@@ -24,22 +24,22 @@ let fieldResult: string = '«First Name»';
this.$refs.documenteditor.ej2Instances.editor.insertField(fieldCode, fieldResult);
```
->Note: Document editor does not validate/process the field code/field result. it simply inserts the field with specified field information.
+>Note: Document Editor does not validate or process the field code and field result. It simply inserts the field with the specified field information.
## Update fields
-Document Editor provides support for updating bookmark cross reference field. The following example code illustrates how to update bookmark cross reference field.
+Document Editor provides support for updating bookmark cross-reference fields. The following example code illustrates how to update bookmark cross-reference fields.
```ts
-//Update all the bookmark cross reference field in the document.
+//Update all the bookmark cross-reference fields in the document.
this.$refs.documenteditor.ej2Instances.updateFields();
```
-Bookmark cross reference fields can be updated through UI by using update fields option in `Toolbar`.
+Bookmark cross-reference fields can be updated through UI by using the update fields option in `Toolbar`.

-The following type of fields are automatically updated in Document Editor.
+The following types of fields are automatically updated in Document Editor, independent of the bookmark cross-reference update above:
* NUMPAGES
* SECTION
@@ -47,21 +47,21 @@ The following type of fields are automatically updated in Document Editor.
## Get field info
-You can get field code and field result of the current selected field by using [`getFieldInfo`](https://ej2.syncfusion.com/vue/documentation/api/document-editor/selection#getfieldinfo) method in the [`Selection`](https://ej2.syncfusion.com/vue/documentation/api/document-editor/selection/) module.
+You can get field code and field result of the current selected field by using [`getFieldInfo`](https://ej2.syncfusion.com/vue/documentation/api/document-editor/selection#getfieldinfo) method in the [`Selection`](https://ej2.syncfusion.com/vue/documentation/api/document-editor/selection) module.
```ts
//Gets the field information of the selected field.
let fieldInfo: FieldInfo = this.$refs.documenteditor.ej2Instances.selection.getFieldInfo();
```
->Note: For nested fields, this method returns combined field code and result.
+>Note: For nested fields, this method returns the combined field code and result.
## Set field info
-You can modify the field code and field result of the current selected field by using [`setFieldInfo`](https://ej2.syncfusion.com/vue/documentation/api/document-editor/editor#setfieldinfo) method in the [`Editor`](https://ej2.syncfusion.com/vue/documentation/api/document-editor/editor/) module.
+You can modify the field code and field result of the current selected field by using [`setFieldInfo`](https://ej2.syncfusion.com/vue/documentation/api/document-editor/editor#setfieldinfo) method in the [`Editor`](https://ej2.syncfusion.com/vue/documentation/api/document-editor/editor) module.
```ts
-//Gets the field information for the selected field.
+//Get the current field info before modifying it.
let fieldInfo: FieldInfo = this.$refs.documenteditor.ej2Instances.selection.getFieldInfo();
//Modify field code
@@ -74,7 +74,7 @@ fieldInfo.result = '«First Name»';
this.$refs.documenteditor.ej2Instances.editor.setFieldInfo(fieldInfo);
```
->Note: For nested field, entire field gets replaced completely with the specified field information.
+>Note: For a nested field, the entire field gets replaced completely with the specified field information.
## See Also
diff --git a/Document-Processing/Word/Word-Processor/vue/find-and-replace.md b/Document-Processing/Word/Word-Processor/vue/find-and-replace.md
index 1a77fa2566..6ba77fc07c 100644
--- a/Document-Processing/Word/Word-Processor/vue/find-and-replace.md
+++ b/Document-Processing/Word/Word-Processor/vue/find-and-replace.md
@@ -1,20 +1,20 @@
---
layout: post
-title: Find and replace in Vue Document editor component | Syncfusion
-description: Learn here all about Find and replace in Syncfusion Vue Document editor component of Syncfusion Essential JS 2 and more.
+title: Find and replace in Vue DOCX Editor component | Syncfusion
+description: Learn here all about Find and replace in Syncfusion Vue Document Editor component of Syncfusion Essential JS 2 and more.
control: Find and replace
platform: document-processing
documentation: ug
domainurl: ##DomainURL##
---
-# Find and replace in Vue Document editor component
+# Find and replace in Vue Document Editor component
The [Vue DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/vue-docx-editor) (Document Editor) component searches a portion of text in the document through a built-in interface called `OptionsPane` or rich APIs. When used in combination with selection performs various operations on the search results like replacing it with some other text, highlighting it, making it bolder, and more.
## Options pane
-This provides the options to search for a portion of text in the document. After search operation is completed, the search results will be displayed in a list and options to navigate between them. The current occurrence of matched text or all occurrences with another text can be replaced by switching to `Replace` tab. This pane is opened using the keyboard shortcut `CTRL+F`. You can also open it programmatically using the following sample code.
+This provides the options to search for a portion of text in the document. After a search operation is completed, the search results will be displayed in a list and options to navigate between them. The current occurrence of matched text or all occurrences with another text can be replaced by switching to `Replace` tab. This pane is opened using the keyboard shortcut `CTRL+F`. You can also open it programmatically using the following sample code.
{% tabs %}
{% highlight html tabtitle="Composition API (~/src/App.vue)" %}
@@ -22,7 +22,7 @@ This provides the options to search for a portion of text in the document. After
-
+
@@ -73,7 +73,7 @@ onMounted(function () {
-
+
@@ -135,22 +135,22 @@ You can close the options pane by pressing `Esc` key.
## Search
-The [`Search`](https://ej2.syncfusion.com/vue/documentation/api/document-editor/search/) module of Document Editor exposes the following APIs:
+The [`Search`](https://ej2.syncfusion.com/vue/documentation/api/document-editor/search) module of Document Editor exposes the following APIs:
|API Name|Type |Description|
|---|---|---|
|[`findAll()`](https://ej2.syncfusion.com/vue/documentation/api/document-editor/search#findall)| Method |Searches for specified text in the whole document and highlights it with yellow.|
-|[`searchResults`](https://ej2.syncfusion.com/vue/documentation/api/document-editor/search#searchresults) |Property |This is an instance of [`SearchResults`](https://ej2.syncfusion.com/vue/documentation/api/document-editor/searchResults/).|
+|[`searchResults`](https://ej2.syncfusion.com/vue/documentation/api/document-editor/search#searchresults) |Property |This is an instance of [`SearchResults`](https://ej2.syncfusion.com/vue/documentation/api/document-editor/searchResults).|
|[`find()`](https://ej2.syncfusion.com/vue/documentation/api/document-editor/search#find) | Method |Find immediate occurrence of specified text from cursor position in the document and highlights it with yellow.|
### Find the immediate occurrence in the document
Using [`find()`](https://ej2.syncfusion.com/vue/documentation/api/document-editor/search#find) method, you can find the immediate occurrence of specified text from current cursor position in the document.
-The following example code illustrates how to use find in Document editor.
+The following example code illustrates how to use find in Document Editor.
```ts
-this.$refs.documenteditor.ej2instances.search.find('Some text', 'None');
+this.$refs.documenteditor.ej2Instances.search.find('Some text', 'None');
```
>Note: Second parameter is optional parameter and it denotes find Options. Possible values of find options are `'None' |'WholeWord' |'CaseSensitive'| 'CaseSensitiveWholeWord'`.
@@ -159,17 +159,17 @@ this.$refs.documenteditor.ej2instances.search.find('Some text', 'None');
Using [`findAll()`](https://ej2.syncfusion.com/vue/documentation/api/document-editor/search#findall) method, you can find all the occurrences of specified text in the whole document and highlight it with yellow.
-The following example code illustrates how to find All the text in the document.
+The following example code illustrates how to find all the text in the document.
```ts
-this.$refs.documenteditor.ej2instances.search.findAll('Some text', 'None');
+this.$refs.documenteditor.ej2Instances.search.findAll('Some text', 'None');
```
>Note: Second parameter is optional parameter and it denotes find Options. Possible values of find options are `'None' |'WholeWord' |'CaseSensitive'| 'CaseSensitiveWholeWord'`.
## Search results
-The [`SearchResults`](https://ej2.syncfusion.com/vue/documentation/api/document-editor/searchResults/) class provides information about the search results after a search operation is completed that can be identified using the [`searchResultsChange`](https://ej2.syncfusion.com/vue/documentation/api/document-editor#searchresultschange) event. This will expose the following APIs:
+The [`SearchResults`](https://ej2.syncfusion.com/vue/documentation/api/document-editor/searchResults) class provides information about the search results after a search operation is completed that can be identified using the [`searchResultsChange`](https://ej2.syncfusion.com/vue/documentation/api/document-editor#searchresultschange) event. This will expose the following APIs:
|API Name|Type |Description|
|---|---|---|
@@ -182,12 +182,12 @@ The [`SearchResults`](https://ej2.syncfusion.com/vue/documentation/api/document-
Using [`replaceAll`](https://ej2.syncfusion.com/vue/documentation/api/document-editor/searchResults#replaceall), you can replace all the occurrences with specified text.
-The following example code illustrates how to use replace All in Document editor.
+The following example code illustrates how to use replace All in Document Editor.
```ts
-this.$refs.documentEditor.ej2Instances.search.findAll ('Some text');
+this.$refs.documenteditor.ej2Instances.search.findAll ('Some text');
// Replace all the searched text with word 'Mike'
-this.$refs.documentEditor.ej2Instances.search.searchResults.replaceAll("Mike");
+this.$refs.documenteditor.ej2Instances.search.searchResults.replaceAll("Mike");
```
### Replace
@@ -202,15 +202,15 @@ Using [`insertText`](https://ej2.syncfusion.com/vue/documentation/api/document-e
The following example code illustrates how to find a text in the document and replace each occurrence of the text one by one programmatically.
```ts
-this.$refs.container.ej2instances.documentEditor.search.findAll('works');
+this.$refs.container.ej2Instances.documentEditor.search.findAll('works');
-let searchLength: number = container.documentEditor.search.searchResults.length;
+let search_length: number = container.documentEditor.search.searchResults.length;
-for (let i = searchLength - 1; i >= 0; i--) {
+for (let i = search_length - 1; i >= 0; i--) {
// It will move selection to specific searched index,move to each occurrence one by one
- this.$refs.container.ej2instances.documentEditor.search.searchResults.index = i;
+ this.$refs.container.ej2Instances.documentEditor.search.searchResults.index = i;
// Replace it with some text
- this.$refs.container.ej2instances.documentEditor.editor.insertText('Hello');
+ this.$refs.container.ej2Instances.documentEditor.editor.insertText('Hello');
}
this.$refs.container.ej2Instances.documentEditor.search.searchResults.clear();
@@ -218,7 +218,7 @@ this.$refs.container.ej2Instances.documentEditor.search.searchResults.clear();
## SearchResultsChange event
-[`DocumentEditor`](https://ej2.syncfusion.com/vue/documentation/api/document-editor/) exposes the [`searchResultsChange`](https://ej2.syncfusion.com/vue/documentation/api/document-editor#searchresultschange)event that will be triggered whenever search results are changed. Consider the following scenarios:
+[`DocumentEditor`](https://ej2.syncfusion.com/vue/documentation/api/document-editor) exposes the [`searchResultsChange`](https://ej2.syncfusion.com/vue/documentation/api/document-editor#searchresultschange)event that will be triggered whenever search results are changed. Consider the following scenarios:
* A search operation is completed with some results.
* The results are replaced with some other text, since it will be cleared automatically.
@@ -234,7 +234,7 @@ documenteditor.searchResultsChange = function() {
## Customize find and replace
-Using the exposed APIs, you can customize the find and replace functionality in your application. Refer to the following sample code.
+Using the exposed APIs, you can customize the find and replace functionality in your application. The following sample demonstrates how to combine `findAll` and `replaceAll` to search for a specific term and replace every occurrence in one operation. Refer to the following sample code.
{% tabs %}
{% highlight html tabtitle="Composition API (~/src/App.vue)" %}
diff --git a/Document-Processing/Word/Word-Processor/vue/form-fields.md b/Document-Processing/Word/Word-Processor/vue/form-fields.md
index 9ae94ee2ab..cd76e0d972 100644
--- a/Document-Processing/Word/Word-Processor/vue/form-fields.md
+++ b/Document-Processing/Word/Word-Processor/vue/form-fields.md
@@ -1,16 +1,16 @@
---
layout: post
-title: Form fields in Vue Document editor component | Syncfusion
-description: Learn here all about Form fields in Syncfusion Vue Document editor component of Syncfusion Essential JS 2 and more.
+title: Form fields in Vue DOCX Editor component | Syncfusion
+description: Learn here all about Form fields in Syncfusion Vue Document Editor component of Syncfusion Essential JS 2 and more.
control: Form fields
platform: document-processing
documentation: ug
domainurl: ##DomainURL##
---
-# Form fields in Vue Document editor component
+# Form fields in Vue Document Editor component
-[Vue DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/vue-docx-editor) (Document Editor) Container component provide support for inserting Text, CheckBox, DropDown form fields through in-built toolbar.
+[Vue DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/vue-docx-editor) (Document Editor) Container component provides support for inserting Text, CheckBox, DropDown form fields through in-built toolbar.

@@ -29,7 +29,7 @@ this.$refs.documenteditor.ej2Instances.editor.insertFormField('Dropdown');
## Get form field names
-All the form fields names form current document can be retrieved using [`getFormFieldNames()`](https://ej2.syncfusion.com/vue/documentation/api/document-editor#getformfieldnames).
+All the form field names from the current document can be retrieved using [`getFormFieldNames()`](https://ej2.syncfusion.com/vue/documentation/api/document-editor#getformfieldnames).
```ts
this.$refs.documenteditor.ej2Instances.getFormFieldNames();
@@ -67,14 +67,14 @@ checkboxfieldInfo.defaultValue = true;
checkboxfieldInfo.name = "Check2";
this.$refs.documenteditor.ej2Instances.setFormFieldInfo('Check1',checkboxfieldInfo);
-// Set checkbox form field properties
+// Set dropdown form field properties
var dropdownfieldInfo = this.$refs.documenteditor.ej2Instances.getFormFieldInfo('Drop1');
dropdownfieldInfo.dropDownItems = ['One','Two', 'Three'];
dropdownfieldInfo.name = "Drop2";
this.$refs.documenteditor.ej2Instances.setFormFieldInfo('Drop1',dropdownfieldInfo);
```
->Note:If a form field already exists in the document with the new name specified, the old form field name property will be cleared and it will not be accessible. Ensure the new name is unique.
+>Note: If a form field already exists in the document with the new name specified, the old form field name property will be cleared and it will not be accessible. Ensure the new name is unique.
## Form Field Shading
@@ -84,20 +84,20 @@ The example code below demonstrates how to set a custom shading color and how to
```ts
// Set a custom shading color (for example, white)
-this.$refs.doceditcontainer.ej2Instances.documentEditorSettings.formFieldSettings.shadingColor = '#ffffff';
+this.$refs.documenteditor.ej2Instances.documentEditorSettings.formFieldSettings.shadingColor = '#ffffff';
// Disable form field shading entirely
-this.$refs.doceditcontainer.ej2Instances.documentEditorSettings.formFieldSettings.applyShading = false;
+this.$refs.documenteditor.ej2Instances.documentEditorSettings.formFieldSettings.applyShading = false;
```
N> This customization only affects the application UI and will not be preserved when exporting the document.
## Export form field data
-Data of the all the Form fields in the document can be exported using [`exportFormData`](https://ej2.syncfusion.com/vue/documentation/api/document-editor#exportformdata).
+Data of all the form fields in the document can be exported using [`exportFormData`](https://ej2.syncfusion.com/vue/documentation/api/document-editor#exportformdata).
```ts
-var formFieldDate = this.$refs.documenteditor.ej2Instances.exportFormData();
+var formFieldData = this.$refs.documenteditor.ej2Instances.exportFormData();
```
## Import form field data
@@ -114,7 +114,7 @@ this.$refs.documenteditor.ej2Instances.importFormData([textformField,checkformFi
## Reset form fields
-Reset all the form fields in current document to default value using [`resetFormFields`](https://ej2.syncfusion.com/vue/documentation/api/document-editor#resetformfields).
+Reset all the form fields in the current document to default value using [`resetFormFields`](https://ej2.syncfusion.com/vue/documentation/api/document-editor#resetformfields).
```ts
this.$refs.documenteditor.ej2Instances.resetFormFields();
@@ -124,9 +124,9 @@ this.$refs.documenteditor.ej2Instances.resetFormFields();
Document Editor provides support for protecting the document with `FormFieldsOnly` protection. In this protection, user can only fill form fields in the document.
-Document editor provides an option to protect and unprotect document using [`enforceProtection`](https://ej2.syncfusion.com/vue/documentation/api/document-editor/editor#enforceprotection) and [`stopProtection`](https://ej2.syncfusion.com/vue/documentation/api/document-editor/editor#stopprotection) API.
+Document Editor provides an option to protect and unprotect document using [`enforceProtection`](https://ej2.syncfusion.com/vue/documentation/api/document-editor/editor#enforceprotection) and [`stopProtection`](https://ej2.syncfusion.com/vue/documentation/api/document-editor/editor#stopprotection) API.
-The following example code illustrates how to enforce and stop protection in Document editor container.
+The following example code illustrates how to enforce and stop protection in Document Editor container.
{% tabs %}
{% highlight html tabtitle="Composition API (~/src/App.vue)" %}
@@ -146,11 +146,11 @@ const serviceUrl = 'https://document.syncfusion.com/web-services/docx-editor/api
provide('DocumentEditorContainer', [Toolbar])
-onMounted(function () {
+onMounted(() => {
//enforce protection
- this.$refs.container.ej2Instances.documentEditor.editor.enforceProtection('123', 'FormFieldsOnly');
+ container.value.ej2Instances.documentEditor.editor.enforceProtection('123', 'FormFieldsOnly');
//stop the document protection
- this.$refs.container.ej2Instances.documentEditor.editor.stopProtection('123');
+ container.value.ej2Instances.documentEditor.editor.stopProtection('123');
});
@@ -174,7 +174,7 @@ export default {
return { serviceUrl: 'https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/' };
},
provide: {
- //Inject require modules.
+ //Inject required modules.
DocumentEditorContainer: [Toolbar]
},
mounted() {
@@ -191,7 +191,7 @@ export default {
> 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: In enforce Protection method, first parameter denotes password and second parameter denotes protection type. Possible values of protection type are `NoProtection |ReadOnly |FormFieldsOnly`. In stop protection method, parameter denotes the password.
+>Note: In the enforce Protection method, the first parameter denotes the password and the second parameter denotes the protection type. Possible values of protection type are `NoProtection | ReadOnly | FormFieldsOnly`. In the `stopProtection` method, the parameter denotes the password.
## Online Demo
diff --git a/Document-Processing/Word/Word-Processor/vue/global-local.md b/Document-Processing/Word/Word-Processor/vue/global-local.md
index 14771a0dcc..ea0e5a6af0 100644
--- a/Document-Processing/Word/Word-Processor/vue/global-local.md
+++ b/Document-Processing/Word/Word-Processor/vue/global-local.md
@@ -1,27 +1,27 @@
---
layout: post
-title: Global local in Vue Document editor component | Syncfusion
-description: Learn here all about Global local in Syncfusion Vue Document editor component of Syncfusion Essential JS 2 and more.
+title: Global local in Vue DOCX Editor component | Syncfusion
+description: Learn here all about Global local in Syncfusion Vue Document Editor component of Syncfusion Essential JS 2 and more.
control: Global local
platform: document-processing
documentation: ug
domainurl: ##DomainURL##
---
-# Global local in Vue Document editor component
+# Global local in Vue Document Editor component
## Localization
-The Localization library allows you to localize default text content of the Document Editor. The [Vue Document Editor](https://www.syncfusion.com/docx-editor-sdk/vue-docx-editor) (Document Editor) component has static text on some features (like find & replace, context-menu, dialogs) that can be changed to other cultures (Arabic, Deutsch, French, etc.) by defining the locale value and translation object. Please refer the sample link [RTL](https://ej2.syncfusion.com/vue/demos/document-editor/right-to-left/)
+The Localization library allows you to localize the default text content of the Document Editor. The [Vue DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/vue-docx-editor) (Document Editor) component has static text on some features (such as find & replace, context menu, and dialogs) that you can change to other cultures (Arabic, Deutsch, French, etc.) by defining the locale value and the translation object.
-Note: Please refer the [Locale](https://github.com/syncfusion/ej2-locale).
+Note: Please refer to the [Locale](https://github.com/syncfusion/ej2-locale) repository.
## Document Editor
-The following list of properties and its values are used in the document editor.
+The table below lists the locale keywords used by the Document Editor (for find & replace, the context menu, and the built-in dialogs) and their corresponding localized text values.
-Locale keywords |Text
------|-----
+Locale keywords | Text
+---|---
Table | Table
Row | Row
Cell | Cell
@@ -365,10 +365,10 @@ View | View
## Document Editor Container
-The following list of properties and its values are used in the document editor container.
+The table below lists locale keywords localized by the Document Editor Container (the toolbar, status bar, and the HTML/rich-text rendering surface). The following list of properties and their values are used in the Document Editor container.
-Locale keywords |Text
------|-----
+Locale keywords | Text
+---|---
New | New
Open | Open
Undo | Undo
@@ -518,10 +518,10 @@ Show properties pane | Show properties pane
## Color Picker
-The following list of properties and its values are used in the color picker.
+The table below lists locale keywords localized by the color picker (used by the Font Color, Text Highlight, and Shading Fill dialogs). The following list of properties and their values are used in the Color Picker.
-Locale keywords |Text
------|-----
+Locale keywords | Text
+---|---
Apply | Apply
Cancel | Cancel
ModeSwitcher | Switch Mode
\ No newline at end of file