adding image to string using Razor code block

Question

I have a string created using asp.net MVC3 Razor block like this:

@{
    var closingMsg = "Thank you. Your dispute has been submitted to your Creditor for review. You will receive an email alert on Creditors response.";

}

I want to add an image in it which i did like this:

@{
    var closingMsg = "Thank you. Your dispute has been submitted to your Creditor for review. You will receive an email alert on Creditors response.'<img src='@Url.Content('~/Content/CR/images/sms-auth.png')' style='float: left; display:block; margin-right:6px;' alt='SMS text verification'/>'";

}

But It doesn't show image. Rather, It shows it as string. how can I change it ?

I am using it in Jquery UI like this:

   function CloseDisputeDialog() {        
        $("#dispute_form").html("@closingMsg");        
        $("#dispute_form").dialog("addbutton", "Close", function() {
            $("#dispute_res").val("close");
            $("#dispute_form").dialog("close");   
        });
    }

Regards, Asif Hameed

Øyvind Bråthen · Accepted Answer · 2011-11-02 13:34:37Z

3

The problem is that where you use @closingMsg it will HtmlEncode the string to make sure some harmful scripts are run (if the value you are putting into the page are from the database that is added from user input for example).

To get it to override this, you have to use @Html.Raw(closingMsg)

answered Nov 2, 2011 at 13:34

Øyvind Bråthen

60.9k28 gold badges128 silver badges154 bronze badges

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

4 Comments

DotnetSparrow Over a year ago

I have added how it is used in Jquery. Please see updated question. thanks

Øyvind Bråthen Over a year ago

DotnetSparrow - Still, replace @closingMsg with @Html.Raw(closingMsg) should work. So put $("#dispute_form").html("@Html.Raw(closingMsg)");

DotnetSparrow Over a year ago

I used that but It doesn't show the image. may be I need to give relative path ?

Øyvind Bråthen Over a year ago

Does it show a image that is not found on the page, or does it spell out the html code like <img.... directly on the page.

Collectives™ on Stack Overflow

adding image to string using Razor code block

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related