diff --git a/Document-Processing/Word/Word-Processor/asp-net-core/feature-module.md b/Document-Processing/Word/Word-Processor/asp-net-core/feature-module.md index cfc25aaf01..544664ac20 100644 --- a/Document-Processing/Word/Word-Processor/asp-net-core/feature-module.md +++ b/Document-Processing/Word/Word-Processor/asp-net-core/feature-module.md @@ -1,6 +1,6 @@ --- layout: post -title: Feature Module in Document Editor Component | Syncfusion +title: Feature Module in ASP.NET Core DOCX Editor Component | Syncfusion description: Learn here all about Feature Module in Syncfusion Document Editor component of Syncfusion Essential JS 2 and more. platform: document-processing control: Feature Module @@ -8,9 +8,9 @@ documentation: ug --- -# Feature modules in Document Editor Component +# Feature modules in ASP.NET Core Document Editor Component -[ASP.NET Core DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/asp-net-core-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: +[ASP.NET Core DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/asp-net-core-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: * **Print** - Prints the document. * **SfdtExport** - Exports the document as Syncfusion Document Text (.SFDT) file. * **Selection** - Selects a portion of the document and copies it to the clipboard. @@ -19,13 +19,13 @@ documentation: ug * **TextExport** - Exports the document as Text Document (.TXT) file. * **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. +* User interface options such as context menu, options pane, image resizer, and dialogs are available as individual modules. -N>In addition to injecting the required modules in your application, enable corresponding properties to extend the functionality for a document editor instance. +N>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 | Property to enable the functionality for a document editor instance | +| Module | Property to enable the functionality for a Document Editor instance | |---|---| |Print|``| |SfdtExport|``| @@ -48,9 +48,9 @@ Refer to the following table. |TableOfContentsDialog|``| |ListDialog|``| |TablePropertiesDialog|``| -|CellOptionsDialog|``| +|CellOptionsDialog|``| |BordersAndShadingDialog|``| |TableOptionsDialog|``| -|StylesDialog|``| +|StylesDialog|``| |StyleDialog|``| -|BulletsAndNumberingDialog|``| \ No newline at end of file +|BulletsAndNumberingDialog|``| \ No newline at end of file diff --git a/Document-Processing/Word/Word-Processor/asp-net-core/fields.md b/Document-Processing/Word/Word-Processor/asp-net-core/fields.md index 843bdbe609..34885e5052 100644 --- a/Document-Processing/Word/Word-Processor/asp-net-core/fields.md +++ b/Document-Processing/Word/Word-Processor/asp-net-core/fields.md @@ -1,19 +1,19 @@ --- layout: post -title: Fields in Document Editor Component | Syncfusion -description: Learn here all about overview of Fields in the ASP.NET Core of Syncfusion Document Editor Component. +title: Fields in ASP.NET Core DOCX Editor Component | Syncfusion +description: Learn here all about overview of Fields in Syncfusion Document Editor component of Syncfusion Essential JS 2 and more. platform: document-processing control: Fields documentation: ug --- -# Fields in Document Editor Component +# Fields in ASP.NET Core Document Editor Component [ASP.NET Core DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/asp-net-core-docx-editor) (Document Editor) has preservation support for all types of fields in an existing word document without any data loss. -## Adding Fields +## Adding fields -You can add a field to the document by using [`insertField`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor/editor/#insertfield) method in `Editor` module. +You can add a field to the document by using [`insertField`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor/editor#insertfield) method in `Editor` module. ```typescript @@ -23,7 +23,7 @@ documenteditor.editor.insertField(fieldCode, fieldResult); ``` -N> Document editor does not validate or process the field code or field result. It simply inserts the field with specified field information. +N> Document Editor does not validate or process the field code or field result. It simply inserts the field with specified field information. ## Update fields @@ -46,7 +46,7 @@ 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/javascript/documentation/api/document-editor/selection/#getfieldinfo) method in the `Selection` module. +You can get field code and field result of the current selected field by using [`getFieldInfo`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor/selection#getfieldinfo) method in the `Selection` module. ```typescript //Gets the field information of the selected field. @@ -57,7 +57,7 @@ N> For nested fields, this method returns 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/javascript/documentation/api/document-editor/editor/#setfieldinfo) method in the `Editor` module. +You can modify the field code and field result of the current selected field by using [`setFieldInfo`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor/editor#setfieldinfo) method in the `Editor` module. ```typescript //Gets the field information for the selected field. diff --git a/Document-Processing/Word/Word-Processor/asp-net-core/find-and-replace.md b/Document-Processing/Word/Word-Processor/asp-net-core/find-and-replace.md index 77eda84c94..e6dc1c5387 100644 --- a/Document-Processing/Word/Word-Processor/asp-net-core/find-and-replace.md +++ b/Document-Processing/Word/Word-Processor/asp-net-core/find-and-replace.md @@ -1,6 +1,6 @@ --- layout: post -title: Find And Replace in Document Editor Component | Syncfusion +title: Find And Replace in ASP.NET Core DOCX Editor Component | Syncfusion description: Learn here all about find and replace in Syncfusion Document Editor component of Syncfusion Essential JS 2 and more. platform: document-processing control: Find And Replace @@ -14,7 +14,7 @@ The [ASP.NET Core DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/asp-ne ## 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`. +This provides the options to search for a portion of text in the document. After the 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`. {% tabs %} @@ -44,24 +44,24 @@ The `Search` module of Document Editor exposes the following APIs: Using `find()` method, you can find the immediate occurrence of specified text from current cursor position in the document. ```typescript -documenteditor.search.find('Some text', 'None'); +documentEditor.search.find('Some text', 'None'); ``` -N> Second parameter is optional parameter and it denotes find Options. Possible values of find options are `'None' |'WholeWord' |'CaseSensitive'| 'CaseSensitiveWholeWord'`. +N> Second parameter is optional and it denotes find options. Possible values of find options are `'None' | 'WholeWord' | 'CaseSensitive' | 'CaseSensitiveWholeWord'`. ### Find all the occurrences in the document Using `findAll()` method, you can find all the occurrences of specified text in the whole document and highlight it with yellow. ```typescript -documenteditor.search.findAll('Some text', 'None'); +documentEditor.search.findAll('Some text', 'None'); ``` -N> Second parameter is optional parameter and it denotes to find Options. Possible values of find options are `'None' |'WholeWord' |'CaseSensitive'| 'CaseSensitiveWholeWord'`. +N> Second parameter is optional and it denotes find options. Possible values of find options are `'None' | 'WholeWord' | 'CaseSensitive' | 'CaseSensitiveWholeWord'`. ## Search results -The `SearchResults` class provides information about the search results after search operation is completed that can be identified using the `searchResultsChange` event. This will expose the following APIs: +The `SearchResults` class provides information about the search results after the search operation is completed, that can be identified using the `searchResultsChange` event. This will expose the following APIs: |API Name|Type |Description| |---|---|---| @@ -82,9 +82,9 @@ documentEditor.search.searchResults.replaceAll("Mike"); ### Replace -Using `insertText`, you can replace the current searched text with specified text and it replaces single occurrence. +Using `Editor.insertText`, you can replace the current searched text with the specified text and it replaces a single occurrence. -N>Note: This `insertText` API accepts following control characters. +N> This `insertText` API accepts the following control characters.
* New line characters ("\r", "\r\n", "\n") - Inserts a new paragraph and appends the remaining text to the new paragraph.
* Line break character ("\v") - Moves the remaining text to start in new line.
* Tab character ("\t") - Allocates a tab space and continue the next character. @@ -106,14 +106,14 @@ container.documentEditor.search.searchResults.clear(); ## SearchResultsChange event -`DocumentEditor` exposes the `searchResultsChange’`event that will be triggered whenever search results are changed. Consider the following scenarios: +`DocumentEditor` exposes the `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. * The results are cleared explicitly. ```typescript -documenteditor.searchResultsChange = function() { +documentEditor.searchResultsChange = function() { }; ``` diff --git a/Document-Processing/Word/Word-Processor/asp-net-core/form-fields.md b/Document-Processing/Word/Word-Processor/asp-net-core/form-fields.md index 7becc21727..47095c10e3 100644 --- a/Document-Processing/Word/Word-Processor/asp-net-core/form-fields.md +++ b/Document-Processing/Word/Word-Processor/asp-net-core/form-fields.md @@ -1,6 +1,6 @@ --- layout: post -title: Form Fields in Document Editor Control | Syncfusion +title: Form Fields in ASP.NET Core DOCX Editor Control | Syncfusion description: Learn here all about Form Fields in Syncfusion Document Editor control of Syncfusion Essential JS 2 and more. platform: document-processing control: Form Fields @@ -8,15 +8,15 @@ documentation: ug --- -# Form Fields in ASP.NET Core in Document Editor Control +# Form Fields in ASP.NET Core Document Editor Control -[ASP.NET Core DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/asp-net-core-docx-editor) (Document Editor) Container control provides support for inserting Text, CheckBox, DropDown form fields through in-built toolbar. +[ASP.NET Core DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/asp-net-core-docx-editor) (Document Editor) control provides support for inserting Text, CheckBox, DropDown form fields through in-built toolbar. ![Form Fields](images/toolbar-form-fields.png) ## Insert form field -Form fields can be inserted using `insertFormField` method in editor module. +Form fields can be inserted using `insertFormField` method in the editor module. ```typescript //Insert Text form field @@ -29,7 +29,7 @@ documentEditor.editor.insertFormField('Dropdown'); ## Get form field names -All the form fields names from current document can be retrieved using `getFormFieldNames()`. +All the form field names from the current document can be retrieved using `getFormFieldNames()`. ```typescript var formFieldsNames = documentEditor.getFormFieldNames(); @@ -65,18 +65,18 @@ var checkboxfieldInfo = documentEditor.getFormFieldInfo('Check1'); checkboxfieldInfo.defaultValue = true; documentEditor.setFormFieldInfo('Check1',checkboxfieldInfo); -// Set checkbox form field properties +// Set dropdown form field properties var dropdownfieldInfo = documentEditor.getFormFieldInfo('Drop1'); -dropdownfieldInfo.dropDownItems = ['One','Two', 'Three'] +dropdownfieldInfo.dropDownItems = ['One','Two', 'Three']; documentEditor.setFormFieldInfo('Drop1',dropdownfieldInfo); ``` ## Export form field data -Data of the all Form fields in the document can be exported using `exportFormData`. +Data of all the form fields in the document can be exported using `exportFormData`. ```typescript -var formFieldDate = documentEditor.exportFormData(); +var formFieldData = documentEditor.exportFormData(); ``` ## Import form field data @@ -93,7 +93,7 @@ documentEditor.importFormData([textformField,checkformField,dropdownformField]); ## Reset form fields -Reset all the form fields in current document to default value using `resetFormFields`. +Reset all the form fields in the current document to their default values using `resetFormFields`. ```typescript documentEditor.resetFormFields(); @@ -101,9 +101,9 @@ documentEditor.resetFormFields(); ## Protect the document in form filling mode -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 support for protecting the document with `FormFieldsOnly` protection. In this protection, the user can only fill form fields in the document. -Document editor provides an option to protect and unprotect document using `enforceProtection` and `stopProtection` API. +Document Editor provides an option to protect and unprotect document using `enforceProtection` and `stopProtection` API. {% tabs %} diff --git a/Document-Processing/Word/Word-Processor/asp-net-core/getting-started-core.md b/Document-Processing/Word/Word-Processor/asp-net-core/getting-started-core.md index 4a14eecacb..af206d4306 100644 --- a/Document-Processing/Word/Word-Processor/asp-net-core/getting-started-core.md +++ b/Document-Processing/Word/Word-Processor/asp-net-core/getting-started-core.md @@ -1,15 +1,15 @@ --- layout: post title: Getting Started with ASP.NET Core DOCX Editor | Syncfusion -description: Learn how to create a DOCX Editor in an ASP.NET Core application using the Syncfusion® DOCX Editor component to create, edit, and view Word documents. +description: Learn how to create a Document Editor in an ASP.NET Core application using the Syncfusion® Document Editor component to create, edit, and view Word documents. platform: document-processing control: Getting Started Core documentation: ug --- -# Getting Started with ASP.NET Core DOCX Editor +# Getting Started with ASP.NET Core Document Editor -[ASP.NET Core DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/asp-net-core-docx-editor) (Document Editor) enables you to create, edit, view, and print Word documents in web applications. This section guides you through the steps to get started and create a DOCX Editor in an ASP.NET Core application. +[ASP.NET Core DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/asp-net-core-docx-editor) (Document Editor) enables you to create, edit, view, and print Word documents in web applications. This section guides you through the steps to get started and create a Document Editor in an ASP.NET Core application. ## Prerequisites @@ -24,9 +24,9 @@ documentation: ug Create an ASP.NET Core Web App using Visual Studio 2022 by following the instructions [here](https://learn.microsoft.com/en-us/visualstudio/get-started/csharp/tutorial-aspnet-core?view=visualstudio). -## Install ASP.NET Core DOCX Editor NuGet package +## Install ASP.NET Core Document Editor NuGet package -To add the ASP.NET Core DOCX Editor component, open the NuGet package manager in Visual Studio (*Tools → NuGet Package Manager → Manage NuGet Packages for Solution*), then search for and install: +To add the ASP.NET Core Document Editor component, open the NuGet package manager in Visual Studio (*Tools → NuGet Package Manager → Manage NuGet Packages for Solution*), then search for and install: * [Syncfusion.EJ2.AspNet.Core](https://www.nuget.org/packages/Syncfusion.EJ2.AspNet.Core/) @@ -60,7 +60,7 @@ cd WebApp {% endhighlight %} {% endtabs %} -## Install ASP.NET Core DOCX Editor NuGet package +## Install ASP.NET Core Document Editor NuGet package Install the Syncfusion® ASP.NET Core component NuGet package within the project. @@ -97,14 +97,14 @@ Open `~/Pages/_ViewImports.cshtml` file and import the `Syncfusion.EJ2` TagHelpe ## Register a Syncfusion License Key -Before initializing the ASP.NET Core DOCX Editor control, generate a Syncfusion license key and register it in your application. +Before initializing the ASP.NET Core Document Editor control, generate a Syncfusion license key and register it in your application. - [Generate a Syncfusion License Key](https://help.syncfusion.com/document-processing/licensing/how-to-generate) - [Register a Syncfusion License Key in an ASP.NET Core Application](https://help.syncfusion.com/document-processing/licensing/how-to-register-in-an-application#aspnet-core) ## Add stylesheet and script resources -Reference the Syncfusion theme and JavaScript library using the CDN inside the `` of `~/Pages/Shared/_Layout.cshtml`. The stylesheet provides styling for all Syncfusion components including the DOCX Editor, and the script provides the client-side functionality. +Reference the Syncfusion theme and JavaScript library using the CDN inside the `` of `~/Pages/Shared/_Layout.cshtml`. The stylesheet provides styling for all Syncfusion components including the Document Editor, and the script provides the client-side functionality. {% tabs %} {% highlight cshtml tabtitle="~/Pages/Shared/Layout.cshtml" %} @@ -134,9 +134,9 @@ Also, register the script manager `` at the end of `` in the {% endhighlight %} {% endtabs %} -## Add the DOCX Editor component +## Add the Document Editor component -Add the DOCX Editor component in `~/Pages/Index.cshtml` page. +Add the Document Editor component in `~/Pages/Index.cshtml` page. {% tabs %} {% highlight cshtml tabtitle="~/Pages/Index.cshtml" %} @@ -148,23 +148,23 @@ Add the DOCX Editor component in `~/Pages/Index.cshtml` page. ## Run the application -Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to run the app. The DOCX Editor component will be rendered in the default web browser as shown below. +Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to run the app. The Document Editor component will be rendered in the default web browser as shown below. -![Output of ASP.NET Core DOCX Editor](./images/aspnetcore-docx-editor.png) +![Output of ASP.NET Core Document Editor](./images/aspnetcore-docx-editor.png) N> [View Sample in GitHub](https://github.com/SyncfusionExamples/ASP-NET-Core-DOCX-Editor-Examples/tree/master/getting-started). ## Online Demo -Explore the live demo [here](https://document.syncfusion.com/demos/docx-editor/asp-net-core/documenteditor/default#/tailwind3) to see how to create, edit, and print Word documents using the ASP.NET Core DOCX Editor. +Explore the live demo [here](https://document.syncfusion.com/demos/docx-editor/asp-net-core/documenteditor/default#/tailwind3) to see how to create, edit, and print Word documents using the ASP.NET Core Document Editor. -N> Looking for the full ASP.NET Core DOCX Editor component overview, features, pricing, and documentation? Visit the [ASP.NET Core DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/asp-net-core-docx-editor) page. +N> Looking for the full ASP.NET Core Document Editor component overview, features, pricing, and documentation? Visit the [ASP.NET Core Document Editor](https://www.syncfusion.com/docx-editor-sdk/asp-net-core-docx-editor) page. ## Troubleshooting -If the DOCX Editor control does not render as expected, use the following checklist to resolve the most common setup and configuration issues. +If the Document Editor control does not render as expected, use the following checklist to resolve the most common setup and configuration issues. -**1. Control not rendering (blank area where the DOCX Editor should appear)** +**1. Control not rendering (blank area where the Document Editor should appear)** - Ensure the `` tag is included at the end of `` section in `~/Pages/Shared/_Layout.cshtml` to initialize client-side scripts. **2. Tag helper not recognized**