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`. ![Update bookmark cross reference field.](images/updatefields.png) -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