ASP.NET MVC3 link with image inside @Html.Raw

Question

Good day, I'm try to use action links with Url.Action inside @Html.Raw in my ASP.NET MVC3 project. Everything works fine without @Html.Raw, but with it images can't display on the page, I'm try to use Html.Encode inside Raw, but then it's show me the naked HTML on the page.

@Html.Raw(<a href="@Url.Action("ActionName", "Controller", new {id = 1})" target="_blank">
                <img src="@Url.Content("~/Content/Images/simpleImage.png")"/>
            </a>)

Any ideas why it's not render right code?Also when I hover over the place with image it pop up for me next code: sitename.com/Controller/@Url.Action(

I'm try to shielding the " it's not help

Edit

This action link is a part of query from database, which I display like next:

@Html.Raw(model.FieldWithHtmlCharactersInDatabase)

if Everything works fine without @Html.Raw, then why are you using it? — Satpal
– Satpal, Commented Aug 26, 2013 at 8:13
because I'm add this info to database, and need to display it on the page — Rakstit
– Rakstit, Commented Aug 26, 2013 at 8:27
You are using very bad design of storing markup in the database, I will strongly recommend you to refactor your strategy of storing image and anchor link. — Satpal
– Satpal, Commented Aug 26, 2013 at 9:06

Satpal · Accepted Answer · 2013-08-26 08:17:20Z

2

You need to pass string, try this

@Html.Raw("<a href='" + @Url.Action("ActionName", "Controller", new {id = 1})' " + target='_blank'>
                <img src='" + @Url.Content("~/Content/Images/simpleImage.png") " + "/>
            </a>")

answered Aug 26, 2013 at 8:17

Satpal

134k13 gold badges168 silver badges171 bronze badges

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

1 Comment

Tim B James Over a year ago

@Rakstit This works perfectly fine. Please post the exact code you are using rather than mention one thing but then comment about something else.

Community · Accepted Answer · 2017-05-23 11:48:29Z

1

Try this instead where you are passing in the string variable and escaping the " correctly.

@Html.Raw("<a href=\"" + 
    Url.Action("ActionName", "Controller", new {id = 1}) 
    + "\" target=\"_blank\"><img src=\"" + 
    Url.Content("~/Content/Images/simpleImage.png") + "\"/></a>")

However I do not understand why you want this in @Html.Raw when this will give you the same output;

<a href="@Url.Action("ActionName", "Controller", new {id = 1})" target="_blank">
    <img src="@Url.Content("~/Content/Images/simpleImage.png")" />
</a>

Update

After you have updated your question, you are attempting to Execute Razor code from DB strings. I would suggest that you take a look at some of these questions on StackOverFlow;

ASP.net MVC: Execute Razor from DB String?

Pulling a View from a database rather than a file

Please note that your original question is very different from what you want.

edited May 23, 2017 at 11:48

CommunityBot

11 silver badge

answered Aug 26, 2013 at 8:17

Tim B James

20.4k4 gold badges77 silver badges108 bronze badges

3 Comments

Rakstit Over a year ago

Because it's a part of string from my database which I display on the page inside @Html.Raw(model.SomeValue)

Tim B James Over a year ago

Where is this mentioned in your question?

Tim B James Over a year ago

@Rakstit This works perfectly fine. Please post the exact code you are using rather than mention one thing but then comment about something else.

psined1 · Accepted Answer · 2013-12-15 20:59:36Z

0

The following code:

<img src="@Url.Action("ActionName", "Controller", new {id = 1, width=100, height=100})" alt="" />

will yield this output:

<img src="Controller/ActionName/1?width=100&amp;height=100" alt="" />

You will get the same surrounding Action helper with Raw:

<img src="@Html.Raw(Url.Action("ActionName", "Controller", new {id = 1, width=100, height=100}))" alt="" />

So this must be a bug in Razor/MVC. One (tedious and ugly) workaround I found is this:

@Html.Raw("<img src=\"" + Url.Action("ActionName", "Controller", new {id = 1, width=100, height=100}) + "\" alt=\"\" />" )

Hopefully Microsoft will fix this.

answered Dec 15, 2013 at 20:59

psined1

1

Comments

schinkenwurfel · Accepted Answer · 2019-03-01 12:55:23Z

0

If someone has the same problem in the future, for me it worked to remove the ~ infront of the image string!

answered Mar 1, 2019 at 12:55

schinkenwurfel

33 bronze badges

2 Comments

Enzo B. Over a year ago

I think you would do better to open your own topic by explaining your problem in more detail. You will have a better chance of getting help.

schinkenwurfel Over a year ago

@EnzoBLANCHON I dont have the Problem anymore it's just a fix for the problem above, if somebody has the same problem again.

Collectives™ on Stack Overflow

ASP.NET MVC3 link with image inside @Html.Raw

4 Answers 4

1 Comment

3 Comments

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

3 Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related