MVC: Trabajando con campos con etiquetas HTML

Introducción:

En este post vamos a ver como trabajar con un modelo donde una de nuestras propiedades va a almacenar valores de tipo HTML, como por ejemplo el contenido del post de un blog:

   1: <p>Este el texto del post, con un enlace <a href='http://bing.com'>bing</a></p>

Abordando el problema:

Partiendo de un modelo sencillo:

   1: public class Post

   2: {

   3:     public Guid ID { get; set; }

   4:     public string Title { get; set; }

   5:     public string Content { get; set; }

   6: }

donde nuestra propiedad “Content” va a ser la que va almacenar el código HTML vamos a cualificarla con el atributo AllowHtml, para que en el momento de grabar nuestros post desde el explorador, permitirá evitar la validación de dicho campo sin tener que comprobar las etiquetas HTML introducidas en él.

Posteriormente para poder visualizar nuestro HTML con el formato HTML, vamos a hacer uso del método Raw del Helper HTML, por lo que el contenido de nuestra vista quedaría:

   1: @foreach (var c in Model)

   2: {

   3:     <article>

   4:         <h1>@c.Title</h1>

   5:         @Html.Raw(@c.Content)

   6:     </article> 

   7: }

Espero que os sea de utilidad.

Saludos!!