首页 > 解决方案 > 将带有 html 标签的纯文本转换为 html 字符串并在 Blazor 中呈现

问题描述

样本:

@{
     var s = "<p>Sample text</p>";
 }

期待:

Sample text.

我希望它在浏览器上呈现,但我无法呈现它。它只是将 s 的整个值输出为文本字符串。我已经尝试了

@(new HtmlString(s))

用它编码HttpUtility.HtmlEncode和解码它,HttpUtility.HtmlDecode但仍然没有用。

标签: blazorblazor-client-side

解决方案


你会需要

<div >@((MarkupString)s)</div>

@code
{
    string s = "<p>Sample text</p>";
}

<p>在内部渲染<div>


推荐阅读