Escape @ character in razor view engine

Question

I am creating a sample ASP.NET MVC 3 site using Razor as view engine. The razor syntax starts with @ character e.g. @RenderBody(). If I write @test on my cshtml page it gives me parse error

CS0103: The name 'test' does not exist in the current context

How do I escape '@' character?

In C#, you can mark keywords with an @ to treat them as variable names rather than keywords. With all I know, it seems impossible to use reserved keywords in Razor this way. — Grimace of Despair, Jul 15 '13 at 11:48
@GrimaceofDespair the way to still mark keywords as variables is to enclose the second `@` in braces. I managed to get this working by writing it this way: `@(@new)` — strizzwald, Oct 17 '18 at 22:25

score 1090 · Accepted Answer · edited Apr 17 '12 at 14:45

1090

@@ should do it.

edited Apr 17 '12 at 14:45

answered Sep 02 '10 at 12:02

Tobiasopdenbrouw

13,811
1
22
27

10

This doesn't seem to work in this case: `@RazorCodePart1 @@ @RazorCodePart2` e.g. a literal @ between two Razor code snippets. – Josh M. Jun 14 '11 at 23:19
114

The best solution would be using the HTML-encoded character string for the @-character: @ – ˈvɔlə Dec 18 '13 at 12:45
14

I've got a ` – Triynko Oct 03 '16 at 23:16
1

@WoIIe not in a URL. – Machado Aug 22 '17 at 14:05
It does not work. I tried all solutions at this page. None of them works for me :/ – zolty13 Jul 02 '18 at 14:55
35

In href use @("@") – Asiri Dissanayaka Mar 19 '19 at 11:20
I needed the solution from @AsiriDissanayaka for the src in a script tag. – Mark Dec 12 '22 at 15:20

score 188 · Answer 2 · answered Jan 29 '13 at 13:19

188

Razor @ escape char to symbols...

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

or

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

answered Jan 29 '13 at 13:19

Emre Karahan

1,979
1
12
10

3

This method seems the best as it will also work for @media css stuff, whereas the HTML entity way probably will not. – ChrisF Jan 30 '14 at 20:40

score 48 · Answer 3 · answered Mar 25 '16 at 20:46

48

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

Therefore:

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

would be:

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

answered Mar 25 '16 at 20:46

Rosue Don-Chip Walford

481
4
3

And how do i use this on a huge text with several paragraphs? I have tried with ` instead of " but the result is questionable. No errors on blank rows but error on ` character. – EPurpl3 Dec 23 '19 at 10:05

score 42 · Answer 4 · answered Jul 14 '11 at 20:13

42

use <text></text> or the easier way @:

answered Jul 14 '11 at 20:13

Kasper Skov

1,954
10
32
53

It's odd the (at sign colon) @: character sequence syntax doesn't work for me, as I try to upgrade my ASP.NET MVC 3 project to MVC4. The exception I get is: "":" is not valid at the start of a code block. Only identifiers, keywords, comments, "(" and "{" are valid." – Michael R Jul 22 '14 at 22:50
@Michael That's weird. They must have removed it in version 4. – Kasper Skov Jul 23 '14 at 10:48
Hi Kasper Skov, I found the @: issue was not actually related to @: at all. It was related to unnecessarily using @Model, in a @if() {} block. The fix was to drop the at sign on Model. I need to avoid using @ when already in server scope. http://stackoverflow.com/questions/12809855/issue-migrating-mvc3-application-to-mvc4-compiler-error-message-cs1513-expe – Michael R Jul 23 '14 at 17:30

score 29 · Answer 5 · edited Aug 04 '19 at 06:43

29

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

edited Aug 04 '19 at 06:43

Mamun

66,969
9
47
59

answered Mar 30 '14 at 16:30

CLRBTH

512
4
9

Alfamale · Answer 6 · 2010-09-13T13:48:13.833

13

@@ is the escape character for @ in Razor views as stated above.

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.

edited Sep 13 '10 at 13:48

answered Sep 13 '10 at 13:31

Alfamale

1,069
1
9
13

I have not found a way for Razor/VB.net and using Prismjs. I tried all above for Edit – JoshYates1980 Jun 16 '17 at 19:10

score 9 · Answer 7 · answered Oct 07 '11 at 18:37

9

For the question about @RazorCodePart1 @@ @RazorCodePart2, you need to 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.

answered Oct 07 '11 at 18:37

DragonDTG

583
3
6

score 8 · Answer 8 · answered Mar 22 '15 at 15:30

8

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

@{
   var twitterSite = "@MyTwitterSite";
}

...

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

answered Mar 22 '15 at 15:30

watfy

124
1
2

This was the only one working for me and being valid for Open Graph debuggers. – Ciprian May 28 '18 at 09:23

Hector Soto · Answer 9 · 2021-05-07T05:16:20.277

I know this question is old, but I tried all of the above and it didn't help me escape the character "@" in ASP.NET framework (MVC 5) inside a URL. Based on Terje Solem's answer though, the UTF-8 code %40 worked for me. this is the original URL I was trying to reach:

https://unpkg.com/@google/markerclustererplus@4.0.1/dist/markerclustererplus.min.js

this is what worked for me in my code:

https://unpkg.com/%40google/markerclustererplus@4.0.1/dist/markerclustererplus.min.js

Alan · Answer 10 · 2017-08-24T17:37:45.077

5

this work for me

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

Or yoy can use: @@Alan_van_Buuren

:D

edited Aug 24 '17 at 17:37

answered Jan 22 '16 at 05:20

Alan

101
1
6

score 2 · Answer 11 · answered Nov 24 '16 at 08:36

2

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

answered Nov 24 '16 at 08:36

Abdus Salam Azad

5,087
46
35

score 1 · Answer 12 · edited Oct 31 '15 at 13:23

1

I tried all the options above and none worked. This is what I did that 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 varible and passed all the RegEx pattern code into it, then used the variable in the html, and Razor was cool with it.

edited Oct 31 '15 at 13:23

Sender

6,660
12
47
66

answered Oct 27 '15 at 20:24

folorunso joseph

157
1
2

score 1 · Answer 13 · answered Oct 06 '17 at 12:24

1

just add a variable in CSHTML file var myVariable = @"@";

and add it to your layout <span class="my-class"><a href="@myVariale" target="_blank" >link text</a></span>

answered Oct 06 '17 at 12:24

Speedyjet

51
4

score 1 · Answer 14 · answered Jan 27 '18 at 10:56

1

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

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

See more examples here. https://www.dvteclipse.com/documentation/svlinter/How_to_use_special_characters_in_XML.3F.html

answered Jan 27 '18 at 10:56

Terje Solem

816
1
10
25

1

My need was to add @ in meta tag. and this works fine. @@ doesn't work there. – Asiri Dissanayaka Jul 10 '18 at 04:31

score 0 · Answer 15 · answered Jun 25 '18 at 09:53

Actually @ should be used with the Razor syntax Keywords or to the variable/model to bind a Value.

For Eg: if test is assigned with value i.e @ { var test = "ABC" } then you can get the value by settings as @test anywhere is cshtml page in html part. otherwise, simple use as @Html.DisplayName("test")

score 0 · Answer 16 · answered Feb 09 '23 at 11:55

I think in Razor view @Html.Raw() is the best solution for all version and always works for me. I have added an working example cdn URL to provide clear idea.

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

Escape @ character in razor view engine

16 Answers16

Linked

Related