diff --git a/Document-Processing/Word/Word-Processor/blazor/accessibility.md b/Document-Processing/Word/Word-Processor/blazor/accessibility.md index 675369aaa..c00792692 100644 --- a/Document-Processing/Word/Word-Processor/blazor/accessibility.md +++ b/Document-Processing/Word/Word-Processor/blazor/accessibility.md @@ -9,7 +9,7 @@ documentation: ug # Accessibility in Blazor DocumentEditor Component -The [Blazor Document Editor](https://www.syncfusion.com/blazor-components/blazor-word-processor) component followed the accessibility guidelines and standards, including [ADA](https://www.ada.gov/), [Section 508](https://www.section508.gov/), [WCAG 2.2](https://www.w3.org/TR/WCAG22/) standards, and [WCAG roles](https://www.w3.org/TR/wai-aria#roles) that are commonly used to evaluate accessibility. +The [Blazor Document Editor](https://www.syncfusion.com/blazor-components/blazor-word-processor) component follows the accessibility guidelines and standards, including [ADA](https://www.ada.gov/), [Section 508](https://www.section508.gov/), [WCAG 2.2](https://www.w3.org/TR/WCAG22/) standards, and [WCAG roles](https://www.w3.org/TR/wai-aria#roles) that are commonly used to evaluate accessibility. The accessibility compliance for the Blazor Document Editor component is outlined below. @@ -38,6 +38,8 @@ The accessibility compliance for the Blazor Document Editor component is outline ## Keyboard interaction +The Document Editor supports a wide range of keyboard shortcuts to facilitate common actions, including text formatting, paragraph formatting, navigation, and editing. + ### Text formatting The following table lists the default keyboard shortcuts in document editor for formatting text: diff --git a/Document-Processing/Word/Word-Processor/blazor/bookmark.md b/Document-Processing/Word/Word-Processor/blazor/bookmark.md index b3ebb5fa6..93960eb6d 100644 --- a/Document-Processing/Word/Word-Processor/blazor/bookmark.md +++ b/Document-Processing/Word/Word-Processor/blazor/bookmark.md @@ -1,7 +1,7 @@ --- layout: post title: Bookmarks in Blazor DocumentEditor Component | Syncfusion -description: Checkout and learn here all about the Bookmarks in Syncfusion Blazor DocumentEditor component and more. +description: Learn how to add, navigate, and manage bookmarks in the Syncfusion Blazor Document Editor component both through the UI and programmatically. platform: document-processing control: DocumentEditor documentation: ug @@ -9,45 +9,47 @@ documentation: ug # Bookmarks in Blazor DocumentEditor Component -Bookmark is a powerful tool that helps you to mark a place in the document to find again easily. You can enter many bookmarks in the document and give each one a unique name to identify easily. +A bookmark is a powerful tool that marks a specific place in a document so you can easily find it again. You can insert multiple bookmarks in a document and give each one a unique name for easy identification. -[`Blazor Word Processor`](https://www.syncfusion.com/blazor-components/blazor-word-processor) component (a.k.a Document Editor) component provides built-in dialog and using code to add, delete, and navigate bookmarks within the document. To add a bookmark, select a portion of text in the document. After that, jump to the location or add links to it within the document using built-in hyperlink dialog. You can also delete bookmarks from a document. +The [Blazor Word Processor](https://www.syncfusion.com/blazor-components/blazor-word-processor) (Document Editor) provides two ways to manage bookmarks: through a built-in dialog or programmatically using API methods. Once a bookmark is added, you can jump to its location or create hyperlinks to it. N>Bookmark names need to begin with a letter. They can include both numbers and letters, but not spaces. To separate the words, use an underscore. Bookmark names starting with an underscore are called hidden bookmarks. For example, bookmarks generated for table of contents. -You can open the bookmark dialog using Bookmark options in toolbar. You can also explore our [`Blazor Word Processor - Bookmark`](https://blazor.syncfusion.com/demos/document-editor/hyperlinks-and-bookmarks) example to know more about bookmark. +The bookmark dialog can be opened using the Bookmark option in the toolbar. For more details on bookmark functionality, refer to the [`Blazor Word Processor - Bookmark`](https://document.syncfusion.com/demos/docx-editor/blazor-server/document-editor/hyperlinks-and-bookmarks) example. -## Add bookmark +## Add a bookmark -Using [`InsertBookmarkAsync`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.DocumentEditor.EditorModule.html#Syncfusion_Blazor_DocumentEditor_EditorModule_InsertBookmarkAsync_System_String_) method, Bookmark can be added to the selected text. +Use the [`InsertBookmarkAsync`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.DocumentEditor.EditorModule.html#Syncfusion_Blazor_DocumentEditor_EditorModule_InsertBookmarkAsync_System_String_) method to add a bookmark to the currently selected text. ```csharp await container.DocumentEditor.Editor.InsertBookmarkAsync("Bookmark1"); ``` -## Select Bookmark +## Navigate to a bookmark -You can select the bookmark in the document using [`SelectBookmarkAsync`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.DocumentEditor.SelectionModule.html#Syncfusion_Blazor_DocumentEditor_SelectionModule_SelectBookmarkAsync_System_String_) method by providing Bookmark name to select as shown in the following code snippet. +## Navigate to a bookmark +Use the [`SelectBookmarkAsync`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.DocumentEditor.SelectionModule.html#Syncfusion_Blazor_DocumentEditor_SelectionModule_SelectBookmarkAsync_System_String_) method to navigate to and select a bookmark by its name. ```csharp await container.DocumentEditor.Selection.SelectBookmarkAsync("Bookmark1"); ``` -## Delete Bookmark +## Delete a Bookmark -You can delete bookmark in the document using [`DeleteBookmarkAsync`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.DocumentEditor.EditorModule.html#Syncfusion_Blazor_DocumentEditor_EditorModule_DeleteBookmarkAsync_System_String_) method as shown in the following code snippet. +Use the [`DeleteBookmarkAsync`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.DocumentEditor.EditorModule.html#Syncfusion_Blazor_DocumentEditor_EditorModule_DeleteBookmarkAsync_System_String_) method to delete a bookmark by its name. ```csharp await container.DocumentEditor.Editor.DeleteBookmarkAsync("Bookmark1"); ``` -## Get Bookmark +## Get all bookmarks -You can get all the bookmarks in the document using [`GetBookmarksAsync`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.DocumentEditor.SelectionModule.html#Syncfusion_Blazor_DocumentEditor_SelectionModule_GetBookmarksAsync_System_Boolean_) method as shown in the following code snippet. +Use the [`GetBookmarksAsync`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.DocumentEditor.SelectionModule.html#Syncfusion_Blazor_DocumentEditor_SelectionModule_GetBookmarksAsync_System_Boolean_) method to retrieve a list of all bookmarks in the document. ```csharp -await container.DocumentEditor.Selection.GetBookmarksAsync(false); +// Get all bookmarks, including hidden ones. +await container.DocumentEditor.Selection.GetBookmarksAsync(true); ``` -N> Parameter denotes is include hidden bookmarks. If false, ignore hidden bookmark. \ No newline at end of file +N> The boolean parameter of `GetBookmarksAsync` specifies whether to include hidden bookmarks in the result. If `false`, hidden bookmarks are excluded. \ No newline at end of file diff --git a/Document-Processing/Word/Word-Processor/blazor/clipboard.md b/Document-Processing/Word/Word-Processor/blazor/clipboard.md index e6f3804ad..2cf21ca3f 100644 --- a/Document-Processing/Word/Word-Processor/blazor/clipboard.md +++ b/Document-Processing/Word/Word-Processor/blazor/clipboard.md @@ -1,7 +1,7 @@ --- layout: post title: Clipboard in Blazor DocumentEditor Component | Syncfusion -description: Checkout and learn here all about Clipboard in Syncfusion Blazor DocumentEditor component and much more. +description: Learn how to perform cut, copy, and paste clipboard operations in the Syncfusion Blazor Document Editor component, both programmatically and through the UI. platform: document-processing control: DocumentEditor documentation: ug @@ -9,72 +9,67 @@ documentation: ug # Clipboard in Blazor DocumentEditor Component -[Blazor Word Processor](https://www.syncfusion.com/blazor-components/blazor-word-processor) component (a.k.a Document Editor) provides built-in support for clipboard operations such as cut, copy, and paste. You can perform the clipboard operations using keyboard shortcuts, touch, and keyboard interactions. Also, the same functionalities can be invoked programmatically. +The [Blazor Word Processor](https://www.syncfusion.com/blazor-components/blazor-word-processor) (Document Editor) provides built-in support for clipboard operations, including cut, copy, and paste. These actions can be performed through the toolbar, context menus, standard keyboard shortcuts, or programmatically via the component's APIs. -There is a built-in clipboard (local clipboard) with this Word processor component, which allows the users to perform cut, copy, and paste faster. If you want to use system clipboard instead of local clipboard, turn off the local clipboard by setting the [`EnableLocalPaste`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.DocumentEditor.SfDocumentEditor.html#Syncfusion_Blazor_DocumentEditor_SfDocumentEditor_EnableLocalPaste) to false. +## Local vs. System Clipboard -If you need to copy or paste the contents from other applications, use system clipboard. To copy or paste the contents within the Word processor component, use local clipboard. +The Document Editor supports two clipboard modes to handle content transfer: -Let’s see how to invoke each clipboard operations using code. +* **Local Clipboard (Default)**: This is a built-in clipboard that is optimized for performance when cutting, copying, and pasting content **within** the editor itself. It is enabled by default. +* **System Clipboard**: This is the operating system's standard clipboard, which allows for transferring content between the Document Editor and other applications. -## Copy +To use the system clipboard, set the [`EnableLocalPaste`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.DocumentEditor.SfDocumentEditor.html#Syncfusion_Blazor_DocumentEditor_SfDocumentEditor_EnableLocalPaste) property to `false`. When this property is false, all clipboard operations will use the system clipboard. -You can copy the selected contents using the [`CopyAsync`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.DocumentEditor.SelectionModule.html#Syncfusion_Blazor_DocumentEditor_SelectionModule_CopyAsync) method as shown in the following code example. +## Programmatic Clipboard Operations + +You can programmatically invoke clipboard operations using the editor's API methods. The following example demonstrates how to call the `CutAsync`, `CopyAsync`, and `PasteAsync` methods. ```cshtml @using Syncfusion.Blazor.DocumentEditor - + + + + + @code { SfDocumentEditorContainer container; - protected async void CopyClick(object args) + + protected async void CopyClick() { + // Copies the selected content to the clipboard. await container.DocumentEditor.Selection.CopyAsync(); } -} -``` - -## Cut -You can cut the selected content using the ['Cut'](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.DocumentEditor.EditorModule.html#Syncfusion_Blazor_DocumentEditor_EditorModule_CutAsync) method as shown in the following code example. - -```cshtml -@using Syncfusion.Blazor.DocumentEditor - - - - -@code { - SfDocumentEditorContainer container; - protected async void CutClick(object args) + protected async void CutClick() { + // Cuts the selected content and moves it to the clipboard. await container.DocumentEditor.Editor.CutAsync(); } -} + protected async void PasteClick() + { + // Pastes content from the clipboard to the current cursor position. + // This will use the local or system clipboard based on the EnableLocalPaste property. + await container.DocumentEditor.Editor.PasteAsync(); + } +} ``` -## Paste +### Copy -## Local paste +The [`CopyAsync`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.DocumentEditor.SelectionModule.html#Syncfusion_Blazor_DocumentEditor_SelectionModule_CopyAsync) method copies the currently selected content in the editor to the clipboard. -The following code example shows how to perform the paste operation from the local clipboard. +### Cut -```cshtml -@using Syncfusion.Blazor.DocumentEditor +The [`CutAsync`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.DocumentEditor.EditorModule.html#Syncfusion_Blazor_DocumentEditor_EditorModule_CutAsync) method removes the currently selected content from the editor and moves it to the clipboard. - - -@code { - SfDocumentEditorContainer container; - protected async void PasteClick(object args) - { - await container.DocumentEditor.Editor.PasteAsync(); - } -} +### Paste -``` +The [`PasteAsync`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.DocumentEditor.EditorModule.html#Syncfusion_Blazor_DocumentEditor_EditorModule_PasteAsync) method inserts the content from the clipboard at the current cursor position. Its behavior depends on the `EnableLocalPaste` property: +* If `true` (default), it pastes from the editor's local clipboard. +* If `false`, it pastes from the system clipboard. -You can also explore our [Blazor Word Processor](https://document.syncfusion.com/demos/docx-editor/blazor-server/document-editor/default-functionalities) example to know how to render and configure the document editor. +Explore the [Blazor Word Processor example](https://document.syncfusion.com/demos/docx-editor/blazor-server/document-editor/default-functionalities) to see how to render and configure the Document Editor. \ No newline at end of file diff --git a/Document-Processing/Word/Word-Processor/blazor/comments.md b/Document-Processing/Word/Word-Processor/blazor/comments.md index c1f7181ff..8d5fca139 100644 --- a/Document-Processing/Word/Word-Processor/blazor/comments.md +++ b/Document-Processing/Word/Word-Processor/blazor/comments.md @@ -1,7 +1,7 @@ --- layout: post title: Comments in Blazor DocumentEditor Component | Syncfusion -description: Checkout and learn here all about the Comments in Syncfusion Blazor DocumentEditor component and more. +description: Learn how to add, navigate, reply to, and manage comments in the Syncfusion Blazor Document Editor component, including how to use comments-only protection. platform: document-processing control: DocumentEditor documentation: ug @@ -9,7 +9,7 @@ documentation: ug # Comments in Blazor DocumentEditor Component -[`Blazor Word Processor`](https://www.syncfusion.com/blazor-components/blazor-word-processor) component (a.k.a Document Editor) component allows you to add comments to documents. You can add, navigate and remove comments using code and from the UI. +The [Blazor Word Processor](https://www.syncfusion.com/blazor-components/blazor-word-processor) (Document Editor) provides comprehensive support for adding, navigating, and managing comments within a document. These features facilitate collaborative review and feedback cycles. Operations can be performed both through the built-in user interface and programmatically using APIs. ## Add a new comment @@ -47,9 +47,9 @@ You can delete all the comments in the document using [`DeleteAllCommentsAsync`] await container.DocumentEditor.Editor.DeleteAllCommentsAsync(); ``` -## Protect the document in comments only mode +## Protect the Document in Comments-Only Mode -Document Editor provides support for protecting the document with `CommentsOnly` protection. In this protection, user allowed to add or edit comments alone in the document. +The Document Editor supports a special protection mode that restricts user actions to only adding or editing comments. When `CommentsOnly` protection is active, users cannot make changes to the document's content. Document editor provides an option to protect and unprotect document using [`EnforceProtectionAsync`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.DocumentEditor.EditorModule.html#Syncfusion_Blazor_DocumentEditor_EditorModule_EnforceProtectionAsync_System_String_Syncfusion_Blazor_DocumentEditor_ProtectionType_) and [`StopProtectionAsync`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.DocumentEditor.EditorModule.html#Syncfusion_Blazor_DocumentEditor_EditorModule_StopProtectionAsync_System_String_) API. diff --git a/Document-Processing/Word/Word-Processor/blazor/fields.md b/Document-Processing/Word/Word-Processor/blazor/fields.md index a8b5f1063..b0ed0f7c3 100644 --- a/Document-Processing/Word/Word-Processor/blazor/fields.md +++ b/Document-Processing/Word/Word-Processor/blazor/fields.md @@ -1,80 +1,96 @@ --- layout: post -title: Fields in Blazor DocumentEditor Component | Syncfusion -description: Checkout and learn here all about the fields in Syncfusion Blazor DocumentEditor component and more. +title: Working with Fields in Blazor DocumentEditor Component | Syncfusion +description: Learn how to preserve, update, and manage fields like merge fields and page numbers in the Syncfusion Blazor Document Editor component. platform: document-processing control: DocumentEditor documentation: ug --- -# Fields in Blazor DocumentEditor Component +# Working with Fields in Blazor DocumentEditor Component -Document Editor has preservation support for all types of fields in an existing word document without any data loss. +Fields are placeholders in a document that display data that can change, such as the current date, the total number of pages, or information from a data source (like in a mail merge). The [Blazor Word Processor](https://www.syncfusion.com/blazor-components/blazor-word-processor) (Document Editor) is designed to preserve all field types when loading an existing document, ensuring that no data or functionality is lost. -## Adding Fields +This document explains how to update fields and interact with them programmatically using the Document Editor's APIs. -You can add a field to the document by using [`InsertFieldAsync`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.DocumentEditor.EditorModule.html#Syncfusion_Blazor_DocumentEditor_EditorModule_InsertFieldAsync_System_String_System_String_) method in [`EditorModule`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.DocumentEditor.EditorModule.html). +## Automatic and Manual Field Updates -The following example code illustrates how to insert merge field programmatically by providing the field code and field result. +Certain fields are automatically updated by the Document Editor as the document's content changes. -```csharp -string fieldCode = "MERGEFIELD First Name \\* MERGEFORMAT "; -string fieldResult = "«First Name»"; -await container.DocumentEditor.Editor.InsertFieldAsync(fieldCode, fieldResult); -``` +### Automatically Updated Fields + +The following fields are updated automatically without any user intervention: +* `PAGE`: Displays the current page number. +* `NUMPAGES`: Displays the total number of pages in the document. +* `SECTION`: Displays the number of the current section. + +### Manually Updating Fields + +Other fields, such as bookmark cross-references, must be updated manually. This update can be triggered either through the user interface or programmatically. + +#### Update via the UI -N> Document editor does not validate/process the field code/field result. it simply inserts the field with specified field information. +To update all fields in the document, click the **Update Fields** button in the **Review** tab of the toolbar. -## Update fields +![The Update Fields button in the Blazor Document Editor toolbar.](images/updatefields.png "Update Bookmark Cross-Reference Field") -Document Editor provides support for updating bookmark cross reference field. The following example code illustrates how to update bookmark cross reference field. +#### Update Programmatically + +To update the fields programmatically, use the [`UpdateFieldsAsync`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.DocumentEditor.DocumentEditor.html#Syncfusion_Blazor_DocumentEditor_DocumentEditor_UpdateFieldsAsync) method. This method updates all bookmark cross-reference fields in the document. ```csharp -//Update all the bookmark cross reference field in the document. +// Updates all bookmark cross-reference fields in the document. await container.DocumentEditor.UpdateFieldsAsync(); ``` -Bookmark cross reference fields can be updated through UI by using update fields option in `Toolbar`. +## Programmatically Interacting with Fields -![Update bookmark cross reference field.](images/updatefields.png) +The Document Editor provides APIs to insert fields and to get or set the information of an existing field. -The following type of fields are automatically updated in Document Editor. +### Inserting a Field -* NUMPAGES -* SECTION -* PAGE +A new field can be inserted at the current selection using the [`InsertFieldAsync`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.DocumentEditor.EditorModule.html#Syncfusion_Blazor_DocumentEditor_EditorModule_InsertFieldAsync_System_String_System_String_) method. This requires specifying both the fieldCode and the `fieldResult`. -## Get field info +* **Field Code**: The instruction that defines the field's behavior (e.g., `MERGEFIELD FirstName`). +* **Field Result**: The text displayed in the document (e.g., `«FirstName»`). -You can get field code and field result of the current selected field by using [`GetFieldInfoAsync`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.DocumentEditor.SelectionModule.html#Syncfusion_Blazor_DocumentEditor_SelectionModule_GetFieldInfoAsync) method in the [`SelectionModule`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.DocumentEditor.SelectionModule.html). +The following example demonstrates how to insert a `MERGEFIELD`. ```csharp -//Gets the field information of the selected field. -FieldInfo fieldInfo = await container.DocumentEditor.Selection.GetFieldInfoAsync(); +// Defines the field's behavior. +string fieldCode = "MERGEFIELD FirstName \\* MERGEFORMAT "; +// Defines the placeholder text to display in the editor. +string fieldResult = "«First Name»"; + +await container.DocumentEditor.Editor.InsertFieldAsync(fieldCode, fieldResult); ``` -N> For nested fields, this method returns combined field code and result. +N> The Document Editor does not validate the field code or result; it simply inserts a field with the provided information. + +### Getting and Modifying Field Information -## Set field info +The properties of the currently selected field can be retrieved and modified as needed. -You can modify the field code and field result of the current selected field by using [`SetFieldInfoAsync`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.DocumentEditor.EditorModule.html#Syncfusion_Blazor_DocumentEditor_EditorModule_SetFieldInfoAsync_Syncfusion_Blazor_DocumentEditor_FieldInfo_) method in the [`EditorModule`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.DocumentEditor.EditorModule.html). +* **Get Field Info**: Use the [`GetFieldInfoAsync`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.DocumentEditor.SelectionModule.html#Syncfusion_Blazor_DocumentEditor_SelectionModule_GetFieldInfoAsync) method to get a `FieldInfo` object containing the code and result of the selected field. +* **Set Field Info**: Use the [`SetFieldInfoAsync`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.DocumentEditor.EditorModule.html#Syncfusion_Blazor_DocumentEditor_EditorModule_SetFieldInfoAsync_Syncfusion_Blazor_DocumentEditor_FieldInfo_) method to update the properties of the selected field with a modified `FieldInfo` object. + +The following example shows how to get the information of a selected field and then modify it. ```csharp -//Gets the field information for the selected field. +// Gets the FieldInfo object for the currently selected field. FieldInfo fieldInfo = await container.DocumentEditor.Selection.GetFieldInfoAsync(); -//Modify field code -fieldInfo.Code = "MERGEFIELD First Name \\* MERGEFORMAT "; - -//Modify field result -fieldInfo.Result = "«First Name»"; +// Modify the field's code and result. +fieldInfo.Code = "MERGEFIELD LastName \\* MERGEFORMAT "; +fieldInfo.Result = "«Last Name»"; -//Modify field code and result of the current selected field. +// Apply the changes to the selected field. await container.DocumentEditor.Editor.SetFieldInfoAsync(fieldInfo); ``` -N> For nested field, entire field gets replaced completely with the specified field information. +N> For nested fields, `GetFieldInfoAsync` returns the combined field code and result. When using `SetFieldInfoAsync` on a nested field, the entire field is replaced with the new information. ## See Also -[Mail merge using DocIO](https://help.syncfusion.com/file-formats/docio/working-with-mail-merge) \ No newline at end of file +* [Mail Merge with Syncfusion DocIO](https://help.syncfusion.com/file-formats/docio/working-with-mail-merge) +* For advanced, server-side mail merge operations to populate fields with data, consider using the Syncfusion DocIO library in your backend. \ No newline at end of file diff --git a/Document-Processing/Word/Word-Processor/blazor/form-fields.md b/Document-Processing/Word/Word-Processor/blazor/form-fields.md index a27604282..a3a5263fd 100644 --- a/Document-Processing/Word/Word-Processor/blazor/form-fields.md +++ b/Document-Processing/Word/Word-Processor/blazor/form-fields.md @@ -9,7 +9,7 @@ documentation: ug # Form Fields in Blazor DocumentEditor Component -[`Blazor Word Processor`](https://www.syncfusion.com/blazor-components/blazor-word-processor) component (a.k.a Document Editor) component provide support for inserting Text, CheckBox, DropDown form fields through in-built toolbar. +The [`Blazor Word Processor`](https://www.syncfusion.com/blazor-components/blazor-word-processor) component (Document Editor) component provide support for inserting Text, CheckBox, DropDown form fields through in-built toolbar. ![Form Fields](images/toolbar-form-fields.png) diff --git a/Document-Processing/Word/Word-Processor/blazor/header-footer.md b/Document-Processing/Word/Word-Processor/blazor/header-footer.md index 992f27fe0..b988fe3d7 100644 --- a/Document-Processing/Word/Word-Processor/blazor/header-footer.md +++ b/Document-Processing/Word/Word-Processor/blazor/header-footer.md @@ -9,11 +9,13 @@ documentation: ug # Headers and Footers in Blazor DocumentEditor Component -[Blazor Document Editor](https://www.syncfusion.com/blazor-components/blazor-word-processor) supports headers and footers in its document. Each section in the document can have the following types of headers and footers: +Headers and footers are the areas in the top and bottom margins of each page in a document. They are typically used to display content that repeats across multiple pages, such as document titles, company logos, page numbers, and dates. -* First page: Used only on the first page of the section. -* Even pages: Used on all even numbered pages in the section. -* Default: Used on all pages of the section, where first or even pages are not applicable or not specified. +The [Blazor Document Editor](https://www.syncfusion.com/blazor-components/blazor-word-processor) supports headers and footers in its document. Each section in the document can have the following types of headers and footers: + +* **First Page**: A unique header and footer that appears only on the first page of the section. +* **Even Pages**: A header and footer that appears on all even-numbered pages in the section. +* **Default**: A header and footer that appears on all pages of the section, where first or even pages are not applicable or not specified. You can define this by setting format properties of the corresponding section using the following sample code. diff --git a/Document-Processing/Word/Word-Processor/blazor/history.md b/Document-Processing/Word/Word-Processor/blazor/history.md index 705f39f30..562d59df1 100644 --- a/Document-Processing/Word/Word-Processor/blazor/history.md +++ b/Document-Processing/Word/Word-Processor/blazor/history.md @@ -1,6 +1,6 @@ --- layout: post -title: Undo and redo in Blazor DocumentEditor Component | Syncfusion +title: Undo and Redo in Blazor DocumentEditor Component | Syncfusion description: Checkout and learn here all about Undo and redo in Syncfusion Blazor DocumentEditor component and more. platform: document-processing control: DocumentEditor @@ -9,7 +9,9 @@ documentation: ug # Undo and Redo in Blazor DocumentEditor Component -[Blazor Document Editor](https://www.syncfusion.com/blazor-components/blazor-word-processor) tracks the history of all editing actions done in the document, which allows undo and redo functionality. +The [Blazor Word Processor](https://www.syncfusion.com/blazor-components/blazor-word-processor) (Document Editor) automatically tracks the history of all editing actions performed in a document. This history allows users to reverse (undo) their recent actions or re-apply (redo) actions that were undone. + +This functionality is enabled by default through the integrated `EditorHistoryModule`. ## Enable or disable history @@ -60,4 +62,4 @@ History of editing actions will be maintained in stack, so that the last item wi await container.DocumentEditor.EditorHistory.SetRedoLimitAsync(400); ``` -You can also explore our [Blazor Word Processor](https://document.syncfusion.com/demos/docx-editor/blazor-server/document-editor/default-functionalities) example to know how to render and configure the document editor. +Explore the [Blazor Word Processor example](https://document.syncfusion.com/demos/docx-editor/blazor-server/document-editor/default-functionalities) to understand how to render and configure the Document Editor. diff --git a/Document-Processing/Word/Word-Processor/blazor/how-to/customize-context-menu.md b/Document-Processing/Word/Word-Processor/blazor/how-to/customize-context-menu.md index 59a90c4f0..181384e76 100644 --- a/Document-Processing/Word/Word-Processor/blazor/how-to/customize-context-menu.md +++ b/Document-Processing/Word/Word-Processor/blazor/how-to/customize-context-menu.md @@ -79,4 +79,4 @@ The following code shows how to hide default context menu and add custom option } ``` -You can also explore our [Blazor Word Processor - Context Menu](https://blazor.syncfusion.com/demos/document-editor/custom-context-menu?theme=bootstrap5) example to know how to render and configure the document editor. \ No newline at end of file +Explore the [Blazor Word Processor - Context Menu](https://document.syncfusion.com/demos/docx-editor/blazor-server/document-editor/custom-context-menu?theme=bootstrap5) example to learn how to render and configure the document editor. \ No newline at end of file diff --git a/Document-Processing/Word/Word-Processor/blazor/image.md b/Document-Processing/Word/Word-Processor/blazor/image.md index d7d90d135..debe97d49 100644 --- a/Document-Processing/Word/Word-Processor/blazor/image.md +++ b/Document-Processing/Word/Word-Processor/blazor/image.md @@ -9,7 +9,7 @@ documentation: ug # Images in Blazor DocumentEditor Component -[`Blazor Document Editor`](https://www.syncfusion.com/blazor-components/blazor-word-processor) supports common raster format images like PNG, BMP, JPEG, SVG and GIF. You can insert an image file or online image in the document using the [`InsertImageAsync`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.DocumentEditor.EditorModule.html#Syncfusion_Blazor_DocumentEditor_EditorModule_InsertImageAsync_System_String_System_Nullable_System_Double__System_Nullable_System_Double__) method. +The [Blazor Word Processor](https://www.syncfusion.com/blazor-components/blazor-word-processor) (Document Editor) component provides robust support for working with images in documents. It supports common raster image formats like PNG, BMP, and JPEG, as well as GIF and SVG images. You can insert an image file or online image in the document using the [`InsertImageAsync`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.DocumentEditor.EditorModule.html#Syncfusion_Blazor_DocumentEditor_EditorModule_InsertImageAsync_System_String_System_Nullable_System_Double__System_Nullable_System_Double__) method. ```csharp await container.DocumentEditor.Editor.InsertImageAsync("<>");