Thay thế các ký tự ngắt dòng bằng <br /> trong chế độ xem ASP.NET MVC Razor

Tôi có một điều khiển textarea chấp nhận đầu vào. Tôi đang cố gắng để hiển thị văn bản đó thành một khung nhìn bằng cách sử dụng:

@ Model.CommentText

Đây là mã hóa chính xác bất kỳ giá trị. Tuy nhiên, tôi muốn thay thế các ký tự ngắt dòng bằng <br />và tôi không thể tìm ra cách nào để đảm bảo rằng các thẻ br mới không được mã hóa. Tôi đã thử sử dụng HtmlString nhưng chưa có may mắn nào.

Sử dụng thuộc tính khoảng trắng CSS thay vì tự mở các lỗ hổng XSS!

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

Hãy thử như sau:

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

Cập nhật:

Theo marcind'snhận xét về câu hỏi liên quan này , nhóm ASP.NET MVC đang tìm cách triển khai một cái gì đó tương tự <%:và <%=cho công cụ xem dao cạo.

Cập nhật 2:

Chúng tôi có thể biến bất kỳ câu hỏi nào về mã hóa HTML thành một cuộc thảo luận về đầu vào của người dùng có hại, nhưng đủ điều đó đã tồn tại.

Dù sao, hãy quan tâm đến đầu vào người dùng có hại.

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

Cập nhật 3 (Asp.Net MVC 3):

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

Tách trên dòng mới (bất khả tri môi trường) và in thường xuyên - không cần phải lo lắng về mã hóa hoặc xss:

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

(loại bỏ các mục trống là tùy chọn)

Giải pháp thứ ba của Omar với tư cách là Người trợ giúp HTML sẽ là:

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

Áp dụng nguyên tắc DRY cho giải pháp của Omar, đây là tiện ích mở rộng Trình trợ giúp HTML:

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));
        }
    }
}

Cách sử dụng (với regex được cải thiện):

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

Điều này cũng có thêm lợi ích của việc đưa ít trách nhiệm hơn cho nhà phát triển Razor View để đảm bảo an ninh khỏi các lỗ hổng XSS.

Mối quan tâm của tôi với giải pháp của Jacob là việc kết xuất các ngắt dòng bằng CSS sẽ phá vỡ ngữ nghĩa HTML .

Tôi cần chia một số văn bản thành các đoạn văn (thẻ "p"), vì vậy tôi đã tạo một trình trợ giúp đơn giản bằng cách sử dụng một số đề xuất trong các câu trả lời trước (cảm ơn các bạn).

public static MvcHtmlString ToParagraphs(this HtmlHelper html, string value) 
    { 
        value = html.Encode(value).Replace("\r", String.Empty);
        var arr = value.Split('\n').Where(a => a.Trim() != string.Empty);
        var htmlStr = "<p>" + String.Join("</p><p>", arr) + "</p>";
        return MvcHtmlString.Create(htmlStr);
    }

Sử dụng:

@Html.ToParagraphs(Model.Comments)

Tôi thích phương pháp này vì nó không yêu cầu đánh dấu thủ công. Tôi sử dụng điều này bởi vì tôi kết xuất các Trang dao cạo thành chuỗi và gửi chúng qua email, đây là môi trường mà kiểu dáng không gian trắng sẽ không luôn hoạt động.

public static IHtmlContent RenderNewlines<TModel>(this IHtmlHelper<TModel> html, string content)
{
    if (string.IsNullOrEmpty(content) || html is null)
    {
        return null;
    }

    TagBuilder brTag = new TagBuilder("br");
    IHtmlContent br = brTag.RenderSelfClosingTag();
    HtmlContentBuilder htmlContent = new HtmlContentBuilder();

    // JAS: On the off chance a browser is using LF instead of CRLF we strip out CR before splitting on LF.
    string lfContent = content.Replace("\r", string.Empty, StringComparison.InvariantCulture);
    string[] lines = lfContent.Split('\n', StringSplitOptions.None);
    foreach(string line in lines)
    {
        _ = htmlContent.Append(line);
        _ = htmlContent.AppendHtml(br);
    }

    return htmlContent;
}