How to make Html.DisplayFor displaying line breaks?

Question

Confusing newbie question:

In my model, there is a string field containing line breaks.

 @Html.DisplayFor(x => x.MultiLineText) 

does not display line breaks.

Obviously, I could play in the model and create another field that replaces \n with <br/> , but it looks like kludgy. What is the way the tutorial does this work?

Answer 1

HtmlHelper extension method for displaying string values ​​with line breaks:

 public static MvcHtmlString DisplayWithBreaksFor<TModel, TValue>(this HtmlHelper<TModel> html, Expression<Func<TModel, TValue>> expression) { var metadata = ModelMetadata.FromLambdaExpression(expression, html.ViewData); var model = html.Encode(metadata.Model).Replace("\r\n", "<br />\r\n"); if (String.IsNullOrEmpty(model)) return MvcHtmlString.Empty; return MvcHtmlString.Create(model); } 

And then you can use the following syntax:

 @Html.DisplayWithBreaksFor(m => m.MultiLineField) 

Answer 2

I recommend formatting the output with css instead of using a processor that uses server-side processors like .replace,

just add this style property to render multi-line texts:

 .multiline { white-space: pre-wrap; } 

then

 <div class="multiline"> my multiline text </div> 

newlines will display as br elements, test it here http://refork.com/xaf4

Answer 3

In your opinion, you can try something like

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

Answer 4

The display template is probably the best solution, but there is another easy way to use the html helper if you know that you are just showing a string, for example:

 namespace Shaul.Web.Helpers { public static class HtmlHelpers { public static IHtmlString ReplaceBreaks(this HtmlHelper helper, string str) { return MvcHtmlString.Create(str.Split(new string[] { "\r\n", "\n" }, StringSplitOptions.None).Aggregate((a, b) => a + "<br />" + b)); } } } 

And then you will use it like:

 @using Shaul.Web.Helpers @Html.ReplaceBreaks(Model.MultiLineText) 

Answer 5

You create a display template for your data. Here is a post detailing how to do this. How to create an MVC Razor template for DisplayFor ()

In this template, you are actually translating newlines into
and any other work that needs to be done for the presentation.

Answer 6

Try using @Html.Raw("<p>" + Html.LabelFor(x => x.Name) + "</p>")

Answer 7

Here is another variation of the extension method.

  public static IHtmlString DisplayFormattedFor<TModel>(this HtmlHelper<TModel> htmlHelper, Expression<Func<TModel, string>> expression) { string value = Convert.ToString(ModelMetadata.FromLambdaExpression(expression, htmlHelper.ViewData).Model); if (string.IsNullOrWhiteSpace(value)) { return MvcHtmlString.Empty; } value = string.Join("<br/>", value.Split(new[] { Environment.NewLine }, StringSplitOptions.None).Select(HttpUtility.HtmlEncode)); return new HtmlString(value); }