Markdown updates

Author: gvreddy04

BlazorBootstrap.Demo.RCL/Components/Pages/Index.razor

@@ -132,7 +132,7 @@
         </div>
         <div class="col-sm-4 mb-2">
             <a class="d-block pe-lg-4 text-decoration-none lh-sm" href="/markdown">
-                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.MarkdownFill" class="me-2" /> Markdown <Badge Color="BadgeColor.Danger">New</Badge></h4>
+                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.MarkdownFill" class="me-2" /> Markdown <Badge Color="BadgeColor.Danger">Preview</Badge></h4>
             </a>
         </div>
         <div class="col-sm-4 mb-2">
@@ -238,7 +238,7 @@
     </div>
 </div>
 
-<div class="container bd-gutter masthead-followup">
+@* <div class="container bd-gutter masthead-followup">
     <div class="col-lg-7 mb-4 mx-auto text-md-center">
         <h2 class="mb-3 fw-semibold lh-sm">AI Components</h2>
     </div>
@@ -250,7 +250,7 @@
             </a>
         </div>
     </div>
-</div>
+</div> *@
 
 <div class="container bd-gutter masthead-followup mb-5">
     <div class="col-lg-7 mb-4 mx-auto text-md-center">

BlazorBootstrap.Demo.RCL/Components/Pages/Markdown/MarkdownDocumentation.razor

@@ -4,11 +4,15 @@
 
 <MetaTags PageUrl="@pageUrl" Title="@title" Description="@description" ImageUrl="@imageUrl" />
 
-<h1>Blazor Markdown</h1>
+<h1>Blazor Markdown <Badge Color="BadgeColor.Secondary">Preview</Badge></h1>
 <div class="lead mb-3">Use Blazor Bootstrap Markdown component to add formatting, tables, images, and more to your project pages.</div>
 
 <CarbonAds />
 
+<SectionHeading Size="HeadingSize.H2" Text="Live preview" PageUrl="@pageUrl" HashTagName="live-preview" />
+<div class="mb-3"></div>
+<Demo Type="typeof(Markdown_Demo_00_Preview)" Tabs="true" />
+
 <SectionHeading Size="HeadingSize.H2" Text="Examples" PageUrl="@pageUrl" HashTagName="examples" />
 <div class="mb-3"></div>
 <Demo Type="typeof(Markdown_Demo_01_Examples)" Tabs="true" />

BlazorBootstrap.Demo.RCL/Components/Pages/Markdown/Markdown_Demo_00_Preview.razor

@@ -0,0 +1,17 @@
+<div class="row" style="max-height:486px;">
+    <div class="col">
+        <textarea class="form-control"
+                  rows="18"
+                  placeholder="Enter markdown here"
+                  @bind="markdown"
+                  @bind:event="oninput">
+        </textarea>
+    </div>
+    <div class="col">
+        <Markdown style="max-height: 437px;overflow-y:auto;">@markdown</Markdown>
+    </div>
+</div>
+
+@code {
+    private string markdown = "# Heading 1";
+}

blazorbootstrap/Components/Markdown/Markdown.razor.cs

@@ -81,7 +81,7 @@ List<string> GetLines()
             var frames = builder.GetFrames().Array;
             foreach (var frame in frames)
             {
-                if (frame.FrameType == Microsoft.AspNetCore.Components.RenderTree.RenderTreeFrameType.Markup) // .MarkupContent is not null)
+                if (frame.MarkupContent is not null)
                 {
                     var lines = frame.MarkupContent.Split("\r\n").ToList();