How to include raw html file into razor view [duplicate]

Question

I have some code and would like to do some additional modularisation so I would like to have my component Calendar inside its own html (it's not a complete html but one whose outer tags are <div>)

I've tried to do things like

            @RenderSection("~/Views/Home/_TSCalendar.html")

But he seems not to like it. Also, I want to route to my outer cshtml file and not this _TSCalendar.html to which I'm pointing.

How do I insert a raw html file into my .cshtml view?

Answer 1

Why don't you use partialview?

Anyway what you're trying can be achieved by this -

@Html.Raw(File.ReadAllText(Server.MapPath("~/Views/Home/_TSCalendar.html")))

You can pass any html as a string to @Html.Raw

Update

Just create a new partial view in your Shared folder (if you want to use it across the application), and add the following code in your Views wherever you want to use calendar component. You do not need to explicitly navigate to your partial to access it.

@Html.Partial("~/Views/Shared/_TSCalendar")

You can even pass values like selectedDate and use that value in your _TSCalendar partial.