Merge pull request #6837 from syncfusion-content/983303-corrections-d

saravanangn · web-flow · commit 858297f964d4 · 2025-10-08T14:56:01.000+05:30
983303: Updated Rich Text Editor documentation
diff --git a/blazor/kanban/accessibility.md b/blazor/kanban/accessibility.md
@@ -18,12 +18,12 @@ The following table summarizes the accessibility compliance of the Blazor Kanban
 | Accessibility Criteria | Compatibility |
 | -- | -- |
 | [WCAG 2.2](https://www.w3.org/TR/WCAG22/) Support | <img src="https://cdn.syncfusion.com/content/images/documentation/full.png" alt="Yes"> |
-| [Section 508 Support](../common/accessibility#section-508) | <img src="https://cdn.syncfusion.com/content/images/documentation/full.png" alt="Yes"> |
+| [Section 508 Support](https://blazor.syncfusion.com/documentation/common/accessibility#accessibility-standards) | <img src="https://cdn.syncfusion.com/content/images/documentation/full.png" alt="Yes"> |
 | Screen Reader Support | <img src="https://cdn.syncfusion.com/content/images/documentation/full.png" alt="Yes"> |
 | Right-To-Left Support | <img src="https://cdn.syncfusion.com/content/images/documentation/full.png" alt="Yes"> |
 | Color Contrast | <img src="https://cdn.syncfusion.com/content/images/documentation/partial.png" alt="Intermediate"> |
 | Mobile Device Support | <img src="https://cdn.syncfusion.com/content/images/documentation/full.png" alt="Yes"> |
-| [Keyboard Navigation](../common/accessibility#keyboard-navigation) | <img src="https://cdn.syncfusion.com/content/images/documentation/full.png" alt="Yes"> |
+| [Keyboard Navigation](../common/accessibility#keyboard-navigation-support) | <img src="https://cdn.syncfusion.com/content/images/documentation/full.png" alt="Yes"> |
 | [Axe-core](https://www.nuget.org/packages/Deque.AxeCore.Playwright) Accessibility Validation | <img src="https://cdn.syncfusion.com/content/images/documentation/full.png" alt="Yes"> |
 
 <style>
@@ -86,4 +86,4 @@ The accessibility compliance of the Kanban component is shown in the following s
 
 ## See also
 
-* [Accessibility in Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components](../common/accessibility)
+* [Accessibility in Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components](../common/accessibility)
diff --git a/blazor/kanban/dimensions.md b/blazor/kanban/dimensions.md
@@ -11,7 +11,7 @@ documentation: ug
 
 This section explains how to configure the height and width of the Syncfusion Blazor Kanban component to achieve responsive and fixed layouts.
 
-The [Blazor Kanban](https://www.syncfusion.com/blazor-components/blazor-kanban-board) component allows customization of its overall layout dimensions—height and width—using three value types:
+The [Blazor Kanban](https://www.syncfusion.com/blazor-components/blazor-kanban-board) component allows customization of its overall layout dimensions height and width using three value types:
 
 * Auto
 * Pixel
diff --git a/blazor/markdown-editor/accessibility.md b/blazor/markdown-editor/accessibility.md
@@ -9,7 +9,7 @@ documentation: ug
 
 # Accessibility in Blazor Markdown Editor Component
 
-The [Blazor Rich Text Editor](https://www.syncfusion.com/blazor-components/blazor-wysiwyg-rich-text-editor) component has been designed, keeping in mind the [WAI-ARIA](https://www.w3.org/WAI/ARIA/apg/patterns/) specifications, and applies the WAI-ARIA roles, states, and properties. This component is characterized by complete ARIA accessibility support that makes it easy for people who use assistive technologies (AT) or those who completely rely on keyboard navigation.
+The [Blazor Markdown Editor](https://blazor.syncfusion.com/demos/markdown-editor/overview?theme=fluent2) component has been designed, keeping in mind the [WAI-ARIA](https://www.w3.org/WAI/ARIA/apg/patterns/) specifications, and applies the WAI-ARIA roles, states, and properties. This component is characterized by complete ARIA accessibility support that makes it easy for people who use assistive technologies (AT) or those who completely rely on keyboard navigation.
 
 The Blazor Markdown Editor 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.
 
@@ -18,7 +18,7 @@ The accessibility compliance for the Blazor Markdown Editor component is outline
 | Accessibility Criteria | Compatibility |
 | -- | -- |
 | [WCAG 2.2](https://www.w3.org/TR/WCAG22/) Support | <img src="https://cdn.syncfusion.com/content/images/documentation/full.png" alt="Yes"> |
-| [Section 508 Support](../common/accessibility#section-508) | <img src="https://cdn.syncfusion.com/content/images/documentation/full.png" alt="Yes"> |
+| [Section 508 Support](../common/accessibility#accessibility-standards) | <img src="https://cdn.syncfusion.com/content/images/documentation/full.png" alt="Yes"> |
 | Screen Reader Support | <img src="https://cdn.syncfusion.com/content/images/documentation/full.png" alt="Yes"> |
 | Right-To-Left Support | <img src="https://cdn.syncfusion.com/content/images/documentation/full.png" alt="Yes"> |
 | Color Contrast | <img src="https://cdn.syncfusion.com/content/images/documentation/partial.png" alt="Intermediate"> |
@@ -51,7 +51,7 @@ The toolbar in the Blazor Markdown Editor is assigned the role of `toolbar` and
 | `aria-disabled` | Indicates the disabled state of the toolbar. |
 | `aria-owns` | Identifies an element to define a visual, functional, or contextual parent/child relationship between DOM elements when the DOM hierarchy cannot represent the relationship. In the Markdown Editor, the attribute contains the ID of the Markdown Editor to indicate the popup as a child element. |
 
-or more information about toolbar ARIA attributes, refer to the  [accessibility of Toolbar](https://blazor.syncfusion.com/documentation/toolbar/accessibility) documentation.
+For more information about toolbar ARIA attributes, refer to the  [accessibility of Toolbar](https://blazor.syncfusion.com/documentation/toolbar/accessibility) documentation.
 
 The Blazor Markdown Editor element is assigned the role of `application`:
 
@@ -78,7 +78,7 @@ For more details on keyboard navigation, refer to the [Keyboard support](https:/
 
 ## Ensuring accessibility
 
-Accessibility levels are validated using the[axe-core](https://www.npmjs.com/package/axe-core) software tool during automated testing.
+Accessibility levels are validated using the [axe-core](https://www.npmjs.com/package/axe-core) software tool during automated testing.
 
 The accessibility compliance of the Markdown Editor component is shown in the following sample. Open the [sample](https://blazor.syncfusion.com/accessibility/rich-text-editor) in a new window to evaluate the accessibility of the Markdown Editor component with accessibility tools.
 
diff --git a/blazor/markdown-editor/getting-started-webapp.md b/blazor/markdown-editor/getting-started-webapp.md
@@ -9,7 +9,7 @@ documentation: ug
 
 # Getting Started with Blazor Markdown Editor in Blazor Web App
 
-This section explains how to integrate [Blazor Rich Text Editor](https://www.syncfusion.com/blazor-components/blazor-wysiwyg-rich-text-editor) component in your Blazor Web App using [Visual Studio](https://visualstudio.microsoft.com/vs/) and Visual Studio Code.
+This section explains how to integrate [Blazor Markdown Editor](https://www.syncfusion.com/blazor-components/blazor-rich-text-editor) component in your Blazor Web App using [Visual Studio](https://visualstudio.microsoft.com/vs/) and Visual Studio Code.
 
 {% tabcontents %}
 
diff --git a/blazor/markdown-editor/getting-started.md b/blazor/markdown-editor/getting-started.md
@@ -11,7 +11,7 @@ documentation: ug
 
 # Getting Started with Markdown Editor in Blazor
 
-This section briefly explains about how to include [Blazor Rich Text Editor](https://www.syncfusion.com/blazor-components/blazor-rich-text-editor) component in your Blazor WebAssembly App using Visual Studio and Visual Studio Code.
+This section briefly explains about how to include [Blazor Markdown Editor](https://www.syncfusion.com/blazor-components/blazor-rich-text-editor) component in your Blazor WebAssembly App using Visual Studio and Visual Studio Code.
 
 N> You can also explore our [Blazor Markdown Editor](https://blazor.syncfusion.com/demos/markdown-editor/overview?theme=bootstrap5) example to knows how to render and configure the Markdown editor tools.
 
diff --git a/blazor/markdown-editor/keyboard-support.md b/blazor/markdown-editor/keyboard-support.md
@@ -102,7 +102,7 @@ These shortcuts provide additional functionalities like fullscreen mode.
 @code{
 
     private string MarkdownValue { get; set; } = @"In Rich Text Editor, you click the toolbar buttons to format the words and 
-        the changes are visible immediately. Markdown is not like that. When you format the word in Markdown format, you need to add Markdown syntax to the word to indicate which words and phrases should look different from each other. Rich Text Editor supports markdown editing when the editorMode set as **markdown** and using both *keyboard interaction* and *toolbar action*, you can apply the formatting to text. You can add our own custom formation syntax for the Markdown formation, [sample link]([https://ej2.syncfusion.com/home](https://blazor.syncfusion.com/demos/markdown-editor/overview?theme=fluent)). The third-party library <b>Marked</b> is used in this sample to convert markdown into HTML content.";
+        the changes are visible immediately. Markdown is not like that. When you format the word in Markdown format, you need to add Markdown syntax to the word to indicate which words and phrases should look different from each other. Rich Text Editor supports markdown editing when the editorMode set as **markdown** and using both *keyboard interaction* and *toolbar action*, you can apply the formatting to text. You can add our own custom formation syntax for the Markdown formation, [sample link](https://blazor.syncfusion.com/demos/markdown-editor/overview?theme=fluent2). The third-party library <b>Marked</b> is used in this sample to convert markdown into HTML content.";
 
 }
 ```
diff --git a/blazor/rich-text-editor/getting-started-webapp.md b/blazor/rich-text-editor/getting-started-webapp.md
@@ -9,7 +9,7 @@ documentation: ug
 
 # Getting Started with Blazor Rich Text Editor in Blazor Web App
 
-This section .explains how to add the [Blazor Rich Text Editor](https://www.syncfusion.com/blazor-components/blazor-wysiwyg-rich-text-editor) component in your Blazor Web App using [Visual Studio](https://visualstudio.microsoft.com/vs/) and Visual Studio Code.
+This section explains how to add the [Blazor Rich Text Editor](https://www.syncfusion.com/blazor-components/blazor-wysiwyg-rich-text-editor) component in your Blazor Web App using [Visual Studio](https://visualstudio.microsoft.com/vs/) and Visual Studio Code.
 
 > **Ready to streamline your Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor development?** <br/>Discover the full potential of Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components with Syncfusion<sup style="font-size:70%">&reg;</sup> AI Coding Assistants. Effortlessly integrate, configure, and enhance your projects with intelligent, context-aware code suggestions, streamlined setups, and real-time insights—all seamlessly integrated into your preferred AI-powered IDEs like VS Code, Cursor, Syncfusion<sup style="font-size:70%">&reg;</sup> CodeStudio and more. [Explore Syncfusion<sup style="font-size:70%">&reg;</sup> AI Coding Assistants](https://blazor.syncfusion.com/documentation/ai-coding-assistants/overview)
 
@@ -114,7 +114,7 @@ dotnet --version
 
 ## Create a Blazor Web App using .NET CLI
 
-Run the following command to create a new Blazor Web App. For detailed instructions, refer to  [Blazor Web App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app?tabcontent=.net-cli) documentation.
+Run the following command to create a new Blazor Web App. For detailed instructions, refer to [Blazor Web App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app?tabcontent=.net-cli) documentation.
 
 Configure the appropriate interactive render mode and interactivity location when setting up the project. For details, see the [interactive render mode](https://blazor.syncfusion.com/documentation/common/interactive-render-mode) documentation.
 
diff --git a/blazor/rich-text-editor/getting-started.md b/blazor/rich-text-editor/getting-started.md
@@ -1,6 +1,6 @@
 ---
 layout: post
-5title: Getting Started with Rich Text Editor in Blazor | Syncfusion
+title: Getting Started with Rich Text Editor in Blazor | Syncfusion
 description: Checkout and learn about getting started with the Rich Text Editor in Blazor WebAssembly Application.
 platform: Blazor
 control: RichTextEditor
diff --git a/blazor/rich-text-editor/iframe.md b/blazor/rich-text-editor/iframe.md
@@ -30,7 +30,7 @@ In iframe mode, the editor content is hosted in an isolated document. Only the e
 
 ## IFrame attributes
 
-Add additional attributes to the body element of the iframe document using the[RichTextEditorIframeSettings.Attributes](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.RichTextEditor.RichTextEditorIFrameSettings.html#Syncfusion_Blazor_RichTextEditor_RichTextEditorIFrameSettings_Attributes)  property. This property accepts name–value pairs in string format and can be used to override the default appearance of the content area.
+Add additional attributes to the body element of the iframe document using the[RichTextEditorIframeSettings.Attributes](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.RichTextEditor.RichTextEditorIFrameSettings.html#Syncfusion_Blazor_RichTextEditor_RichTextEditorIFrameSettings_Attributes) property. This property accepts name–value pairs in string format and can be used to override the default appearance of the content area.
 
 {% tabs %}
 {% highlight cshtml %}
diff --git a/blazor/rich-text-editor/inline-mode.md b/blazor/rich-text-editor/inline-mode.md
@@ -39,6 +39,6 @@ N> You can refer to our [Blazor Rich Text Editor](https://www.syncfusion.com/bla
 
 ## See also
 
-* [How to edit the quick toolbar settings](./toolbar#quick-inline-toolbar)
-* [How to insert link editing option in the toolbar items](./link#insert-link)
-* [How to insert image editing option in the toolbar items](./image#upload-options)
+* [How to Configuring the toolbar position](./toolbar#configuring-the-toolbar-position)
+* [How to insert link editing option in the toolbar items](./tools/link-manipulation#insert-link)
+* [How to insert image editing option in the toolbar items](./tools/insert-image#uploading-and-inserting-images)
diff --git a/blazor/rich-text-editor/paste-cleanup.md b/blazor/rich-text-editor/paste-cleanup.md
@@ -9,7 +9,7 @@ documentation: ug
 
 # Paste Clean-up in Blazor Rich Text Editor
 
-The Rich Text Editor provides built-in option to paste content from Microsoft Word, Microsoft Outlook, Microsoft Excel, and other websites by filtering out tags, attributes, and styles. Copy content from Microsoft Office or other websites and paste it into the editor, where it is cleaned up and pasted based on the settings in the [PasteCleanupSetting](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.RichTextEditor.RichTextEditorPasteCleanupSettings.html) property values.
+The Rich Text Editor provides built-in option to paste content from Microsoft Word, Microsoft Outlook, Microsoft Excel, and other websites by filtering out tags, attributes, and styles. Copy content from Microsoft Office or other websites and paste it into the editor, where it is cleaned up and pasted based on the settings in the [PasteCleanupSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.RichTextEditor.RichTextEditorPasteCleanupSettings.html) property values.
 
 ## Paste cleanup settings
 
diff --git a/blazor/rich-text-editor/resizable-editor.md b/blazor/rich-text-editor/resizable-editor.md
@@ -9,7 +9,7 @@ documentation: ug
 
 # Resizable Rich Text Editor
 
-The Rich Text Editor supports dynamic resizing, allowing users to adjust the editor's dimensions  based on their needs. You can enable or disable this feature using the [EnableResize](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.RichTextEditor.SfRichTextEditor.html#Syncfusion_Blazor_RichTextEditor_SfRichTextEditor_EnableResize) property. When `EnableResize` is set to `true`, a resize handle appears at the bottom-right corner of the editor, enabling diagonal resizing.
+The Rich Text Editor supports dynamic resizing, allowing users to adjust the editor's dimensions based on their needs. You can enable or disable this feature using the [EnableResize](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.RichTextEditor.SfRichTextEditor.html#Syncfusion_Blazor_RichTextEditor_SfRichTextEditor_EnableResize) property. When `EnableResize` is set to `true`, a resize handle appears at the bottom-right corner of the editor, enabling diagonal resizing.
 
 {% tabs %}
 {% highlight cshtml %}
diff --git a/blazor/rich-text-editor/toolbar.md b/blazor/rich-text-editor/toolbar.md
@@ -34,7 +34,7 @@ The [Expand](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.RichTextEdi
 
 ## Multi-row toolbar
 
-The [MultiRow]((https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.RichTextEditor.ToolbarType.html#Syncfusion_Blazor_RichTextEditor_ToolbarType_MultiRow)) toolbar displays items in multiple rows, ensuring all items are always visible.
+The [MultiRow](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.RichTextEditor.ToolbarType.html#Syncfusion_Blazor_RichTextEditor_ToolbarType_MultiRow) toolbar displays items in multiple rows, ensuring all items are always visible.
 
 {% tabs %}
 {% highlight razor %}
diff --git a/blazor/rich-text-editor/tools/audio.md b/blazor/rich-text-editor/tools/audio.md
@@ -386,5 +386,5 @@ namespace AudioUpload.Controllers
 
 ## See also
 
-* [How to edit the quick toolbar settings](../toolbar#audio-quick-toolbar)
+* [How to configuring the toolbar position](../toolbar#configuring-the-toolbar-position)
 * [How to use link editing option in the toolbar items](../tools#insert-link)
diff --git a/blazor/rich-text-editor/tools/table-manipulation.md b/blazor/rich-text-editor/tools/table-manipulation.md
@@ -37,7 +37,7 @@ Using the [ToolbarCommand.CreateTable](https://help.syncfusion.com/cr/blazor/Syn
 
 The quick toolbar is opened by clicking the table. It has different sets of commands to be performed on the table, which increases the feasibility of editing the table easily.
 
-N> For more details about quick toolbar, refer to this documentation [section](../toolbar#quick-toolbar).
+N> For more details about quick toolbar, refer to this [documentation section](../toolbar#quick-toolbar).
 
 ## Table properties
 
diff --git a/blazor/rich-text-editor/webassembly-performance.md b/blazor/rich-text-editor/webassembly-performance.md
@@ -45,8 +45,8 @@ In the following example:
 }
 ```
 
-N> * **PreventRender** method accepts the boolean argument that accepts true or false to disable or enable rendering, respectively.
-<br/> * **PreventRender** method can be used only after the RichTextEditor component completes initial rendering. Calling this method during initial rendering has no effect.
+N> **PreventRender** method accepts the boolean argument that accepts true or false to disable or enable rendering, respectively.
+<br/> **PreventRender** method can be used only after the RichTextEditor component completes initial rendering. Calling this method during initial rendering has no effect.
 
 ## Avoid unnecessary component renders after RichTextEditor events
 
@@ -79,5 +79,5 @@ In the following example:
 }
 ```
 
-N> * **PreventRender** method internally overrides the **ShouldRender** method of the RichTextEditor to prevent rendering.
-<br/> * It is recommended to use the **PreventRender** method for user interactive events such as OnToolbarClick, UpdatedToolbarStatus, etc., for better performance.
+N> **PreventRender** method internally overrides the **ShouldRender** method of the RichTextEditor to prevent rendering.  
+<br/> It is recommended to use the **PreventRender** method for user-interactive events such as `OnToolbarClick`, `UpdatedToolbarStatus`, etc., for better performance.

Original file line number	Diff line number	Diff line change
`@@ -102,7 +102,7 @@ These shortcuts provide additional functionalities like fullscreen mode.`
`102`	`102`	`@code{`
`103`	`103`
`104`	`104`	`private string MarkdownValue { get; set; } = @"In Rich Text Editor, you click the toolbar buttons to format the words and`
`105`		- the changes are visible immediately. Markdown is not like that. When you format the word in Markdown format, you need to add Markdown syntax to the word to indicate which words and phrases should look different from each other. Rich Text Editor supports markdown editing when the editorMode set as markdown and using both keyboard interaction and toolbar action, you can apply the formatting to text. You can add our own custom formation syntax for the Markdown formation, [sample link]([https://ej2.syncfusion.com/home](https://blazor.syncfusion.com/demos/markdown-editor/overview?theme=fluent)). The third-party library <b>Marked</b> is used in this sample to convert markdown into HTML content.";
	`105`	+ the changes are visible immediately. Markdown is not like that. When you format the word in Markdown format, you need to add Markdown syntax to the word to indicate which words and phrases should look different from each other. Rich Text Editor supports markdown editing when the editorMode set as markdown and using both keyboard interaction and toolbar action, you can apply the formatting to text. You can add our own custom formation syntax for the Markdown formation, [sample link](https://blazor.syncfusion.com/demos/markdown-editor/overview?theme=fluent2). The third-party library <b>Marked</b> is used in this sample to convert markdown into HTML content.";
`106`	`106`
`107`	`107`	`}`
`108`	`108`	```