Render HTML file in ASP.NET MVC view?

Question

In my view, would like to render the contents of an HTML file as a partial view. It is giving me this error though when I add this to the .cshtml view:

@Html.Partial(Url.Content("~/Test/main.html"))

Errors:

Exception Details: System.InvalidOperationException: The partial view '/Scripts/main.html' was not found or no view engine supports the searched locations. The following locations were searched:
/Scripts/main.html

The file is physically there though. Is there a different way I should be doing this?

It can be done using Response.WriteFile(pathToMyHtmlFile) -see stackoverflow.com/questions/1196379/… — Michael Freidgeim
– Michael Freidgeim, Commented Dec 12, 2016 at 1:10

Selman Genç · Accepted Answer · 2016-03-22 13:00:47Z

39

You can't use Html.Partial for this.It is a special helper method for rendering Partial Views. Instead you can add an Action like this:

[ChildActionOnly]
public ActionResult GetHtmlPage(string path)
{
   return new FilePathResult(path, "text/html");
}

And you can call it from your View with using Html.Action helper Method:

@Html.Action("GetHtmlPage","controllername", new { path = "~/Test/main.html" })

edited Mar 22, 2016 at 13:00

answered Jan 1, 2014 at 18:48

Selman Genç

102k15 gold badges126 silver badges193 bronze badges

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

3 Comments

Slight Over a year ago

Beware, this opens up a vulnerability as anyone could use that controller action to get any file on your website. The easiest fix is to apply the [ChildActionOnly] attribute to the controller action so that it can't be accessed directly by the browser.

Siddhant Over a year ago

How can we alter this if we wish to take the result from an actual HTML page from the internet?

MikeT Over a year ago

@Selman Genç Per @Slight's comment, please edit your answer to include the [ChildActionOnly] attribute so that others won't simply copy and paste your code without looking at the comments. I just tested it without that attribute, and I can look at my web.config, etc.

Ankush Jain · Accepted Answer · 2019-09-19 09:00:58Z

8

Follow these steps

Create a view in ~/views/shared folder. give it name test.cshtml.
Copy the content of HTML in it.
Use Html.Partial("test") on page to render the html of that view.

edited Sep 19, 2019 at 9:00

answered Jan 1, 2014 at 18:50

Ankush Jain

7,2434 gold badges41 silver badges71 bronze badges

Comments

Community · Accepted Answer · 2017-05-23 11:54:27Z

6

I think it's a better solution: Use WriteFile from the Response object

@Response.WriteFile(pathToMyHtmlFile)

taken from here

edited May 23, 2017 at 11:54

CommunityBot

11 silver badge

answered May 5, 2015 at 2:14

Mahmood Dehghan Tazereh

8,3236 gold badges57 silver badges75 bronze badges

Comments

Fanie Reynders · Accepted Answer · 2014-01-01 18:49:13Z

5

The simple answer is to rename the main.html file to main.cshtml which will be recognized by the Razor view engine for rendering.

answered Jan 1, 2014 at 18:49

Fanie Reynders

5804 silver badges16 bronze badges

Comments

Fit Dev · Accepted Answer · 2017-02-02 06:13:29Z

3

You could use this in your cshtml view:

@{this.GetOutputWriter().Write(File.ReadAllText(Server.MapPath("/your/static/file.html")));}

answered Feb 2, 2017 at 6:13

Fit Dev

3,6993 gold badges32 silver badges58 bronze badges

Comments

Gerard · Accepted Answer · 2019-10-19 13:44:07Z

1

A total different way is just load the file in javascript

<div id="loadId">
</div>

<script>
    $(document).ready(function () {
        $('#loadId').load('filepath');
    });
</script>

You can set the filepath in the controller, or put it in the model, if you want, and use:

$('#loadId').load('@ViewBag.filepath');

answered Oct 19, 2019 at 13:44

Gerard

2,7791 gold badge33 silver badges46 bronze badges

Comments

Huseyin Yagli · Accepted Answer · 2016-05-24 10:52:17Z

0

Just use an ajax request to fetch the html file output the content into your main html. Since it is an html file, it will be cached in subsequent calls and there will be no performance impact.

answered May 24, 2016 at 10:52

Huseyin Yagli

10.4k7 gold badges46 silver badges52 bronze badges

Collectives™ on Stack Overflow

Render HTML file in ASP.NET MVC view?

7 Answers 7

3 Comments

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

7 Answers 7

3 Comments

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related