Displaying HTML String from Model in MVC Razor View

Question

I have a Model filed that returns an HTML string with line break BR tag, but How do I display that HTML on the browser ? The problem ins instead putting the line break, the Tag itself displaying on the UI

I tried to put the model within Html.Raw(modelItem => item.Speaking), but it never works as it expecting a string inside, and Cannot convert lambda expression to type 'string' because it is not a delegate type

Below is the code and comments what I've tried.

<div>
  @{          
     string strTest = "<br/>Line 1 <br/> Line 2<br>";
     @Html.Raw(strTest); //This works and display as expected
     @MvcHtmlString.Create(strTest); //This works and display as expected       

     @Html.Raw(Html.DisplayFor(modelItem => item.Speaking)); //This doesn't work, its show the <br />  on the screen     
     @MvcHtmlString.Create(Html.DisplayFor(modelItem => item.Speaking).ToString());   //This doent work, its show the <br />  on the screen  
     @Html.Raw(modelItem => item.Speaking) //This throw error Cannot convert lambda expression to type string                                     
    }

 </div>

Appreciate any help or suggestions. thanks in advance!

I have changed my answer, take a look.

Oualid KTATA
– Oualid KTATA

2014-08-21 16:08:37 +00:00
Commented Aug 21, 2014 at 16:08 — Oualid KTATA
– Oualid KTATA, Commented Aug 21, 2014 at 16:08

Oualid KTATA · Accepted Answer · 2014-08-21 16:08:00Z

15

Try this :

@(new HtmlString(stringWithMarkup))

and you can create a HTML helper too!:

@helper RawText(string s) {
    @(new HtmlString(s))
}

edited Aug 21, 2014 at 16:08

answered Aug 21, 2014 at 15:58

Oualid KTATA

1,11610 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Srééjîth Náîr Over a year ago

Thanks Qualid for the response, but that didn't work. I want to know the way to pass the model value as a input to the HtmlString. @(new HtmlString(Html.DisplayFor(modelItem => item.Speaking).ToString())) This gives me the string with markup.

Srééjîth Náîr Over a year ago

i just had to use :) Thanks people who took a look at the query! @Html.Raw(item.Speaking) I got the answer from, forums.asp.net/p/2004322/…

VincentZHANG Over a year ago

It works with MVC 5, in case you just display the HTML content in a view.

Dashrath · Accepted Answer · 2017-07-06 11:03:35Z

11

In MVC4

Instead of using @Html.Raw(modelItem => item.Speaking)

You can use @Html.Raw(@Model.Speaking.ToString())

It works for me and I hope this help someone else too

answered Jul 6, 2017 at 11:03

Dashrath

2,1891 gold badge30 silver badges34 bronze badges

1 Comment

Haim Katz Over a year ago

This is an old post but the above didn't work for me, but this did: @HTML.Raw(item.Speaking.ToString()

MGOwen · Accepted Answer · 2018-09-25 02:27:22Z

9

You can just omit both DisplayFor and modelItem =>, so:

@Html.Raw(item.Speaking)

answered Sep 25, 2018 at 2:27

MGOwen

7,41013 gold badges60 silver badges72 bronze badges

Comments

Aladein · Accepted Answer · 2020-06-19 04:02:14Z

1

MVC 5

@Html.Raw(WebUtility.HtmlDecode(item.Speaking))

answered Jun 19, 2020 at 4:02

Aladein

3123 silver badges13 bronze badges

Comments

safeena rasak · Accepted Answer · 2025-05-17 05:28:13Z

0

Worked me on Dotnet Core 8

on code behind 

Description = Description.Replace("\r\n", "<br>");

on razor page

 @Html.Raw(item.Description)

answered May 17 at 5:28

safeena rasak

3962 gold badges6 silver badges18 bronze badges

Collectives™ on Stack Overflow

Displaying HTML String from Model in MVC Razor View

5 Answers 5

3 Comments

1 Comment

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

3 Comments

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related