How can I interpret HTML from TempData using MVC4?

Question

I try to display a TempData list with HTML balise inside. Is it possible to interpret the balise and not only display it ?

This is code example to illustrate what I want.

Controller :

List<string> ls = new List<string>();
ls.Add("<div> First div </div>");
ls.Add("<div> Another div </div>");
ls.Add("<div> Another div again </div>");
TempData.Add("ModelLs", ls);

View :

var ls = (List<string>)TempData["ModelLs"];
foreach (string str in ls)
{
    @str
}

And I'd like to display 3 "real" div on my page (and not 3 "<div> .... </div>"). How can I do that ?

Do you ask about `@(new HtmlString(str))` ? – Maxim Zhukov Jul 23 '13 at 09:07 — Maxim Zhukov, Jul 23 '13 at 09:07

Satpal · Answer 1 · 2016-08-30T09:12:02.203

5

Use Html.Raw it returns markup that is not HTML encoded.

var ls = (List<string>)TempData["ModelLs"];
foreach (string str in ls)
{
    Html.Raw(str)
}

edited Aug 30 '16 at 09:12

answered Jul 23 '13 at 09:20

Satpal

132,252
13
159
168

score 3 · Accepted Answer · edited Jul 23 '13 at 09:26

3

If i understood you right, you would like to display string as HTML markup?

var ls = (List<string>)TempData["ModelLs"];
foreach (string str in ls)
{
    @(new HtmlString(str))
}

Html.Raw() works too :

var ls = (List<string>)TempData["ModelLs"];
foreach (string str in ls)
{
    @(Html.Raw(str))
}

edited Jul 23 '13 at 09:26

Alex

2,927
8
37
56

answered Jul 23 '13 at 09:08

Maxim Zhukov

10,060
5
44
88

Yes, that's it. Btw, `Html.Raw()` works too. I have a problem somewhere else, that's why Html isn't interpreted. Thank you for this answer. – Alex Jul 23 '13 at 09:25

score 1 · Answer 3 · answered Dec 24 '15 at 08:12

Below code worked fine for me

                                       @{var ls = (List<string>)TempData["ModelLs"];}

                                        <ul>
                                        @foreach (var str in ls)
                                        {
                                            if (!string.IsNullOrEmpty(str))
                                            {
                                                <li>
                                                    @Html.Label(str)
                                                </li>
                                                <br />
                                            }
                                        }
                                        </ul>

How can I interpret HTML from TempData using MVC4?

3 Answers3