Escape the @ character in the Razor view engine

Razor @ escape character to symbols...

<img src="..." alt="Find me on Twitter_ as @("@username")" /> 

or

<img src="..." alt="Find me on twitter as @("@")username" /> 

@Html.Raw("@") seems to be even more reliable to me than @@, since @@ will not escape in all cases.

Therefore:

<meta name="twitter:site" content="@twitterSite"> 

would be:

<meta name="twitter:site" content="@Html.Raw("@")twitterSite"> 

Use <text></text> or the easier way @:.

Instead of HTML entity I prefer the use of @Html.Raw("@").

@@ is the escape character for @ in Razor views as stated in Tobiasopdenbrouw's answer.

Razor does, however, try to work out when an '@' is just an '@' and where it marks C# (or VB.NET) code. One of the main uses for this is to identify email addresses within a Razor view - it should not be necessary to escape the @ character in an email address.

For the question about @RazorCodePart1 @@ @RazorCodePart2, you need the sequence:

@RazorCodePart1 @:@@ @RazorCodePart2 

I know, it looks a bit odd, but it works and will get you the literal character '@' between the code blocks.

Based on Terje Solem's answer, the UTF-8 code %40 worked for me. This is the original URL I was trying to reach:

https://unpkg.com/@google/[email protected]/dist/markerclustererplus.min.js 

This is what worked for me in my code:

https://unpkg.com/%40google/[email protected]/dist/markerclustererplus.min.js 

I just had the same problem. I declared a variable putting my text with the @.

@{ var twitterSite = "@MyTwitterSite"; } ... <meta name="twitter:site" content="@twitterSite"> 

This works for me:

<meta name="author" content="Alan van Buuren @("@Alan_van_Buuren")"> 

Or you can use:

@@Alan_van_Buuren 

You can use @@ for this purpose. Like var email = firstName + '\@@' + domain;

I tried all the options in previous answers and none worked. This is what worked:

@{ string str = @"[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$"; } <td>Email</td> <td> <input type="text" id="txtEmail" required name="email" pattern=@str /> </td> 

I created a string variable, passed all the regular expression pattern code into it, and then used the variable in the HTML content. Razor was cool with it.

Just add a variable in the CSHTML file:

var myVariable = @"@"; 

And add it to your layout:

<span class="my-class"><a href="@myVariale" target="_blank" >link text</a></span> 

I couldn't get any of these to work inside my placeholder attribute, so I used an XML special character.

<input type="text" placeholder="fex: firstname&#64;lastname.com"/> 

See more examples at 16.1 How can I use special characters in XML?

Actually, @ should be used with the Razor syntax keywords or to the variable/model to bind a value.

For example: if a test is assigned with a value, i.e., @ { var test = "ABC" }, then you can get the value by settings as @test anywhere there is a .cshtml page in the HTML part.

Otherwise, simply use as @Html.DisplayName("test").

I think in Razor view, @Html.Raw() is the best solution for all versions, and it always works for me. I have added a working example CDN URL to provide a clear idea.

 @Html.Raw("<script src=\"https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js\"></script>")