在C#Razor中将字符串呈现为HTML

Question

我试图从我的模型中渲染一个地址.该字符串包含我用break标记替换的换行符.虽然,它在页面上呈现为字符串而不是HTML.如何强制我的字符串呈现为HTML？

尝试:

<span id="addressLine">
    @Model.MyData.Address.Replace("\r\n", "<br />");
</span>

页面结果:

Address Top<br />Street Name<br />City<br />PostCode

应显示为:

Address Top
Street Name
City
PostCode

Answer 1

使用 @Html.Raw(Model.MyData.Address.Replace("\r\n", "<br />"))

Answer 2

使用

@(new HtmlString(@Model.MyData.Address))

请参阅此文章: 在Razor中将HTML呈现为HTML

Answer 3

要在 blazor 上渲染 HTML，您可以使用MarkupString => @((MarkupString)here your string) 这会将字符串渲染为 HTML

<span id="addressLine">
    @((MarkupString)@Model.MyData.Address.Replace("\r\n", "<br />"));
</span>

Answer 4

使用CSS保留空白

HTML

<div id="addressLine">
  @Model.MyData.Address;
</div>

的CSS

#addressLine {
  white-space: pre;
}