Line breaks are not rendered in MVC Razor View

Question

I have the following string value generated in the controller.

 cc.lstchat = "Reply the Number with your question... <br />";

                foreach (clsChat item in lstchat)
                {

                    cc.lstchat =cc.lstchat + item.DisplayNumber+". " + item.ChatItem+" <br/> ";
                }

Now i'm trying to display above string value inside a div tag in my view but it does not render the line breaks.

<div id="divChat" style="width:400px;height:300px;border:double">
           @Model.lstchat.ToString()
       </div>

enter image description here

possible duplicate of [ASP.NET MVC Razor render without encoding](http://stackoverflow.com/questions/4071602/asp-net-mvc-razor-render-without-encoding) — Ramesh Rajendran, Oct 25 '13 at 04:44

score 15 · Accepted Answer · answered Oct 25 '13 at 03:54

15

Try the @Html.Raw method

@Html.Raw(Model.lstchat)

answered Oct 25 '13 at 03:54

Dave Zych

21,581
7
51
66

score 4 · Answer 2 · answered Oct 25 '13 at 03:57

4

Use Html.Raw() it is used to render any string as HTML.

`@Html.Raw("input data in here is rendered as HTML only")`

answered Oct 25 '13 at 03:57

Vinay Pratap Singh Bhadauria

9,829
3
28
49

score 2 · Answer 3 · answered Sep 28 '20 at 15:52

please please be careful with @Html.Raw() because of HTML injection (eg my comment will be <script>...</script> test - that an XSS right away. If you just want line breaks - consider this answer:

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

Line breaks are not rendered in MVC Razor View

3 Answers3