blocks|key|1053849|text|为什么不做一些简单的事情，比如：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1053850|<script+type="text/javascript">
++window.I18n+=+<%25=+I18n.backend.send(:translations).to_json.html_safe+%25>
</script>|code-block|syntax|javascript|1053851|然后，在JS中，您可以执行以下操作：|1053852|I18n["en-US"]["alpha"]["bravo"];|1053853|我已经把我的包在一个应用程序助手中了。|1053854|def+current_translations
++@translations+%7C%7C=+I18n.backend.send(:translations)
++@translations[I18n.locale].with_indifferent_access
end|1053855|然后我在application.html.erb中的调用如下所示：|1053856|<script+type="text/javascript">
++window.I18n+=+<%25=+current_translations.to_json.html_safe+%25>
</script>|1053857|这使您不必了解JavaScript中的当前区域设置。|1053858|I18n["alpha"]["bravo"];|1053859|或|1053860|I18n.alpha.bravo;|1053861|entityMap^0|0|0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|12|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|13|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|14|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|15|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|16|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|17|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|18|8|@]|9|@]|A|$]]|$1|Q|3|R|5|D|7|19|8|@]|9|@]|A|$E|F]]|$1|S|3|T|5|6|7|1A|8|@]|9|@]|A|$]]|$1|U|3|V|5|D|7|1B|8|@]|9|@]|A|$E|F]]|$1|W|3|X|5|6|7|1C|8|@]|9|@]|A|$]]|$1|Y|3|Z|5|D|7|1D|8|@]|9|@]|A|$E|F]]|$1|10|3|-4|5|6|7|1E|8|@]|9|@]|A|$]]]|11|$]]

Why not something simple like:

<pre><code>&lt;script type="text/javascript"&gt;
 window.I18n = &lt;%= I18n.backend.send(:translations).to_json.html_safe %&gt;
&lt;/script&gt;
</code></pre>

Then in JS you can do things like:

<pre><code>I18n["en-US"]["alpha"]["bravo"];
</code></pre>

I've wrapped mine in an application helper.

<pre><code>def current_translations
 @translations ||= I18n.backend.send(:translations)
 @translations[I18n.locale].with_indifferent_access
end
</code></pre>

Then my call in my application.html.erb looks like this:

<pre><code>&lt;script type="text/javascript"&gt;
 window.I18n = &lt;%= current_translations.to_json.html_safe %&gt;
&lt;/script&gt;
</code></pre>

This allows you to avoid having to know the current locale in JavaScript.

<pre><code>I18n["alpha"]["bravo"];
</code></pre>

Or

<pre><code>I18n.alpha.bravo;
</code></pre>

blocks|key|1268527|text|巴利布被遗弃了。使用i18n-js：https://github.com/fnando/i18n-js|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1268528|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/fnando/i18n-js^0|I|X|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

Balibu is abandoned. Use i18n-js: <a href="https://github.com/fnando/i18n-js">https://github.com/fnando/i18n-js</a>

blocks|key|1054029|text|Ryan上面的解决方案是完美的，除了后端需要初始化，如果还没有初始化的话。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1054030|I18n.backend.send(:init_translations)+unless+I18n.backend.initialized?
#+now+you+can+safely+dump+the+translations+to+json|code-block|syntax|javascript|1054031|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Ryan's solution above is perfect, except the backend needs to be initialized if it hasn't been already.

<pre><code>I18n.backend.send(:init_translations) unless I18n.backend.initialized?
# now you can safely dump the translations to json
</code></pre>

blocks|key|1268725|text|为什么不简单地在你的Javascript文件中这样做：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1268726|var+a_message+=+"<%25=+I18n.t+'my_key'+%25>"|code-block|syntax|javascript|1268727|为此，您必须将.erb添加到Javascript文件的扩展名中。|1268728|如果你使用的不是2.0，你可能还需要在>=文件的顶部添加下面这行代码。|1268729|<%25#+encoding:+utf-8+%25>|1268730|有关更多信息，请参阅此帖子中接受答案的最后一条评论：Encoding+issues+in+javascript+files+using+rails+asset+pipeline|offset|length|1268731|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/7761540/encoding-issues-in-javascript-files-using-rails-asset-pipeline^0|0|0|0|0|0|Q|1Q|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|10|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|11|8|@]|9|@]|A|$]]|$1|K|3|L|5|D|7|12|8|@]|9|@]|A|$E|F]]|$1|M|3|N|5|6|7|13|8|@]|9|@$O|14|P|15|1|16]]|A|$]]|$1|Q|3|-4|5|6|7|17|8|@]|9|@]|A|$]]]|R|$S|$5|T|U|V|A|$W|X]]]]

Why not simply this in your Javascript file:

<pre><code>var a_message = "&lt;%= I18n.t 'my_key' %&gt;"
</code></pre>

For this to work, you must add .erb to your Javascript file's extension.

You might also need to add the following line at the top of your Javascript file if you aren't using ruby >= 2.0.

<pre><code>&lt;%# encoding: utf-8 %&gt;
</code></pre>

See the last comment of the accepted answer in this thread for more info: <a href="https://stackoverflow.com/questions/7761540/encoding-issues-in-javascript-files-using-rails-asset-pipeline">Encoding issues in javascript files using rails asset pipeline</a>

blocks|key|1268986|text|对于rails+3应用程序，您可以这样做：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1268987|创建一个i18n.js.erb文件并将其添加到您的application.js。并将这段代码添加到文件中。|1268988|<%25
@translator+=+I18n.backend
@translator.load_translations
@translations+%7C%7C=+@translator.send(:translations)[I18n.locale][:javascript]
%25>

window.I18n+=+<%25=+@translations.to_json.html_safe+%25>|code-block|syntax|javascript|1268989|我还将我的翻译范围限定为不包含巨大的javascript文件。我的作用域是:javascript。|1268990|希望它能帮助一些人！|1268991|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

For rails 3 applications you could do this:

Create a i18n.js.erb file and add it to your application.js. And add this piece of code
into the file. 

<pre><code>&lt;%
@translator = I18n.backend
@translator.load_translations
@translations ||= @translator.send(:translations)[I18n.locale][:javascript]
%&gt;

window.I18n = &lt;%= @translations.to_json.html_safe %&gt;
</code></pre>

I also scope my translations to not have a huge javascript file. My scope is :javascript.

Hope it helps someone!

blocks|key|1269094|text|另一个可能有帮助的选项是：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1269095|假设您有一个包含所有可用语言的模型语言(slug)。它会处理缺少翻译的情况(它会被默认的语言环境版本替换)|1269096|assets/javascript/i18n.js.erb|1269097|<%25
@translator+=+I18n.backend
@translator.load_translations

translations+=+{}
Language.all.each+do+%7Cl%7C
++++translations[l.slug]+=+@translator.send(:translations)[l.slug.to_sym]
end

@translations+=+translations

%25>
window.I18n+=+<%25=+@translations.to_json.html_safe+%25>

window.I18n.t+=+function(key){
++++if(window.I18n[current_locale]){
++++++++el+=+eval("I18n['"%2Bcurrent_locale%2B"']."+%2B+key);
++++}
++++if(window.I18n[default_locale]+&&+typeof(el)+==+'undefined'){
++++++++el+=+eval("I18n['"%2Bdefault_locale%2B"']."+%2B+key);
++++}
++++if(typeof(el)+==+'undefined'){
++++++++el+=+key;
++++}
++++return+el;
};|code-block|syntax|javascript|1269098|视图/布局/应用程序.html.erb|1269099|...
<%25=+javascript_tag+"var+current_locale+=+'#{I18n.locale.to_s}';"+%25>
<%25=+javascript_tag+"var+default_locale+=+'#{I18n.default_locale}';"+%25>
...|1269100|在你的javascript代码中，你可以这样翻译：|1269101|//+current_locale:fr+,+default_locale:en

//+existing+translation+(in+french)+
I18n.t('message.hello_world');+//+=>+Bonjour+le+monde

//+non-existing+translation+(in+french)+but+existing+in+english+
I18n.t('message.hello_this_world');+//+=>+Hello+this+world

//+non-existing+translation+(french+&+english)+
I18n.t('message.hello_this_new_world');+//+=>+message.hello_this_new_world|1269102|希望它能有所帮助！|1269103|entityMap^0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|X|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|Y|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|Z|8|@]|9|@]|A|$I|J]]|$1|K|3|L|5|6|7|10|8|@]|9|@]|A|$]]|$1|M|3|N|5|H|7|11|8|@]|9|@]|A|$I|J]]|$1|O|3|P|5|6|7|12|8|@]|9|@]|A|$]]|$1|Q|3|R|5|H|7|13|8|@]|9|@]|A|$I|J]]|$1|S|3|T|5|6|7|14|8|@]|9|@]|A|$]]|$1|U|3|-4|5|6|7|15|8|@]|9|@]|A|$]]]|V|$]]

Another option that could be helpful:

Supposing that you have a model Language (slug) that contains all your available languages.
It handles the cases when a there's a missing translation (it's replaced by the default locale version)

<h1>assets/javascript/i18n.js.erb</h1>

<pre><code>&lt;%
@translator = I18n.backend
@translator.load_translations

translations = {}
Language.all.each do |l|
 translations[l.slug] = @translator.send(:translations)[l.slug.to_sym]
end

@translations = translations

%&gt;
window.I18n = &lt;%= @translations.to_json.html_safe %&gt;

window.I18n.t = function(key){
 if(window.I18n[current_locale]){
 el = eval("I18n['"+current_locale+"']." + key);
 }
 if(window.I18n[default_locale] &amp;&amp; typeof(el) == 'undefined'){
 el = eval("I18n['"+default_locale+"']." + key);
 }
 if(typeof(el) == 'undefined'){
 el = key;
 }
 return el;
};
</code></pre>

<h1>views/layout/application.html.erb</h1>

<pre><code>...
&lt;%= javascript_tag "var current_locale = '#{I18n.locale.to_s}';" %&gt;
&lt;%= javascript_tag "var default_locale = '#{I18n.default_locale}';" %&gt;
...
</code></pre>

In you javascript code, you can translate like this:

<pre><code>// current_locale:fr , default_locale:en

// existing translation (in french) 
I18n.t('message.hello_world'); // =&gt; Bonjour le monde

// non-existing translation (in french) but existing in english 
I18n.t('message.hello_this_world'); // =&gt; Hello this world

// non-existing translation (french &amp; english) 
I18n.t('message.hello_this_new_world'); // =&gt; message.hello_this_new_world
</code></pre>

Hope that it helps!

blocks|key|1053719|text|Babilu是一个Rails插件，它可以为您完成此任务。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1053720|entityMap|0|LINK|mutability|MUTABLE|url|http://github.com/toretore/babilu^0|0|6|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

<a href="http://github.com/toretore/babilu" rel="nofollow noreferrer">Babilu</a> is a Rails plugin that does this for you.

blocks|key|1268666|text|Ryan+solution是一个很棒的解决方案。但是为了不包含整个文件，您应该使用：@translations[I18n.locale].with_indifferent_access["alpha"]而不是I18n.backend.send(:translations)["alpha"]|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1268667|entityMap^0|16|1N|2W|15|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|M|8|@]|D|@]|E|$]]]|G|$]]

Ryan solution is brillant.
But to not include the entire file you should use: <code>@translations[I18n.locale].with_indifferent_access["alpha"]</code>
instead of <code>I18n.backend.send(:translations)["alpha"]</code>

blocks|key|1268848|text|I18n-js对我来说工作得很好，我推荐它。如果你使用他的rewrite+branch，那么插件将包含一个/assets/i18n/filtered.js文件，该文件输出@ryan-montgomery回答的内容，而无需手动执行任何操作。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1268849|通过这种方式，你可以在后台通过Rails助手t(:key)和在前端的Javascript中使用I18n.t('key')来使用相同的翻译。|1268850|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/fnando/i18n-js|1|https://github.com/fnando/i18n-js/tree/rewrite^0|1H|O|0|7|0|T|E|1|0|M|7|1B|D|0^^$0|@$1|2|3|4|5|6|7|R|8|@$9|S|A|T|B|C]]|D|@$9|U|A|V|1|W]|$9|X|A|Y|1|Z]]|E|$]]|$1|F|3|G|5|6|7|10|8|@$9|11|A|12|B|C]|$9|13|A|14|B|C]]|D|@]|E|$]]|$1|H|3|-4|5|6|7|15|8|@]|D|@]|E|$]]]|I|$J|$5|K|L|M|E|$N|O]]|P|$5|K|L|M|E|$N|Q]]]]

<a href="https://github.com/fnando/i18n-js" rel="nofollow">I18n-js</a> is working great for me and i'd recommend it. If you use his <a href="https://github.com/fnando/i18n-js/tree/rewrite" rel="nofollow">rewrite branch</a> then the plugin will include a <code>/assets/i18n/filtered.js</code> file which outputs exactly what @ryan-montgomery answered, without having to do anything yourself manually.

This way, you can use the same translations on the backend
with Rails helpers <code>t(:key)</code> and using <code>I18n.t('key')</code> in Javascript on the frontend.

blocks|key|1054181|text|对于像您所描述的“根本不支持国际化”和“为时已晚无法修复”这样的应用程序，我写了一个非常快速的方法:+jQuery插件Quick-i18n：https://github.com/katio/Quick-i18n演示(以及如何使用它)：http://johannpaul.net/Quick-i18n/|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1054182|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/katio/Quick-i18n|1|http://johannpaul.net/Quick-i18n/^0|1Y|Z|0|39|X|1|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]|$A|R|B|S|1|T]]|C|$]]|$1|D|3|-4|5|6|7|U|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]|L|$5|G|H|I|C|$J|M]]]]

For applications like the one you described "that does not support Internationalization at all" and "is too late to fix it now" I wrote a very quick approach: the jQuery plugin Quick-i18n: <a href="https://github.com/katio/Quick-i18n" rel="nofollow">https://github.com/katio/Quick-i18n</a> demo (and how to use it): <a href="http://johannpaul.net/Quick-i18n/" rel="nofollow">http://johannpaul.net/Quick-i18n/</a>

So, we have an existing Rails 2.3.5 app that does not support Internationalization at all. Now, I'm well familiar with Rails I18n stuff, but we have a LOT of output strings inside <code>/javascripts/</code>. I'm not a huge fan of this approach, but unfortunately it is too late to fix it now.

How might we internationalize strings stored in JS files in a Rails app? Rails doesn't even serve the JS files...

I'm thinking I could always have the Rails app serve up the JS files, but that seems pretty gross. Are there plugins to do this?

Rails: Internationalization of Javascript Strings?

jQuery

因此，我们有一个现有的Rails 2.3.5应用程序，它根本不支持国际化。现在，我很熟悉Rails I18n的东西，但是我们在/javascripts/中有很多输出字符串。我不是这种方法的狂热粉丝，但不幸的是，现在修复它已经太晚了。我们如何在Rails应用程序中国际化JS文件中存储的字符串？Rails甚至不提供JS文件...我在想，我总是可以让Rails应用程序提供JS文件，但这似乎相当粗俗。有没

问Rails: Javascript字符串的国际化？
EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Rails: Javascript字符串的国际化？EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Rails: Javascript字符串的国际化？
EN