diff --git a/Document-Processing/Word/Word-Processor/blazor/text-wrapping-style.md b/Document-Processing/Word/Word-Processor/blazor/text-wrapping-style.md index 5dfc246ec8..7ea0dd4f20 100644 --- a/Document-Processing/Word/Word-Processor/blazor/text-wrapping-style.md +++ b/Document-Processing/Word/Word-Processor/blazor/text-wrapping-style.md @@ -1,50 +1,50 @@ --- layout: post -title: Text Wrapping Style in Blazor DocumentEditor Component | Syncfusion -description: Checkout and learn here all about Text Wrapping Style in Syncfusion Blazor DocumentEditor component and more. +title: Text Wrapping Style in Blazor DOCX Editor Component | Syncfusion +description: Learn here all about Text Wrapping Style in Syncfusion Blazor Document Editor component of Syncfusion Essential JS 2 and more. platform: document-processing -control: DocumentEditor +control: Document Editor documentation: ug --- -# Text Wrapping Style in DocumentEditor +# Text Wrapping Style in Blazor Document Editor Component -Text wrapping refers to how images and shapes are fit with surrounding text in a document. Currently, [Blazor DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/blazor-docx-editor) (Document Editor) has only preservation support for image and textbox shape with below wrapping styles. +Text wrapping refers to how images and shapes are fit with surrounding text in a document. Currently, [Blazor Document Editor](https://www.syncfusion.com/docx-editor-sdk/blazor-docx-editor) (Document Editor) has only preservation support for image and text box shapes with the following wrapping styles. ## In-Line with Text -In this option, the image or shape is placed on the same line surrounding with text like any other word or letter. This image or shape will be automatically moved along with the text while editing, whereas the other options denote that the image or shape stays in a fixed position while the text shifts and wraps around it. +In this option, the image or shape is placed inline with the surrounding text like any other word or letter. This image or shape will be automatically moved along with the text while editing, whereas the other options keep the image or shape in a fixed position while the text shifts and wraps around it. -![view of image with inline wrapping style in DocumentEditor](images/Text-Wrapping-Style_images/inline-textwrapping.PNG) +![View of image with inline wrapping style in Document Editor](images/Text-Wrapping-Style_images/inline-textwrapping.PNG) ## In Front of Text -In this option, the image or shape is placed in front of the text. This can be used to place an image around some text or to add shape to highlight the part in a paragraph. +In this option, the image or shape is placed in front of the text. This can be used to place an image around some text or to add a shape to highlight a part in a paragraph. -![view of image with in front of text wrapping style in DocumentEditor](images/Text-Wrapping-Style_images/infront-textwrapping.PNG) +![View of image with in front of text wrapping style in Document Editor](images/Text-Wrapping-Style_images/infront-textwrapping.PNG) -N> Starting from v18.2.0.x, the in front of wrapping styles are supported. +N> Starting from v18.2.0.x, the in-front-of-text wrapping style is supported. ## Top and Bottom -In this option, Text wraps above and below the image or shape. No text is to the left or right of the image or shape. This can be used for larger images or shapes that occupy most of the width in a document. +In this option, the text wraps above and below the image or shape. No text appears to the left or right of the image or shape. This can be used for large images or shapes that span most of the page width. N> Starting from v19.1.0.x, the top and bottom wrapping style is supported. -![view of image with top and bottom wrapping style in DocumentEditor](images/Text-Wrapping-Style_images/topandbottom-textwrapping.PNG) +![View of image with top and bottom wrapping style in Document Editor](images/Text-Wrapping-Style_images/topandbottom-textwrapping.PNG) ## Behind In this option, the image or shape is placed behind the text. This can be used when you need to add a watermark or background image to a document. -![view of image with behind wrapping style in DocumentEditor](images/Text-Wrapping-Style_images/behind-textwrapping.PNG) +![View of image with behind wrapping style in Document Editor](images/Text-Wrapping-Style_images/behind-textwrapping.PNG) -N> Starting from v19.2.0.x, behind text wrapping styles are supported. +N> Starting from v19.2.0.x, the behind text wrapping style is supported. ## Square -In this option, Text wraps around the image or text box in a square shape. +In this option, the text wraps around the image or text box in a square shape. -N> Tight and Through styles will be preserved as square wrapping style in DocumentEditor which is supported from v19.2.0.x. +N> Tight and Through styles will be preserved as the square wrapping style in Document Editor, which is supported from v19.2.0.x. -![view of shape with square wrapping style in DocumentEditor](images/Text-Wrapping-Style_images/square-textwrapping.PNG) +![View of shape with square wrapping style in Document Editor](images/Text-Wrapping-Style_images/square-textwrapping.PNG) diff --git a/Document-Processing/Word/Word-Processor/blazor/track-changes.md b/Document-Processing/Word/Word-Processor/blazor/track-changes.md index c3ac1f7258..9ec2033353 100644 --- a/Document-Processing/Word/Word-Processor/blazor/track-changes.md +++ b/Document-Processing/Word/Word-Processor/blazor/track-changes.md @@ -1,15 +1,15 @@ --- layout: post -title: Track Changes in Blazor DocumentEditor Component | Syncfusion -description: Checkout and learn here all about Track Changes in Syncfusion Blazor DocumentEditor component and more. +title: Track Changes in Blazor DOCX Editor Component | Syncfusion +description: Learn here all about Track Changes in Syncfusion Blazor Document Editor component of Syncfusion Essential JS 2 and more. platform: document-processing -control: DocumentEditor +control: Document Editor documentation: ug --- -# Track Changes in Blazor DocumentEditor Component +# Track Changes in Blazor Document Editor Component -Track Changes allows you to keep a record of changes or edits made to a document. You can then choose to accept or reject the modifications. It is a useful tool for managing changes made by several reviewers to the same document. If track changes option is enabled, all editing operations are preserved as revisions in [Blazor DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/blazor-docx-editor) (Document Editor). +Track Changes allows you to keep a record of changes or edits made to a document. You can then choose to accept or reject the modifications. It is a useful tool for managing changes made by several reviewers to the same document. If the track changes option is enabled, all editing operations are preserved as revisions in [Blazor Document Editor](https://www.syncfusion.com/docx-editor-sdk/blazor-docx-editor) (Document Editor). ## Enable track changes in Document Editor @@ -19,7 +19,7 @@ The following example demonstrates how to enable track changes. ``` ->Track changes are document level settings. When opening a document, if the document does not have track changes enabled, then enableTrackChanges will be disabled even if we set EnableTrackChanges="true" in the initial rendering. If you want to enable track changes for all the documents, then we recommend enabling track changes during the document change event. The following example demonstrates how to enable Track changes for the all the Document while Opening. +N> Track changes are document level settings. When opening a document, if the document does not have track changes enabled, then `EnableTrackChanges` is reset to `false` even if we set `EnableTrackChanges="true"` in the initial rendering. If you want to enable track changes for all the documents, we recommend enabling track changes inside the `DocumentChanged` event. The following example demonstrates how to enable Track Changes for all the documents while opening. ```csharp @@ -38,14 +38,13 @@ The following example demonstrates how to enable track changes. }; ``` -## Show/Hide Revisions Pane - -The Show/Hide Revisions Pane feature in the Document Editor allows users to toggle the visibility of the revisions pane, providing flexibility in managing tracked changes within the document. - -The following example code illustrates how to show/hide the revisions pane. +## Show or Hide Revisions Pane -```typescript +The Show or Hide Revisions Pane feature in the Document Editor allows users to toggle the visibility of the revisions pane, providing flexibility in managing tracked changes within the document. +The following example code illustrates how to show or hide the revisions pane. + +```csharp @using Syncfusion.Blazor.DocumentEditor @@ -59,13 +58,12 @@ The following example code illustrates how to show/hide the revisions pane. container.DocumentEditor.ShowRevisions=false; // To hide revisions pane } } - ``` -## Navigate between the tracked changes +## Navigate Between Tracked Changes -The following example demonstrates how to navigate tracked revision programmatically. +The following example demonstrates how to navigate tracked revisions programmatically. ```csharp /** @@ -79,19 +77,19 @@ await container.DocumentEditor.Selection.NavigateNextRevisionAsync(); await container.DocumentEditor.Selection.NavigatePreviousRevisionAsync(); ``` -## Filtering changes based on user +## Filter Changes by User -In DocumentEditor, we have built-in review panel in which we have provided support for filtering changes based on the user. +In the Document Editor, we have a built-in review panel in which we have provided support for filtering changes based on the user. -![Track changes in Blazor DocumentEditor](images/track-changes.png) +![Track changes in Blazor Document Editor](images/track-changes.png) -## Custom metadata along with author +## Add Custom Metadata with the Author The Document Editor provides options to customize revisions using [`RevisionSettings`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.DocumentEditor.DocumentEditorSettingsModel.html#Syncfusion_Blazor_DocumentEditor_DocumentEditorSettingsModel_RevisionSettings). The `CustomData` property allows you to attach additional metadata to tracked revisions in the Word Processor. This metadata can represent roles, tags, or any custom identifier for the revision. To display this metadata along with the author name in the Track Changes pane, you must enable the `ShowCustomDataWithAuthor` property. The following example code illustrates how to enable and update custom metadata for track changes revisions. -```ts +```csharp @using Syncfusion.Blazor.DocumentEditor @@ -99,7 +97,7 @@ The following example code illustrates how to enable and update custom metadata @code { SfDocumentEditorContainer container; DocumentEditorSettingsModel settings = new DocumentEditorSettingsModel() - { RevisionSettings= { CustomData = "Developer", ShowCustomDataWithAuthor = true}}; + { RevisionSettings= { CustomData = "Developer", ShowCustomDataWithAuthor = true }}; } ``` @@ -107,19 +105,19 @@ The Track Changes pane will display the author name along with the custom metada ![Custom metadata along with author](images/track-changes-customData.png) ->Note: -* When you export the document as SFDT, the customData value is stored in the revision collection. When you reopen the SFDT, the custom data is automatically restored and displayed in the Track Changes pane. -* Other than SFDT export (e.g. DOCX and other), the customData is not preserved, as it is specific to the Document Editor component. +N> When you export the document as SFDT, the customData value is stored in the revision collection. When you reopen the SFDT, the custom data is automatically restored and displayed in the Track Changes pane. -## Protect the document in track changes only mode +N> Other than SFDT export (e.g., DOCX and others), the customData is not preserved, as it is specific to the Document Editor component. -Document Editor provides support for protecting the document with `RevisionsOnly` protection. In this protection, all the users are allowed to view the document and do their corrections, but they cannot accept or reject any tracked changes in the document. Later, the author can view their corrections and accept or reject the changes. +## Protect the Document in Track Changes Only Mode -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. +Document Editor provides support for protecting the document with `RevisionsOnly` protection. In this protection, users can view the document and make their corrections, but they cannot accept or reject any tracked changes in the document. Later, the author can view their corrections and accept or reject the changes. -The following example code illustrates how to enforce and stop protection in Document editor container. +Document Editor provides an option to protect and unprotect the 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_) APIs. -```typescript +The following example code illustrates how to enforce and stop protection in the Document Editor container. + +```csharp @using Syncfusion.Blazor.DocumentEditor @@ -145,4 +143,4 @@ N> In enforce Protection method, first parameter denotes password and second par ## Online Demo -Explore how to track and review changes in Word documents using the Blazor Document Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/blazor-server/document-editor/track-changes?theme=fluent2). +Explore how to track and review changes in Word documents using the Blazor Document Editor in this live [Blazor Track Changes demo](https://document.syncfusion.com/demos/docx-editor/blazor-server/document-editor/track-changes?theme=fluent2). diff --git a/Document-Processing/Word/Word-Processor/blazor/ui-builder-skill.md b/Document-Processing/Word/Word-Processor/blazor/ui-builder-skill.md index 1249f88a4b..e4d54c778d 100644 --- a/Document-Processing/Word/Word-Processor/blazor/ui-builder-skill.md +++ b/Document-Processing/Word/Word-Processor/blazor/ui-builder-skill.md @@ -1,30 +1,29 @@ --- layout: post title: Blazor UI Builder Skill with DOCX Editor | Syncfusion® -description: Install Blazor UI Builder to generate production-ready Blazor components with DOCX Editor from natural-language prompts. -control: DOCX Editor +description: Install Blazor UI Builder to generate production-ready Blazor components with Document Editor from natural-language prompts. +control: Document Editor platform: document-processing documentation: ug keywords: Blazor UI Builder, Skills, AI Assistants, DOCX Editor SDK, Agent Skills --- -# Blazor UI Builder Skill with DOCX Editor for AI Assistants +# Blazor UI Builder Skill with Document Editor for AI Assistants -**Syncfusion® Blazor UI Builder Skill** is an AI-powered skill and companion agent that accelerates [Blazor DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/blazor-docx-editor) (Document Editor) application development by transforming natural-language UI requirements into production-ready components using Syncfusion® Blazor UI libraries. +**Syncfusion® Blazor UI Builder Skill** is an AI-powered skill and companion agent. It accelerates [Blazor Document Editor](https://www.syncfusion.com/docx-editor-sdk/blazor-docx-editor) (Document Editor) application development by transforming natural-language UI requirements into production-ready components using Syncfusion® Blazor UI libraries. -Integrated with your AI-powered IDE, it leverages deep knowledge of **Blazor DOCX Editor** to deliver accurate and ready-to-use code. -By combining intelligent code generation with best practices, accessibility standards, and design-system consistency, Blazor UI Builder helps you rapidly build scalable Document editing applications and user interfaces without leaving your development workflow. +Integrated with your AI-powered IDE, it leverages deep knowledge of **Blazor Document Editor** to deliver accurate and ready-to-use code. By combining intelligent code generation with best practices, accessibility standards, and design-system consistency, Blazor UI Builder helps you rapidly build scalable Document editing applications and user interfaces without leaving your development workflow. ## Prerequisites -Before installing Blazor UI Builder Skill with DOCX Editor, ensure the following: +Before installing Blazor UI Builder Skill with Document Editor, ensure the following: - Active **Blazor Project** (Blazor WebAssembly or Blazor Server) using .NET 8 or later - Microsoft **.NET SDK 8.0 or later** with .NET CLI tools installed - Required [Node.js](https://nodejs.org/en) version ≥ 18 - **Agent Package Manager** (APM) installed — follow [Installation Guidelines](https://microsoft.github.io/apm/quickstart/#1-install-apm) - A supported AI agent or IDE that integrates with the Skills (VS Code, Cursor, Syncfusion® Code Studio, etc.) -- Active Syncfusion® license(any of the following): +- Active Syncfusion® license (any of the following): - [Commercial](https://www.syncfusion.com/sales/unlimitedlicense) - [Community License](https://www.syncfusion.com/products/communitylicense) - [Free Trial](https://www.syncfusion.com/account/manage-trials/start-trials) @@ -32,13 +31,13 @@ Before installing Blazor UI Builder Skill with DOCX Editor, ensure the following ## Key Benefits ### **AI-Driven UI Generation** -- Converts prompts into complete Blazor components-not just snippets +- Converts prompts into complete Blazor components — not just snippets - Automatically selects appropriate Syncfusion® components and features - Produces structured, maintainable code ### **Component Usage & API Accuracy** - Uses correct Syncfusion® component APIs -- Injects required feature modules (paging, sorting, filtering, etc.) +- Injects only the required feature modules needed by the generated components - Avoids unsupported or deprecated patterns ### **Patterns & Best Practices** @@ -56,7 +55,7 @@ Before installing Blazor UI Builder Skill with DOCX Editor, ensure the following ## Installation -Before installing Blazor UI Builder Skill with DOCX Editor, ensure that APM (Agent Package Manager) is installed and available in your environment. +Before installing Blazor UI Builder Skill with Document Editor, ensure that APM (Agent Package Manager) is installed and available in your environment. ### Verify APM Installation @@ -66,9 +65,9 @@ Run the following command to confirm APM is installed: apm --version ``` -### Install the Syncfusion® Blazor UI Builder Skill with DOCX Editor package using APM +### Install the Syncfusion® Blazor UI Builder Skill with Document Editor package using APM -Use the APM CLI to install the Blazor UI Builder Skill with DOCX Editor for your preferred environment: +Use the APM CLI to install the Blazor UI Builder Skill with Document Editor for your preferred environment: {% tabs %} {% highlight bash tabtitle="Copilot" %} @@ -103,20 +102,20 @@ After installation, the following artifacts are added to your project for the Gi Refer to the [documentation](https://microsoft.github.io/apm/reference/cli/targets/#detection-signals) for details about supported deployment targets. -> For [Syncfusion® Code Studio](https://help.syncfusion.com/code-studio/reference/configure-properties/custom-agents#predefined-agents), use the Copilot command above to install the Blazor UI Builder. +N> For [Syncfusion® Code Studio](https://help.syncfusion.com/code-studio/reference/configure-properties/usersettings#agent-file-locations), use the Copilot command above to install the Blazor UI Builder. -## How the Syncfusion® Blazor UI Builder Skill Works with DOCX Editor +## How the Syncfusion® Blazor UI Builder Skill Works with Document Editor 1. **Intent Analysis** - Parse the user's prompt to identify component types and high-level layout intent. -2. **Project Detection** - Automatically detects project framework, package manager, existing themes, and DOCX Editor configuration. -3. **Component Mapping** - Map intent to Blazor DOCX Editor and components and required feature modules. +2. **Project Detection** - Automatically detects project framework, package manager, existing themes, and the editor's configuration. +3. **Component Mapping** - Map intent to Blazor Document Editor and components and required feature modules. 4. **Theming & Design System** Load required theming guidelines and confirm key design choices: - - CSS framework (Tailwind, Bootstrap, Material, or Greenfield(custom theme)). If no themes detected in the existing project, Greenfield and Syncfusion Tailwind3 theme are shown as the default option-proceed with this or change the theme as preferred. - - Syncfusion theme (Tailwind3, Bootstrap5, Material3, fluent2) + - CSS framework (Tailwind, Bootstrap, Material, or Greenfield (custom theme)). If no themes are detected in the existing project, Greenfield and the Syncfusion Tailwind 3 theme are shown as the default option — proceed with this or change the theme as preferred. + - Syncfusion theme (Tailwind 3, Bootstrap 5, Material 3, Fluent 2) - Light and Dark Mode - Core design basics (colors, spacing, typography, responsiveness, accessibility) -5. **Code Generation** - Produce C# Blazor components with DOCX Editor, parameter interfaces, and CSS/styling scaffolding. +5. **Code Generation** - Produce C# Blazor components with Document Editor, parameter interfaces, and CSS/styling scaffolding. 6. **Dependency Management** - Recommend or install required Syncfusion® packages and peer dependencies. 7. **Validation** - Run accessibility and basic security checks, request confirmation for changes. 8. **Code Insertion** - Create files or patch existing files following project structure and conventions. @@ -128,11 +127,11 @@ Key enforcement points: - Generates semantic HTML with ARIA attributes and keyboard support - Avoids unsupported or deprecated API usages for Syncfusion® components -> The assistant handles most stages automatically and may request confirmation where required. +N> The assistant handles most stages automatically and may request confirmation where required. ## Using the AI Assistant -After installing Blazor UI Builder Skill with DOCX Editor and APM, the relevant agent and skill files are added to your project under: +After installing Blazor UI Builder Skill with Document Editor and APM, the relevant agent and skill files are added to your project under: - `.agent/skills/` (skill files) - `.github/agents/` (Blazor UI builder agent configuration, based on the selected target) @@ -141,10 +140,11 @@ To start using the skill: 1. Open your supported IDE. 2. In the chat panel, select the `syncfusion-blazor-ui-builder` agent from the **Agent dropdown**. - ![Set Agent](images/blazor-ui-builder.png) + ![Set Agent to Blazor UI Builder](images/blazor-ui-builder.png) 3. Start prompting the agent with a clear description of your UI requirements. +4. Reload or restart the IDE if the agent is not visible after installation. -> For Syncfusion® Code Studio, if the UI Builder agent is not shown, ensure that the agent location is configured to use it in the chat, and refer to the [documentation](https://help.syncfusion.com/code-studio/reference/configure-properties/usersettings#agent-file-locations) to configure the agent location properly. +N> For Syncfusion® Code Studio, if the UI Builder agent is not shown, ensure that the agent location is configured to use it in the chat, and refer to the [documentation](https://help.syncfusion.com/code-studio/reference/configure-properties/usersettings#agent-file-locations) to configure the agent location properly. **Examples Prompts:** @@ -152,13 +152,13 @@ To start using the skill: {% promptcard Dynamic Toolbar Customization Editor %} -Build a new Blazor application with DOCX Editor. Include a sidebar panel on the right side that displays a list of toolbar options with checkboxes for New, Open, Undo and Redo. Add a button at the bottom of the panel labeled "Apply Changes". When users select or deselect the checkboxes and click the button, the toolbar at the top of the DOCX Editor should dynamically show or hide the corresponding items in real time, providing a customizable editing experience similar to advanced document editors. +Build a new Blazor application with Document Editor. Include a sidebar panel on the right side that displays a list of toolbar options with checkboxes for New, Open, Undo and Redo. Add a button at the bottom of the panel labeled "Apply Changes". When users select or deselect the checkboxes and click the button, the toolbar at the top of the Document Editor should dynamically show or hide the corresponding items in real time, providing a customizable editing experience similar to advanced document editors. {% endpromptcard %} {% promptcard Track Changes Toggle Editor %} -Build a Blazor application with the DOCX Editor. Include a toggle switch button at the top-left corner to control track changes. The editor should support real-time change tracking, and the toggle must properly enable or disable this feature. +Build a Blazor application with the Document Editor. Include a toggle switch button at the top-left corner to control track changes. The editor should support real-time change tracking, and the toggle must properly enable or disable this feature. {% endpromptcard %} @@ -168,11 +168,12 @@ Generated code follows best practices with accessible, semantic HTML, strong C# ## Best Practices -Follow these guidelines to get the most out of UI Builder and ensure high-quality production-ready result: +Follow these guidelines to get the most out of UI Builder and ensure high-quality, production-ready results. - **Stay consistent** - Maintain consistent file organization, naming conventions, and coding standards throughout your project. - **Use advanced AI models** - For best results, use **Claude Sonnet 4.6 or higher** capability models to produce better code quality and more accurate implementations. -- **Review all content and assets before production** - Replace any placeholder images or icons (e.g., from emoji sets) with your brand assets. Also validate the logic, security, and compatibility with your existing code before deployment. +- **Review placeholder assets before production** - Replace any placeholder images or icons (e.g., from emoji sets) with your brand assets. +- **Validate generated code before deployment** - Validate the logic, security, and compatibility with your existing code before deployment. ## Troubleshooting @@ -188,7 +189,7 @@ Follow these guidelines to get the most out of UI Builder and ensure high-qualit ## FAQ **Which agents/IDEs are supported?** -Any Skills-compatible agent that reads local skill files (Code Studio, VS Code, Cursor, etc.). +The skill is supported by any Skills-compatible agent that reads local skill files (Code Studio, VS Code, Cursor, etc.). **Are skills loaded automatically?** Yes. Supported agents automatically load relevant skills based on your query. @@ -199,7 +200,7 @@ Yes - the skill supports choosing Tailwind, Bootstrap, Material, or a custom the **Does it modify files automatically?** The skill proposes changes and requires confirmation for insertion; automatic dependency installation may be offered depending on agent permissions. -## See also +## See Also - [Agent Skills Standards](https://agentskills.io/home) - [Agent Package Manager](https://microsoft.github.io/apm/getting-started/quick-start/) diff --git a/Document-Processing/Word/Word-Processor/blazor/unsupported-features.md b/Document-Processing/Word/Word-Processor/blazor/unsupported-features.md index d6b182350e..accf45c4f8 100644 --- a/Document-Processing/Word/Word-Processor/blazor/unsupported-features.md +++ b/Document-Processing/Word/Word-Processor/blazor/unsupported-features.md @@ -1,42 +1,42 @@ --- layout: post -title: Unsupported features in Blazor DOCX Editor component | Syncfusion -description: Learn about the list of unsupported features in the Blazor Document Editor to understand its limitations. +title: Unsupported features in Blazor DOCX Editor Component | Syncfusion +description: Learn here all about the unsupported features in Syncfusion Blazor Document Editor component of Syncfusion Essential JS 2 and more. control: Unsupported features platform: document-processing documentation: ug domainurl: ##DomainURL## --- -# Unsupported Features in Blazor DOCX Editor +# Unsupported Features in Blazor Document Editor Component -This section describes the unsupported elements in [Blazor DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/blazor-docx-editor) (Document Editor) +This section describes the unsupported elements in [Blazor Document Editor](https://www.syncfusion.com/docx-editor-sdk/blazor-docx-editor) (Document Editor). -## Document formatting +## Document Formatting | Feature | Details | Supported | |--------|--------|-----------| | Paragraph Properties | Shading | No | | | Mirror indent | No | | | Suppress line numbers | No | -| | Don’t hyphenate | No | +| | Don't hyphenate | No | | | Border styles (*Except dotted and dashed; other styles are rendered as solid*) | Partial | -| Text Properties | Shading | No | -| | Position | No | -| | Font kerning | No | -| | Ligatures | No | -| | Number spacing | No | -| | Number forms | No | -| | Stylistic sets | No | -| | Contextual alternates| No | +| Text Properties | Shading | No | +| | Position | No | +| | Font kerning | No | +| | Ligatures | No | +| | Number spacing | No | +| | Number forms | No | +| | Stylistic sets | No | +| | Contextual alternates | No | | | Text Direction (Top to Bottom, Bottom to Top) | No | | | Border styles (*Except dotted and dashed; other styles are rendered as solid*) | Partial | | Section Formatting | Mirror margins | No | -| | Gutter | No | -| | Line numbers | No | -| | Bi-direction | No | +| | Gutter | No | +| | Line numbers | No | +| | Bi-direction | No | | Page background | Page background color or image | No | -| Watermark | Text and Picture watermark| No | +| Watermark | Text and Picture watermark | No | | Table Format | Border styles (*Except dotted and dashed; other styles are rendered as solid*) | Partial | ## Word Document Elements @@ -46,12 +46,12 @@ This section describes the unsupported elements in [Blazor DOCX Editor](https:// | ActiveX Controls | No | | Embedded Objects | No | | Images | Bitmap, Metafile (EMF, WMF), and TIFF images | -| Ink/Draw | No | +| Ink / Draw | No | | Video or audio files | No | | Macros | No | -| Models, Smart-Art, and Charts | [Supported Charts](https://help.syncfusion.com/document-processing/word/word-processor/react/chart) | -| Shapes, Textboxes, and WordArt | [Supported shapes](https://help.syncfusion.com/document-processing/word/word-processor/blazor/shapes#supported-shapes) *(Shape Properties: Fill types, borders, rotation and effects are not supported) | +| Models, SmartArt, and Charts | [Supported Charts](https://help.syncfusion.com/document-processing/word/word-processor/react/chart) | +| Shapes, Textboxes, and WordArt | [Supported shapes](https://help.syncfusion.com/document-processing/word/word-processor/blazor/shapes#supported-shapes) *(Shape Properties: Fill types, borders, rotation and effects are not supported)* | | Signature line | No | | Special Characters, Symbols, Equations | No | | Built-in and custom document properties | No | -| Comment reactions | No \ No newline at end of file +| Comment reactions | No | \ No newline at end of file diff --git a/Document-Processing/Word/Word-Processor/blazor/view.md b/Document-Processing/Word/Word-Processor/blazor/view.md index 0313cb0037..f403a2a03b 100644 --- a/Document-Processing/Word/Word-Processor/blazor/view.md +++ b/Document-Processing/Word/Word-Processor/blazor/view.md @@ -1,69 +1,69 @@ --- layout: post -title: View in Blazor DocumentEditor Component | Syncfusion -description: Checkout and learn here all about the view in the Syncfusion Blazor DocumentEditor component and more. +title: View in Blazor DOCX Editor Component | Syncfusion +description: Learn here all about the view in the Syncfusion Blazor Document Editor component of Syncfusion Essential JS 2 and more. platform: document-processing -control: DocumentEditor +control: Document Editor documentation: ug --- -# View in Blazor DocumentEditor component +# View in Blazor Document Editor Component This topic describes view-related options in the Document Editor, including layout type (Pages or Continuous), displaying the ruler, and enabling the heading navigation pane. ## Web Layout -[`Blazor DOCX Editor`](https://www.syncfusion.com/docx-editor-sdk/blazor-docx-editor) component (Document Editor) component allows you to change the view to web layout and print using the [`layoutType`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.DocumentEditor.LayoutType.html#fields) property with the supported [`LayoutType`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.DocumentEditor.LayoutType.html). +[`Blazor Document Editor`](https://www.syncfusion.com/docx-editor-sdk/blazor-docx-editor) component (Document Editor) allows you to change the view to web layout or print layout using the [`layoutType`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.DocumentEditor.LayoutType.html) property with the supported [`LayoutType`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.DocumentEditor.LayoutType.html). ```csharp ``` -N> The Default value of [`LayoutType`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.DocumentEditor.LayoutType.html?_ga=2.86979928.1792501268.1670214760-93590999.1630704258) in the DocumentEditorContainer component is [`Pages`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.DocumentEditor.LayoutType.html#Syncfusion_Blazor_DocumentEditor_LayoutType_Pages). +N> The default value of [`LayoutType`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.DocumentEditor.LayoutType.html) in the DocumentEditorContainer component is [`Pages`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.DocumentEditor.LayoutType.html#Syncfusion_Blazor_DocumentEditor_LayoutType_Pages). ### Online Demo -Explore how to view Word documents in web layout using the Blazor Document Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/blazor-server/document-editor/web-layout?theme=fluent2). +Explore how to view Word documents in web layout using the Blazor Document Editor in this live [Blazor Web Layout demo](https://document.syncfusion.com/demos/docx-editor/blazor-server/document-editor/web-layout?theme=fluent2). ## Show Ruler -The ruler helps set margins, tab stops, and indentations to maintain consistent formatting in the Document Editor Container. +The ruler helps you set margins, tab stops, and indentations to maintain consistent formatting in the Document Editor Container. -The following example illustrates how to the enable ruler in the Document Editor Container. +The following example illustrates how to enable the ruler in the Document Editor Container. ```csharp
- - + +
@code { SfDocumentEditorContainer container; - public DocumentEditorSettingsModel settings = new DocumentEditorSettingsModel() { ShowRuler = true }; + public DocumentEditorSettingsModel settings = new DocumentEditorSettingsModel() { ShowRuler = true }; } ``` ### Online Demo -Explore how to use the ruler in the Blazor Document Editor for working with Word documents in this live demo [here](https://document.syncfusion.com/demos/docx-editor/blazor-server/document-editor/ruler?theme=fluent2). +Explore how to use the ruler in the Blazor Document Editor for working with Word documents in this live [Blazor Ruler demo](https://document.syncfusion.com/demos/docx-editor/blazor-server/document-editor/ruler?theme=fluent2). -## Heading Navigation Pane +## Heading Navigation Pane -Using the heading navigation pane allows users to swiftly navigate documents by heading, enhancing their ability to move through the document efficiently. +Using the heading navigation pane allows users to quickly navigate documents by heading. -The following example demonstrates how to enable the heading navigation pane in a Document Editor. +The following example demonstrates how to enable the heading navigation pane in a Document Editor. ```csharp - + @code { SfDocumentEditorContainer container; - DocumentEditorSettingsModel settings = new DocumentEditorSettingsModel() { ShowNavigationPane = true}; + DocumentEditorSettingsModel settings = new DocumentEditorSettingsModel() { ShowNavigationPane = true }; } ``` ### Online Demo -Explore how to navigate through headings in Word documents using the Blazor Document Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/blazor-server/document-editor/heading-navigation?theme=fluent2). +Explore how to navigate through headings in Word documents using the Blazor Document Editor in this live [Blazor Heading Navigation demo](https://document.syncfusion.com/demos/docx-editor/blazor-server/document-editor/heading-navigation?theme=fluent2).