如何在ASP.NET Core中保留文本换行并正确显示?
解决ASP.NET Core中保留纯文本换行显示的问题
要让带\n的纯文本在HTML中保留换行格式,无需使用textarea的话,有两种简单可行的方法:
方法1:将换行符替换为HTML换行标签<br>
HTML默认不会识别纯文本的\n为换行,你可以把文本中的\n替换成<br>标签,再用Html.Raw()避免Razor自动转义HTML标签:
修改Razor页面中的代码:
Message : @Html.Raw(ViewData["Msg"].ToString().Replace("\n", "<br>"))
注意:如果文本来自用户输入,直接使用
Html.Raw()存在XSS风险,需要先对文本进行HTML编码再替换换行符,示例:Message : @Html.Raw(Html.Encode(ViewData["Msg"]).Replace("\n", "<br>"))
方法2:使用CSS的white-space属性
通过给容器元素设置white-space: pre-line样式,HTML会自动将纯文本中的\n解析为换行,同时合并连续的空白字符,这种方法更安全,无需修改文本内容:
修改Razor页面代码:
<div style="white-space: pre-line;"> Message : @ViewData["Msg"] </div>
该样式会保留文本中的换行逻辑,同时自动处理多余空格,适合大多数静态文本或用户输入的场景。
内容的提问来源于stack exchange,提问作者Mark C
相关产品推荐
相关产品推荐

