Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
@@ -1,16 +1,16 @@
---
layout: post
title: Feature Module in Document Editor Component | Syncfusion
description: Learn here all about Feature Module in Syncfusion Document Editor component of Syncfusion Essential JS 2 and more.
title: Feature Module in DOCX Editor Component | Syncfusion
description: Learn here all about Feature Module in Syncfusion DOCX Editor component of Syncfusion Essential JS 2 and more.
platform: document-processing
control: Feature Module
documentation: ug
---


# Feature modules in Document Editor Component
# Feature modules in DOCX 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 DOCX 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 DOCX 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.
Expand All @@ -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 DOCX 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 DOCX Editor instance |
|---|---|
|Print|`<ejs-documenteditor enablePrint= true ></ejs-documenteditor>`|
|SfdtExport|`<ejs-documenteditor enableSfdtExport= true ></ejs-documenteditor>`|
Expand All @@ -48,9 +48,9 @@ Refer to the following table.
|TableOfContentsDialog|`<ejs-documenteditor isReadOnly= false enableEditor= true enableTableOfContentsDialog= true ></ejs-documenteditor>`|
|ListDialog|`<ejs-documenteditor isReadOnly= false enableEditor= true enableListDialog= true ></ejs-documenteditor>`|
|TablePropertiesDialog|`<ejs-documenteditor isReadOnly= false enableEditor= true enableTablePropertiesDialog= true ></ejs-documenteditor>`|
|CellOptionsDialog|`<ejs-documenteditor isReadOnly= false enableEditor= true enableTablePropertiesDialog= true ></ejs-documenteditor>`|
|CellOptionsDialog|`<ejs-documenteditor isReadOnly= false enableEditor= true enableCellOptionsDialog= true ></ejs-documenteditor>`|
|BordersAndShadingDialog|`<ejs-documenteditor isReadOnly= false enableEditor= true enableBordersAndShadingDialog= true ></ejs-documenteditor>`|
|TableOptionsDialog|`<ejs-documenteditor isReadOnly= false enableEditor= true enableTableOptionsDialog= true ></ejs-documenteditor>`|
|StylesDialog|`<ejs-documenteditor isReadOnly= false enableEditor= true enableStyleDialog= true ,enableStylesDialog= true ></ejs-documenteditor>`|
|StylesDialog|`<ejs-documenteditor isReadOnly= false enableEditor= true enableStyleDialog= true enableStylesDialog= true ></ejs-documenteditor>`|
|StyleDialog|`<ejs-documenteditor isReadOnly= false enableEditor= true enableStyleDialog= true ></ejs-documenteditor>`|
|BulletsAndNumberingDialog|`<ejs-documenteditor isReadOnly= false enableEditor= true enableStyleDialog= true ></ejs-documenteditor>`|
|BulletsAndNumberingDialog|`<ejs-documenteditor isReadOnly= false enableEditor= true enableBulletsAndNumberingDialog= true ></ejs-documenteditor>`|
20 changes: 10 additions & 10 deletions Document-Processing/Word/Word-Processor/asp-net-core/fields.md
Original file line number Diff line number Diff line change
@@ -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 DOCX Editor Component | Syncfusion
description: Learn here all about overview of Fields in Syncfusion DOCX Editor component of Syncfusion Essential JS 2 and more.
platform: document-processing
control: Fields
documentation: ug
---

# Fields in Document Editor Component
# Fields in DOCX 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

Expand All @@ -23,11 +23,11 @@ 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> DOCX Editor does not validate or process the field code or field result. It simply inserts the field with specified field information.

## Update fields

Document Editor provides support for updating bookmark cross reference field.
DOCX Editor provides support for updating bookmark cross reference field.

```typescript
//Update all the bookmark cross reference field in the document.
Expand All @@ -38,15 +38,15 @@ Bookmark cross reference fields can be updated through UI by using update fields

![Update bookmark cross reference field.](images/updatefields.png)

The following type of fields are automatically updated in Document Editor.
The following type of fields are automatically updated in DOCX Editor.

* NUMPAGES
* SECTION
* PAGE

## 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.
Expand All @@ -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.
Expand Down
Original file line number Diff line number Diff line change
@@ -1,20 +1,20 @@
---
layout: post
title: Find And Replace in Document Editor Component | Syncfusion
description: Learn here all about find and replace in Syncfusion Document Editor component of Syncfusion Essential JS 2 and more.
title: Find And Replace in DOCX Editor Component | Syncfusion
description: Learn here all about find and replace in Syncfusion DOCX Editor component of Syncfusion Essential JS 2 and more.
platform: document-processing
control: Find And Replace
documentation: ug
---


# Find and Replace in ASP.NET Core in Document Editor Component
# Find and Replace in ASP.NET Core in DOCX Editor Component

The [ASP.NET Core DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/asp-net-core-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`.
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 %}
Expand All @@ -31,7 +31,7 @@ You can close the options pane by pressing `Esc` key.

## Search

The `Search` module of Document Editor exposes the following APIs:
The `Search` module of DOCX Editor exposes the following APIs:

|API Name|Type |Description|
|---|---|---|
Expand All @@ -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|
|---|---|---|
Expand All @@ -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.
<br/>* New line characters ("\r", "\r\n", "\n") - Inserts a new paragraph and appends the remaining text to the new paragraph.
<br/>* Line break character ("\v") - Moves the remaining text to start in new line.
<br/>* Tab character ("\t") - Allocates a tab space and continue the next character.
Expand All @@ -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() {

};
```
Expand Down
28 changes: 14 additions & 14 deletions Document-Processing/Word/Word-Processor/asp-net-core/form-fields.md
Original file line number Diff line number Diff line change
@@ -1,22 +1,22 @@
---
layout: post
title: Form Fields in Document Editor Control | Syncfusion
description: Learn here all about Form Fields in Syncfusion Document Editor control of Syncfusion Essential JS 2 and more.
title: Form Fields in DOCX Editor Control | Syncfusion
description: Learn here all about Form Fields in Syncfusion DOCX Editor control of Syncfusion Essential JS 2 and more.
platform: document-processing
control: Form Fields
documentation: ug
---


# Form Fields in ASP.NET Core in Document Editor Control
# Form Fields in ASP.NET Core DOCX 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
Expand All @@ -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();
Expand Down Expand Up @@ -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
Expand All @@ -93,17 +93,17 @@ 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();
```

## 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.
DOCX 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.
DOCX Editor provides an option to protect and unprotect document using `enforceProtection` and `stopProtection` API.


{% tabs %}
Expand All @@ -120,4 +120,4 @@ N> In enforce Protection method, first parameter denotes password and second par

## Online Demo

Explore how to insert and manage form fields in Word documents using the ASP.NET Core Document Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/asp-net-core/documenteditor/formfields#/tailwind3).
Explore how to insert and manage form fields in Word documents using the ASP.NET Core DOCX Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/asp-net-core/documenteditor/formfields#/tailwind3).