diff --git a/blazor-toc.html b/blazor-toc.html
index 1bfbd7a556..1294cdabc0 100644
--- a/blazor-toc.html
+++ b/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>
diff --git a/blazor/blockeditor/appearance.md b/blazor/blockeditor/appearance.md
index 4ec4dee8f6..7522641478 100644
--- a/blazor/blockeditor/appearance.md
+++ b/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
 
diff --git a/blazor/blockeditor/built-in-blocks/built-in-blocks.md b/blazor/blockeditor/built-in-blocks/built-in-blocks.md
index b90612d3a1..739ffa18c0 100644
--- a/blazor/blockeditor/built-in-blocks/built-in-blocks.md
+++ b/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>
 
diff --git a/blazor/blockeditor/built-in-blocks/embed.md b/blazor/blockeditor/built-in-blocks/embed.md
index 211494e7d6..b4cb21d21f 100644
--- a/blazor/blockeditor/built-in-blocks/embed.md
+++ b/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>
 
diff --git a/blazor/blockeditor/built-in-blocks/inline-content.md b/blazor/blockeditor/built-in-blocks/inline-content.md
index ca89c806a0..5a60781e30 100644
--- a/blazor/blockeditor/built-in-blocks/inline-content.md
+++ b/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>
 
diff --git a/blazor/blockeditor/built-in-blocks/list-types.md b/blazor/blockeditor/built-in-blocks/list-types.md
index 4b74472a63..49ce2a2d18 100644
--- a/blazor/blockeditor/built-in-blocks/list-types.md
+++ b/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>
 
diff --git a/blazor/blockeditor/editor-menus.md b/blazor/blockeditor/editor-menus.md
index d345200bdd..96dce79b71 100644
--- a/blazor/blockeditor/editor-menus.md
+++ b/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.
diff --git a/blazor/blockeditor/validation-security/cross-site-script.md b/blazor/blockeditor/editor-security/cross-site-script.md
similarity index 100%
rename from blazor/blockeditor/validation-security/cross-site-script.md
rename to blazor/blockeditor/editor-security/cross-site-script.md
diff --git a/blazor/blockeditor/validation-security/read-only-mode.md b/blazor/blockeditor/editor-security/read-only-mode.md
similarity index 100%
rename from blazor/blockeditor/validation-security/read-only-mode.md
rename to blazor/blockeditor/editor-security/read-only-mode.md
diff --git a/blazor/blockeditor/images/appearance.png b/blazor/blockeditor/images/appearance.png
index b7a8b45152..58d4612b5a 100644
Binary files a/blazor/blockeditor/images/appearance.png and b/blazor/blockeditor/images/appearance.png differ
diff --git a/blazor/blockeditor/images/customStyles.png b/blazor/blockeditor/images/customStyles.png
index f448340244..1a69e394b3 100644
Binary files a/blazor/blockeditor/images/customStyles.png and b/blazor/blockeditor/images/customStyles.png differ
diff --git a/blazor/blockeditor/images/image-block.png b/blazor/blockeditor/images/image-block.png
index acc57d8089..48dec523db 100644
Binary files a/blazor/blockeditor/images/image-block.png and b/blazor/blockeditor/images/image-block.png differ