javascript string localization in Laravel

Question

I'm having problems with the encoding of some localized strings in laravel.

In my localization file for Spanish I have (among many other strings):

"truck" => "camión"

In myView.blade.php, if I print the string directly:

<h2>{{trans('localizationFile.truck'}}</h2>

It works fine and prints

camión

But if I try to use that same string in javascript:

<script>
$(document).ready(function()
{           
    alert("{{trans('events.camion')}}");
}
</script>

It codifies the accented o and the alert reads: camión

How can I fix that? Or am I doing something wrong? Perhaps that's not the way to localize javascript messages...

Thanks in advance!

Bogdan · Accepted Answer · 2015-11-10 18:04:29Z

1

When outputting an alert, the HTML entities are not decoded so they are show as plain text. The simplest solution to fix this is to add the text to an HTML element and return its content via the text method, which will decode the HTML entities:

<script>
    $(document).ready(function () {
        alert($('<div>{{trans('events.camion')}}</div>').text());
    }
</script>

The above uses jQuery's html method, but this can be achieved with vanilla JS and innerHtml.

If you want to include an extra JS library you can use he, that takes care of decoding. So it would look something like this:

<script>
    $(document).ready(function () {
        alert(he.decode({{trans('events.camion')}}));
    }
</script>

answered Nov 10, 2015 at 18:04

Bogdan

44.7k12 gold badges130 silver badges130 bronze badges

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

1 Comment

Gelu Over a year ago

Hum.. I thought about "saving" the text in html entities but looked too complicated. I think I'll go with the library, looks much cleaner. Thanks a lot!

Collectives™ on Stack Overflow

javascript string localization in Laravel

camión

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

camión

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related