How to render HTML content coming from Model

Question

So, I have a wordpress like website in ASP.Net MVC 5, where I can create website for my customers. Now one of the customer's website needed a text box to add a html content. So, I added [AllowHTML] for that text box, so I am able to successfully save textbox content to DB. Now my question is how to render in front end. I mean I have a model property as

public string htmlcontent {get;set;}

and the value I am getting from Database is

<p>abc</p>.

Now what is the best way to render it in my cshtml file. If I do something like

@Model.htmlcontent

My output is simply <p>abc</p> as Plain TEXT But I want the DOM to understand the html content and attributes and render it accordingly.

If you allow that everyone can enter not only HTML, but also javascipt, which is then executed on every user's machine. Please get familiar with XSS (cross site scripting): owasp.org/index.php/Cross-site_Scripting_(XSS) — Aedvald Tseh
– Aedvald Tseh, Commented Jun 14, 2017 at 16:03
Only I have access to settings page as an admin. So basically only I can log in to settings page and make changes as per clients demand. — Unbreakable
– Unbreakable, Commented Jun 14, 2017 at 16:05

Polynomial · Accepted Answer · 2017-06-14 15:59:57Z

5

You need to tell the razor engine not to escape your string using Html.Raw:

@Html.Raw(Model.htmlcontent)

answered Jun 14, 2017 at 15:59

Polynomial

3,70427 silver badges36 bronze badges

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

2 Comments

Unbreakable Over a year ago

Can you put one line of explanation why Raw works but normal rendering w/o raw does not work.

Polynomial Over a year ago

By default all strings output through razor are escaped/encoded, so for example > becomes >. By using Html.Raw you're telling the razor engine not to escape any characters in the output, sending it "raw" to the browser.

Collectives™ on Stack Overflow

How to render HTML content coming from Model

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related