如何显示带换行符并保留这些换行符的HTML文本

public void OnGet()
{
    ViewData["Msg"] = "Hello World \n Hello World \n Hello World \n Hello World";
} 

上面是带有嵌入式换行符的纯文本

@page
@model IndexModel
@{
    ViewData["Title"] = "Home page";
 }

<textarea rows="4" asp-for="@ViewData["Msg"]" style="width:100%">ViewData["Msg"]</textarea>

Message : @ViewData["Msg"] 

文本在文本区中正确显示,但不是直接在HTMLMessage : @ViewData["Msg"]中显示.我只想显示静态文本,而不必将其添加到预定义的文本区.下面显示了下面代码的结果

enter image description here

推荐答案

try 将"\n"替换为line break个标签:

public void OnGet()
{
    var text = " Hello World \n Hello World \n Hello World \n Hello World".Replace("\n","<br>");
    ViewData["Msg"] = $"<div>{text}</div>";
} 

在视图端,使用Html.Raw() helper进行渲染,而无需对其进行HTML编码:

@Html.Raw(@ViewData["Msg"])

Html相关问答推荐

放大缩小标题在外面的图像

Angular 滑块问题

浏览器是在调整大小还是在全屏上交换视频源?

选中/取消选中带有_hyperscript的多个复选框

容器内的SVG图像没有响应

HTML+CSS+JS动态选中文本高亮 colored颜色 变化

使用无限数量的元素创建特定的CSS网格

如何在用css使用网格视图时设置宽度?

将表格背景图像置于行背景 colored颜色 之上

如何用等宽字体固定数字在有序列表中的位置

将箭头图标添加到工具提示包装器时遇到问题

带圆角帽的 CSS 部分边框

在选项标签中如何添加Django模板的条件

用于表行组标题的正确 HTML 标记是什么?

Cargo 在网格中的排列

增加第一个字母的大小不再正确居中文本

使用 sprite 的问题,字符 sprite 中的额外边距

在 SQL 中合并 HTML 表中的单元格

嵌套固定定位的 Div 滚动条渗透到前景中的 Div

如何创建带有偏移边框线的双色边框?