ASP.NET MVC Razor보기에서 줄 바꿈 문자를 <br />로 바꾸십시오

입력을 허용하는 텍스트 영역 컨트롤이 있습니다. 나중에 다음을 사용하여 해당 텍스트를보기로 렌더링하려고합니다.

@ Model.CommentText

이것은 모든 값을 올바르게 인코딩하고 있습니다. 그러나 줄 바꿈 문자를 바꾸고 싶습니다 <br />. 새 br 태그가 인코딩되지 않도록하는 방법을 찾을 수 없습니다. HtmlString을 사용해 보았지만 아직 운이 없었습니다.

XSS 취약성에 노출되지 않고 CSS 공백 속성을 사용하십시오 !

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

다음을 시도하십시오 :

@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 />"))

줄 바꿈 (환경에 구애받지 않음)으로 분할하고 정기적으로 인쇄하십시오-인코딩이나 xss에 대해 걱정할 필요가 없습니다.

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

(빈 항목 제거는 선택 사항입니다)

HTML 도우미로서 Omar의 세 번째 솔루션은 다음과 같습니다.

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

DRY 원칙 을 Omar의 솔루션에 적용하는 다음 은 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));
        }
    }
}

사용법 (정규식 개선) :

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

또한 XSS 취약성의 보안을 보장하기 위해 Razor View 개발자에게 부담을 덜어주는 이점도 있습니다.

Jacob의 솔루션에 대한 나의 관심은 CSS로 줄 바꿈을 렌더링하면 HTML 의미 가 깨진다는 것 입니다.

일부 텍스트를 단락 ( "p"태그)으로 나누어야했기 때문에 이전 답변의 권장 사항 중 일부를 사용하여 간단한 도우미를 만들었습니다 (감사합니다).

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

용법:

@Html.ToParagraphs(Model.Comments)

수동으로 마크 업을하지 않아도되므로이 방법을 선호합니다. Razor Pages를 문자열로 렌더링하고 이메일을 통해 전송하기 때문에 이것을 사용합니다. 이는 공백 스타일이 항상 작동하지 않는 환경입니다.

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