Merge pull request #7267 from syncfusion-content/BLAZ-998699-blockEdrDoc

998699: Updated the contents based on review comments

Author: thangavele

blazor-toc.html

@@ -986,10 +986,10 @@
 			<li><a href="/blazor/blockeditor/keyboard-shortcuts">Keyboard Shortcuts</a></li>
 			<li><a href="/blazor/blockeditor/appearance">Appearance</a></li>
 			<li><a href="/blazor/blockeditor/events">Events</a></li>
-			<li>Validation and Security
+			<li>Editor Security
 				<ul>
-					<li><a href="/blazor/blockeditor/validation-security/cross-site-script">Cross-Site Scripting</a></li>
-					<li><a href="/blazor/blockeditor/validation-security/read-only-mode">Controlling Editor Access</a></li>
+					<li><a href="/blazor/blockeditor/editor-security/cross-site-script">Cross-Site Scripting</a></li>
+					<li><a href="/blazor/blockeditor/editor-security/read-only-mode">Controlling Editor Access</a></li>
 				</ul>
 			</li>
 		</ul>

blazor/blockeditor/appearance.md

@@ -50,7 +50,7 @@ You can use the `CssClass` property to customize the appearance of the Block Edi
 
 ```
 
-The following example demonstrates the usage of `Readonly` and `CssClass` properties of the Block Editor.
+The following example demonstrates the usage of `ReadOnly` and `CssClass` properties of the Block Editor.
 
 ```cshtml
 

blazor/blockeditor/built-in-blocks/built-in-blocks.md

@@ -45,7 +45,7 @@ By default, the `Indent` property is set to `0`.
 
 @using Syncfusion.Blazor.BlockEditor
 
-<div class="wrapper">
+<div id="container">
     <SfBlockEditor Blocks="BlockData"></SfBlockEditor>
 </div>
 @code {
@@ -92,7 +92,7 @@ Custom CSS classes allow you to define specialized styling for specific blocks i
 
 @using Syncfusion.Blazor.BlockEditor
 
-<div class="wrapper">
+<div id="container">
     <SfBlockEditor Blocks="BlockData"></SfBlockEditor>
 </div>
 

blazor/blockeditor/built-in-blocks/embed.md

@@ -52,7 +52,7 @@ The `Image` block `Properties` property supports the following options:
 
 @using Syncfusion.Blazor.BlockEditor
 
-<div class="wrapper">
+<div id="container">
     <SfBlockEditor Blocks="BlockData"></SfBlockEditor>
 </div>
 

blazor/blockeditor/built-in-blocks/inline-content.md

@@ -128,7 +128,7 @@ The below sample demonstrates the usage of Mention and Label types in the Block
 
 @using Syncfusion.Blazor.BlockEditor
 
-<div class="wrapper">
+<div id="container">
     <SfBlockEditor Blocks="BlockData" Users="@BlockUser"></SfBlockEditor>
 </div>
 
@@ -166,7 +166,7 @@ The below sample demonstrates the usage of Mention and Label types in the Block
 
 ## Applying Inline Styles
 
-The Block Editor allows you to apply rich formatting to `Text`, `Link`, and `Code` elements using the `Styles` property.
+The Block Editor allows you to apply rich formatting to block contents using the `Styles` property.
 
 The `Styles` property supports the following options:
 
@@ -190,7 +190,7 @@ You can apply one or more of these styles to any supported content element for r
 
 @using Syncfusion.Blazor.BlockEditor
 
-<div class="wrapper">
+<div id="container">
     <SfBlockEditor Blocks="BlockData"></SfBlockEditor>
 </div>
 

blazor/blockeditor/built-in-blocks/list-types.md

@@ -89,7 +89,7 @@ By default, the `IsChecked` property is set to `false`.
 ```cshtml
 @using Syncfusion.Blazor.BlockEditor
 
-<div class="wrapper">
+<div id="container">
     <SfBlockEditor Blocks="BlockData"></SfBlockEditor>
 </div>
 
@@ -154,7 +154,7 @@ The following example demonstrates how to render the different types of list blo
 
 @using Syncfusion.Blazor.BlockEditor
 
-<div class="wrapper">
+<div id="container">
     <SfBlockEditor Blocks="BlockData"></SfBlockEditor>
 </div>
 

blazor/blockeditor/editor-menus.md

@@ -23,6 +23,7 @@ The Slash Command menu comes with a set of pre-defined commands for all block ty
 -   **Lists (Bullet, Numbered, Checklist)**: Creates a block for the specified list type.
 -   **Paragraph**: Inserts a standard text block.
 -   **Image**: Inserts a media block for images.
+-   **Table**: Inserts a table block.
 -   **Toggle**: Creates a collapsible content block.
 -   **Callout**: Inserts a block for highlighting important information.
 -   **Utility (Divider, Quote)**: Inserts a utility block like a divider or quote block.