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, Aug 26 '13 at 08:13
because I'm add this info to database, and need to display it on the page — Rakstit, Aug 26 '13 at 08: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, Aug 26 '13 at 09:06

score 2 · Accepted Answer · answered Aug 26 '13 at 08:17

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 '13 at 08:17

Satpal

132,252
13
159
168

@Rakstit This works perfectly fine. Please post the exact code you are using rather than mention one thing but then comment about something else. – Tim B James Aug 26 '13 at 08:50

score 1 · Answer 2 · edited May 23 '17 at 11:48

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 '17 at 11:48

Community

1
1

answered Aug 26 '13 at 08:17

Tim B James

20,084
4
73
103

Because it's a part of string from my database which I display on the page inside @Html.Raw(model.SomeValue) – Rakstit Aug 26 '13 at 08:41
Where is this mentioned in your question? – Tim B James Aug 26 '13 at 08:44
@Rakstit This works perfectly fine. Please post the exact code you are using rather than mention one thing but then comment about something else. – Tim B James Aug 26 '13 at 08:45

score 0 · Answer 3 · answered Dec 15 '13 at 20:59

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.

score 0 · Answer 4 · answered Mar 01 '19 at 12:55

0

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

answered Mar 01 '19 at 12:55

schinkenwurfel

3
3

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. – Enzo B. Mar 01 '19 at 13:14
@EnzoBLANCHON I dont have the Problem anymore it's just a fix for the problem above, if somebody has the same problem again. – schinkenwurfel Mar 05 '19 at 14:30

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

4 Answers4

Linked