在ASP.NET MVC Razor视图中用<br />替换换行符

Question

我有一个接受输入的textarea控件.我想稍后通过简单地使用以下方法将该文本呈现为视图:

@ Model.CommentText

这适当地编码任何值.但是,我想用换行换字符,<br />我找不到一种方法来确保新的br标签不被编码.我尝试过使用HtmlString,但还没有运气.

Answer 1

使用CSS空白属性而不是打开自己的XSS漏洞!

<span style="white-space: pre-line">@Model.CommentText</span>

Answer 2

请尝试以下方法:

@MvcHtmlString.Create(Model.CommentText.Replace(Environment.NewLine, "<br />"))

更新:

根据marcind's有关评论此相关的问题时,ASP.NET MVC团队正在实施类似的东西<%:,并<%=为Razor视图引擎.

更新2:

我们可以将有关HTML编码的任何问题转化为有害用户输入的讨论,但已经存在足够的内容.

无论如何,要注意潜在的有害用户输入.

@MvcHtmlString.Create(Html.Encode(Model.CommentText).Replace(Environment.NewLine, "<br />"))

更新3(Asp.Net MVC 3):

@Html.Raw(Html.Encode(Model.CommentText).Replace("\n", "<br />"))

Answer 3

Omar作为HTML Helper的第三个解决方案是:

public static IHtmlString FormatNewLines(this HtmlHelper helper, string input)
{
    return helper.Raw(helper.Encode(input).Replace("\n", "<br />"));
}

Answer 4

拆分换行符(环境不可知)并定期打印 - 无需担心编码或xss:

@if (!string.IsNullOrWhiteSpace(text)) 
{
    var lines = text.Split(new[] { '\r', '\n' }, StringSplitOptions.RemoveEmptyEntries);
    foreach (var line in lines)
    {
        <p>@line</p>
    }
}

(删除空条目是可选的)

Answer 5

将DRY 原则应用于 Omar 的解决方案，这是一个 HTML Helper 扩展：

using System.Web.Mvc;
using System.Text.RegularExpressions;

namespace System.Web.Mvc.Html {
    public static class MyHtmlHelpers {
        public static MvcHtmlString EncodedReplace(this HtmlHelper helper, string input, string pattern, string replacement) {
            return new MvcHtmlString(Regex.Replace(helper.Encode(input), pattern, replacement));
        }
    }
}

用法（使用改进的正则表达式）：

@Html.EncodedReplace(Model.CommentText, "[\n\r]+", "<br />")

这还有一个额外的好处，即减少了 Razor View 开发人员在确保 XSS 漏洞的安全性方面的责任。

我对 Jacob 的解决方案的担忧是，使用 CSS 渲染换行符会破坏HTML 语义。