feat(blazor): html ui message alert

added property to control whether the message is html or not

closes #19785

framework/src/Volo.Abp.AspNetCore.Components/Volo/Abp/AspNetCore/Components/Messages/UiMessageOptions.cs

@@ -49,4 +49,9 @@ public class UiMessageOptions
     /// Custom icon for the Cancel button.
     /// </summary>
     public object? CancelButtonIcon { get; set; }
+
+    /// <summary>
+    /// Whether the message is html (true) or plain text (false)
+    /// </summary>
+    public bool IsMessageHtmlMarkup { get; set; }
 }

framework/src/Volo.Abp.BlazoriseUI/Components/UiMessageAlert.razor

@@ -16,7 +16,14 @@
                 </DisplayHeading>
             }
             <Paragraph TextAlignment="TextAlignment.Center" Margin="Margin.Is0.FromBottom" Style="white-space: break-spaces;">
-                @Message
+                @if (!IsMessageHtmlMarkup)
+                {
+                    @Message
+                }
+                else
+                {
+                    @((MarkupString)Message)
+                }
             </Paragraph>
         </ModalBody>
         <ModalFooter class="d-flex justify-content-center">

framework/src/Volo.Abp.BlazoriseUI/Components/UiMessageAlert.razor.cs

@@ -21,6 +21,9 @@ public partial class UiMessageAlert : ComponentBase, IDisposable
     protected virtual bool ShowMessageIcon
        => Options?.ShowMessageIcon ?? true;
 
+    protected virtual bool IsMessageHtmlMarkup
+        => Options?.IsMessageHtmlMarkup ?? false;
+
     protected virtual object? MessageIcon => Options?.MessageIcon ?? MessageType switch
     {
         UiMessageType.Info => IconName.Info,