MVCContrib Grid - Показывать возврат каретки

Question

Как показать возврат каретки в сетке MVCContrib? Я попытался заменить возврат на "<br>", однако на моем дисплее отображается <br> "test<br>test"

<div id="noteList">
    @Html.Grid(Model).Columns(column => {
        column.For(x => x.TimeStamp);
        column.For(x => x.UserName);
        column.For(x => x.Note.Replace("\r\n","\"<br>\"")).Named("Note");
        }).Attributes(Style => "text-aligh: center", @Class => "linkGrid")
</div>

Есть ли способ заставить браузер отображать исходный возврат "\ r \ n"?

Answer 1

Вы можете использовать пользовательский столбец:

column.Custom(item => @item.Note.Replace("\r\n", "<br/>")).Named("Note");

Но более безопасным и ИМХО более надежным решением было бы использование специального помощника HTML:

public static class HtmlExtensions
{
    public static IHtmlString FormatNote(this HtmlHelper html, string note)
    {
        if (string.IsNullOrEmpty(note))
        {
            return MvcHtmlString.Empty;
        }
        var lines = note.Split(new[] { Environment.NewLine }, StringSplitOptions.None);
        return MvcHtmlString.Create(string.Join("<br/>", lines.Select(x => html.Encode(x))));
    }
}

и затем:

column.Custom(item => Html.FormatNote(item.Note)).Named("Note");