Render dynamic HTML with embedded Razor variables using MVC

Question

I have some encoded Html which have any number of 1000s of different Razor variables embedded within it that I have stored and need to retrieve from the database. I want to be able to render this in a MVC/razor view.

Just one simple example of the html saved on the database (it can be more complex):

"<span>Your page is @Config.PageColour and you have page size of @Config.PageSize</span>"

MessageController.cs

public ActionResult ShowMessage()
{
    var htmlToDisplay = _messageDAL.getHtmlMessage();
    var messageVm = new MessageVm
    {
        DisplayMessage = htmlToDisplay;
    };

    return View("Index.cshtml", "", messageVm);
}

Index.cshtml

<html>
    @Html.Raw(@model.DisplayMessage)
</html>

Results

When I run this the rendered page looks like this:

Your page is @Config.PageColour and you have page size of @Config.PageSize

But I want it to interpret the value of the Razor variable with the html block and should look like this:

Your page is Blue and you have page size of A4

Really stuck on this so any help would be appreciated!

Jeff Yates · Accepted Answer · 2015-10-07 13:38:52Z

8

Use this line. I hope this may help.

@Html.Raw(System.Web.HttpUtility.HtmlDecode(@model.DisplayMessage))

EDIT 1

You can use any Razor Compiler like the one mentioned below

RazorEngine:

string result = RazorEngine.Razor.Parse(@model.DisplayMessage, new { Name = "Name" });

RazorEngine does not support any of the Mvc helpers such as Html and Url. Since these libraries are supposed to exist outside of Mvc and thus require more work to get them to work with those helpers.**

EDIT 2

You can use a Razor compiler that allows you to use HTML templates called RazorEngine which can be found at https://github.com/Antaris/RazorEngine

From Visual Studio, using the Package Manager Console command:

Install-Package RazorEngine

After installation I changed my controller as follows:

MessageController.cs

public ActionResult ShowMessage()
{
    var htmlTemplate = _messageDAL.getHtmlMessage();

    var htmlToDisplay = Engine.Razor.RunCompile(htmlTemplate , "messageTemplateKey", null, new { Name = "some model data" });

    var messageVm = new MessageVm
    {
        DisplayMessage = htmlToDisplay;
    };

    return View("Index.cshtml", "", messageVm);
}

edited Oct 7, 2015 at 13:38

Jeff Yates

1,0931 gold badge10 silver badges14 bronze badges

answered Oct 7, 2015 at 11:40

Mukesh Kumar

6965 silver badges28 bronze badges

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

6 Comments

Jeff Yates Over a year ago

Hi @Mukesh Kumar . Tried that, doesn't seem to do anything sadly.

Mukesh Kumar Over a year ago

Kindly check the edited answer. I hope that might help.

Jeff Yates Over a year ago

I had to do some digging around and made some changes but ultimately your second answer provided enough for me to write a complete and working solution which I've also posted. Thanks @Mukesh Kumar.

Mukesh Kumar Over a year ago

That's great. Mark it as an answer, which may help others. Also if other changes are required do edit the answer or let me know I'd do it.

Jeff Yates Over a year ago

Yep. I edited your answer with my details. Saved me a lot of work there. Thanks!

|

Jeff Yates · Accepted Answer · 2015-10-07 12:24:52Z

You can use a Razor compiler that allows you to use HTML templates called RazorEngine which can be found at https://github.com/Antaris/RazorEngine

From Visual Studio, using the Package Manager Console command:

Install-Package RazorEngine

After installation I changed my controller as follows:

MessageController.cs

public ActionResult ShowMessage()
{
    var htmlTemplate = _messageDAL.getHtmlMessage();

    var htmlToDisplay = Engine.Razor.RunCompile(htmlTemplate , "messageTemplateKey", null, new { Name = "some model data" });

    var messageVm = new MessageVm
    {
        DisplayMessage = htmlToDisplay;
    };

    return View("Index.cshtml", "", messageVm);
}

And it worked first time. Big thanks to @Mukesh Kumar who provided the vital clues to rewrite the code which I've posted as a complete and working answer here.

Collectives™ on Stack Overflow

Render dynamic HTML with embedded Razor variables using MVC

2 Answers 2

6 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related