How to Encode '/' in ASP.NET MVC Razor

Question

Controller:

public ActionResult Tool(string id)
{
  // Code goes here . . 
}

View:

<a href="/Home/@item.Type/@Url.Encode(item.Title)" id="toolTitleLink">@item.Title</a>

From the code above @item.Title can have special characters like '/' sample link is http://localhost:39727/Home/Tool/C+Compiler+For+The+Pic10%2f12%2f16+Mcus when I try to navigate to that link Tool Controller was not called. I used @Url.Encode but still Controller was not called.

You can catch all symbols in **id** after */Home/Tool/* part with catchall route. See this [answer](http://stackoverflow.com/a/6328758/1770952) — Ivan Gritsenko, Jun 10 '16 at 00:23
Thanks @IvanGritsenko It works but I want to apply it to multiple Action, do I need to create Custom Route for each action? — simpleProgrammer, Jun 10 '16 at 01:11

score 2 · Accepted Answer · edited May 23 '17 at 12:25

Unfortunately even if you use System.Uri.EscapeDataString instead of Url.Encode like so:

<a href="/Home/@item.Type/@System.Uri.EscapeDataString(item.Title)" id="toolTitleLink">@item.Title</a>

The rendered page will have the slashes encoded (look in the 'view source' of the page) the browser will still decode them.

You have two options, as far as I can see:

Use a different character - make your own escape (so to speak ;)) - for example using tilda (~) or whatever else URL valid character you want, in order to replace the forward slash.
Create a special route for the action with a catch-all at the end and parse things from the action.

How to Encode '/' in ASP.NET MVC Razor

1 Answers1