王剑编程网

分享专业编程知识与实战技巧

Blazor中html标签的解析、富文本渲染

在Blazor中,如果在界面代码中直接写html格式的文本,是可以正确解析的,但是从数据库中获取到的数据如果让它也正确解析,就有点摸不着头脑了,无法实现对html文本的渲染了。

好在天无绝人之路啊,找到blazor中有个MarkupString,它可以用来解析html、显示富文本。

Blazor中的MarkupString是一种用于在Blazor应用程序中渲染HTML标记的机制。MarkupString允许开发者在C#代码中动态生成HTML内容,并通过Blazor的绑定语法将其呈现到页面上。使用MarkupString可以避免手动编写JavaScript代码,简化开发过程。

MarkupString的基本用法

在Blazor中,可以使用MarkupString来创建和渲染HTML内容。例如,可以在C#代码中定义一个包含HTML标记的字符串,并通过Razor语法将其绑定到页面元素上。

@code {
    private string htmlContent = @"
Hello, World!
"; }
@((MarkupString)htmlContent

例如下面的例子是用来绑定时间线组件的,用来实现更新内容的换行


    
        软件更新说明
    
    
        
    @foreach (var item in Books) {
  • @item.标题
  • }

@((MarkupString)item.内容 将其转换为MarkupString并渲染到页面上,当用户从数据库中查询出数据时,时间线内容属性的值将自动更新,从而实现动态内容的展示。

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言