968323: Addressed review comments.

Author: KokilaSF4836

blazor/rich-text-editor/tools/audio.md

@@ -195,19 +195,21 @@ N> The default `layoutOption` property is set to `Inline`.
 
 ## Drag and drop audio insertion
 
-By default, the Rich Text Editor allows you to insert audios by drag-and-drop from the local file system such as Windows Explorer into the content editor area. And, you can upload the audios to the server before inserting into the editor by configuring the saveUrl property.
+Default upload: Insert audio directly from your local file system (e.g., File Explorer, Finder) into the editor.
+
+Server upload: Use the `SaveUrl` property to upload audio files to your server before inserting them into the editor.
 
 {% tabs %}
 {% highlight cshtml %}
 
-{% include_relative code-snippet/audio-draganddrop.razor %}
+{% include_relative code-snippet/audio-drag-and-drop.razor %}
 
 {% endhighlight %}
 {% endtabs %}
 
 ### Disabling audio drag and drop
 
-You can prevent drag-and-drop action by setting the OnMediaDrop argument cancel value to true. The following code shows how to prevent the drag-and-drop.
+You can prevent drag-and-drop action by setting the `OnMediaDrop` argument cancel value to true. The following code shows how to prevent the drag-and-drop.
 
 ```
 <RichTextEditorEvents OnMediaDrop="@OnMediaDrop"></RichTextEditorEvents>

blazor/rich-text-editor/tools/code-snippet/audio-drag-and-drop.razor

@@ -0,0 +1,27 @@
+@using Syncfusion.Blazor.RichTextEditor;
+
+<SfRichTextEditor>
+    <RichTextEditorToolbarSettings Items="@Items" />
+        <RichTextEditorAudioSettings SaveUrl="@saveUrl" Path="@path"></RichTextEditorAudioSettings>
+        <p>
+            The Rich Text Editor supports seamless audio insertion through drag-and-drop functionality. Users can quickly insert audio files into their content with a simple drag-and-drop action.
+        </p>
+        <p><b>Key features:</b></p>
+        <ul>
+            <li>Supports local upload: Drag audio files from your local system (e.g., File Explorer, Finder) and drop them
+                directly into the editor.</li>
+            <li>Supports server upload: Configure the <code>SaveUrl</code> property to upload audio files to your server
+                before inserting them into the editor.</li>
+            <li>Supports common audio formats such as MP3, WAV, and M4A ,WMA</li>
+            <li>Fully customizable upload settings, including size limits and validation.</li>
+        </ul>
+</SfRichTextEditor>
+@code {
+    private string saveUrl = "https://blazor.syncfusion.com/services/production/api/RichTextEditor/SaveFile";
+    private string path = "https://blazor.syncfusion.com/services/production/RichTextEditor/";
+    private List<ToolbarItemModel> Items = new List<ToolbarItemModel>()
+    {
+        new ToolbarItemModel() { Command = ToolbarCommand.Audio }
+    };
+}
+

blazor/rich-text-editor/tools/code-snippet/audio-draganddrop.razor

@@ -0,0 +1,27 @@
+@using Syncfusion.Blazor.RichTextEditor;
+
+<SfRichTextEditor>
+    <RichTextEditorToolbarSettings Items="@Items" />
+        <RichTextEditorVideoSettings SaveUrl="@saveUrl" Path="@path"></RichTextEditorVideoSettings>
+        <p>
+            The Rich Text Editor supports seamless video insertion through drag-and-drop functionality. Users can quickly insert video files into their content with a simple drag-and-drop action.
+        </p>
+        <p><b>Key features:</b></p>
+        <ul>
+            <li>Supports local upload: Drag video files from your local system (e.g., File Explorer, Finder) and drop them
+                directly into the editor.</li>
+            <li>Supports server upload: Configure the <code>SaveUrl</code> property to upload video files to your server
+                before inserting them into the editor.</li>
+            <li>Supports common video formats such as MP4, WMV, AVI and MOV</li>
+            <li>Fully customizable upload settings, including size limits and validation.</li>
+        </ul>
+</SfRichTextEditor>
+@code {
+    private string saveUrl = "https://blazor.syncfusion.com/services/production/api/RichTextEditor/SaveFile";
+    private string path = "https://blazor.syncfusion.com/services/production/RichTextEditor/";
+    private List<ToolbarItemModel> Items = new List<ToolbarItemModel>()
+    {
+        new ToolbarItemModel() { Command = ToolbarCommand.Video }
+    };
+}
+

blazor/rich-text-editor/tools/code-snippet/video-drag-and-drop.razor

@@ -217,19 +217,21 @@ N> The default `layoutOption` property is set to `Inline`.
 
 ## Drag and drop video insertion
 
-By default, the Rich Text Editor allows you to insert videos by drag-and-drop from the local file system such as Windows Explorer into the content editor area. And, you can upload the videos to the server before inserting into the editor by configuring the saveUrl property.
+Default upload: Insert video directly from your local file system (e.g., File Explorer, Finder) into the editor.
+
+Server upload: Use the `SaveUrl` property to upload video files to your server before inserting them into the editor.
 
 {% tabs %}
 {% highlight cshtml %}
 
-{% include_relative code-snippet/video-draganddrop.razor %}
+{% include_relative code-snippet/video-drag-and-drop.razor %}
 
 {% endhighlight %}
 {% endtabs %}
 
 ### Disabling videos drag and drop
 
-You can prevent drag-and-drop action by setting the OnMediaDrop argument cancel value to true. The following code shows how to prevent the drag-and-drop.
+You can prevent drag-and-drop action by setting the `OnMediaDrop` argument cancel value to true. The following code shows how to prevent the drag-and-drop.
 
 ```
 <RichTextEditorEvents OnMediaDrop="@OnMediaDrop"></RichTextEditorEvents>