How to render html by passing as a controller string to the view?

Question

I have the following view:

    public ActionResult RelatorioEquipe()
    {
        ViewRelatorioEquipeDTO dto = new ViewRelatorioEquipeDTO();
        dto.LstUnidadeGerencial = negocio.Relatorio.ObterLstUg();
        dto.LstExercicios = new ExercicioNegocio().ObterExerciciosAtivos();

        dto.Html = "<img src=\"~/Imagens/LogoMetroRelatorio.png\" style=\"float: left\" />";        

        return View(dto);
    }

dto.Html is a string and when I refer to my page (cshtml):

<div class="logo">
    @Model.Html
</div>

The page naturally shows a string with this text.

The question is: how to instead of showing the string, render this html and display the image?

Answer 1

Yes.

Implement in your project the following extension:

public static class ImageHelper
{
    public static MvcHtmlString Image(this HtmlHelper helper, string src, string altText, string height, string style = "")
    {
        var builder = new TagBuilder("img");
        builder.MergeAttribute("src", src);
        builder.MergeAttribute("alt", altText);
        builder.MergeAttribute("height", height);
        if (style != "") builder.MergeAttribute("style", style);
        return MvcHtmlString.Create(builder.ToString(TagRenderMode.SelfClosing));
    }

    public static MvcHtmlString Image(this HtmlHelper helper, string url, string altText, object htmlAttributes)
    {
        TagBuilder builder = new TagBuilder("img");
        builder.Attributes.Add("src", url);
        builder.Attributes.Add("alt", altText);
        builder.MergeAttributes(new RouteValueDictionary(htmlAttributes));
        return MvcHtmlString.Create(builder.ToString(TagRenderMode.SelfClosing));
    }
}

Use:

@Html.Image("caminho/da/imagem", "texto alternativo", "altura", "float: left")

Or else:

@Html.Image("caminho/da/imagem", "texto alternativo", new { style = "float: left", border = "0" })

Don’t forget the using in View:

@using SeuProjeto.Extensions

Extensions is an example, but you can put the static class anywhere.

Answer 2

I found what I was looking for. I was able to render the html in Razor by just doing this:

<div class="logo">
    @Html.Raw(Model.Html)
</div>