JavaScript within Razor with wrong encoding

Question

The goal

Fix the accentuation within <text> tag of Razor Engine.

The problem

I'm brazilian and in our country there are too much accentuation. Apple in our language means "Maçã", and as you can see, there is two accents/special characters.

The follow syntax is written in JavaScript and the application uses Razor Engine for templating.

var products = [];
@foreach (var product in Model)
{ 
    <text>
        products.push(new Product
                        ("@product.productId",
                         "@product.productName",
                         "@product.thumbnailUrl",
                         "@product.originalProductPrice",
                         "@product.promotionalProductPrice",
                         "@product.measureName",
                         "@product.measureAbbreviation",
                         "@product.marketName",
                         "@product.numberOfMarketsThatHaveThisProduct",
                         "@product.productState")
                );
    </text>
}

As you could see, there is Razor within JavaScript and JavaScript within Razor.

One result of this loop is Maçã and when I display it within <text> tag, the result is: "Maçã".

I really do not know the problem nor how to solve and need your help. Any ideas?

Discussion of similar problem here: stackoverflow.com/q/9167799/1169696 — JimmiTh
– JimmiTh, Commented Jul 10, 2013 at 0:20

Andrew · Accepted Answer · 2013-07-09 22:55:55Z

1

I'm not at my Windows environment, so I apologize if this is wrong, you'll have to try it:

"@Html.Raw(product.productName)",

Razor defaults to encoding HTML entities and reserved characters.

answered Jul 9, 2013 at 22:55

Andrew

5,4763 gold badges41 silver badges46 bronze badges

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

5 Comments

Guilherme Oderdenge Over a year ago

Oh god! Simple answer, huh? Thanks, Andrew. Worked like a charm.

Guilherme Oderdenge Over a year ago

I will, but you answered more faster than StackOverflow's cop can accept.

Alexei Levenkov Over a year ago

Beware of something like productName="\"'FooBar quoted'"; :)

Andrew Over a year ago

@GuilhermeOderdenge Ah, forgot about that guy.

JimmiTh Over a year ago

One (somewhat unwieldy) way to avoid the escaping problem with Html.Raw would be to use "@Ajax.JavascriptStringEncode(product.productName)", which was made for this very purpose.

Collectives™ on Stack Overflow

JavaScript within Razor with wrong encoding

The goal

The problem

1 Answer 1

5 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

The goal

The problem

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related