web-dev-qa-db-ja.com

PHPのgettextのようなJavaScriptでの翻訳？

PHPコードでgettextを使用していますが、大きな問題があります。すべてのJavaScriptファイルは翻訳の影響を受けません。誰かが簡単に取得できる方法を教えてください。選択した言語でのJavaScriptへの翻訳。

javascriptgettexttranslate
28
ParisNakitaKejser

最も簡単な方法は、PHPファイルにgettextからの翻訳をJavaScript変数に書き込むことです。

js_lang.php：

Word_hello = "<?php echo gettext("hello"); ?>"
Word_world = "<?php echo gettext("world"); ?>"
Word_how_are_you = "<?php echo gettext("how_are_you"); ?>"

そしてそれを含めます：

<script type="text/javascript" src="js_lang.php"></script>

S.Markが言及している翻訳プラグイン（非常に興味深い！）と組み合わせてこの方法をお勧めします。

外部ファイルを含めなくても、現在のページのヘッダーで辞書を定義することもできますが、そうすると、ページが読み込まれるたびにデータを検索して送信する必要があります。

18
Pekka 웃

私は通常、翻訳をJavaScript構造でエクスポートします。

_var app = {}
var app.translations = {
  en:  { hello: "Hello, World!"
       , bye:   "Goodbye!"
       }
, nl:  { hello: "Hallo, Wereld!"
       , bye:   "Tot ziens!"
       }
};
_

ページテキストの現在の言語は、_<html xml:lang="en" lang="nl">_を使用して定義できます。

これはJavaScriptで読むことができます：

_var curentLanguage = document.documentElement.lang || "en";
app.lang = app.translations[ currentLanguage ] || app.translations.en;
_

そして、あなたはこのようなコードを書くことができます：

_alert( app.lang.hello );
_

オプションで、i18n()またはgettext()関数は、キーが存在しない場合にデフォルトのテキストを返すために、ある程度のインテリジェンスをもたらすことができます）。例えば：

_function gettext( key )
{
  return app.lang[ key ] || app.translations.en[ key ] || "{translation key not found: " + key + "}";
}
_
13
vdboor

お試しください jQuery i18n または jQuery localization

JQuery i18nの例です。もちろん、phpの言語ファイルからJSONベースの辞書を生成する必要があります

var my_dictionary = { 
    "some text"  : "a translation",
    "some more text"  : "another translation"
}
$.i18n.setDictionary(my_dictionary);


$('div#example').text($.i18n._('some text'));
7
YOU

JSGettext （ アーカイブされたリンク ）は、GNU gettext仕様の最良の実装です。最初にJSGETTEXTパッケージをダウンロードし、ページ/ js/Gettextに含めます。 js

<?php
$locale = "ja_JP.utf8";
if(isSet($_GET["locale"]))$locale = $_GET["locale"];
?>
<html>
<head>
<link rel="gettext" type="application/x-po" href="/locale/<?php echo $locale ?>/LC_MESSAGES/messages.po" />
<script type="text/javascript" src="/js/Gettext.js"></script>
<script type="text/javascript" src="/js/test.js"></script>
</head>
<body>
Test!
</body>
</html>

たとえばJavaScriptコード

window.onload = function init(){
var gt = new Gettext({ 'domain' : 'messages' });
alert(gt.gettext('Hello world'));
}

以下のリンクを参照してください。 .jsファイルを.phpに変換せずに問題なく動作しています。

ここをクリック

3
Praveen D

コードで文字列リテラルを使用するという悪い癖をなくすと、生活がはるかに簡単になります。つまり、代わりに

 alert("Some message")

使用する

alert($("#some_message_id").text())

「#some_message_id」は、サーバー側で生成される非表示のdivまたはスパンです。

1
user187291

GNU gettext APIのJavaScript実装の場合、これらのリンクも役立ちます。
http://tnga.github.io/lib.ijs
http://tnga.github.io/lib.ijs/docs/iJS.Gettext.html

//set the locale in which the messages will be translated
iJS.i18n.setlocale("fr_FR.utf8") ;
//add domain where to find messages data. can also be in .json or .mo
iJS.i18n.bindtextdomain("domain_po", "./path_to_locale", "po") ;
//Always do this after a `setlocale` or a `bindtextdomain` call.
iJS.i18n.try_load_lang() ; //will load and parse messages data from the setting catalog.
//now print your messages
alert( iJS.i18n.gettext("messages to be translated") ) ;
//or use the common way to print your messages
alert( iJS._("another way to get translated messages") ) ;
1
tnga

さらにヒントとして、.poファイルからjsonを生成するpo2jsonと呼ばれるPerlスクリプトがあります。

1
dsas

このライブラリは、JavaScriptでのgetTextの最適な実装のようです。

http://messageformat.github.io/Jed/

https://github.com/messageformat/Jed

ドキュメントの例：

<script src="jed.js"></script>
<script>
var i18n = new Jed({
  // Generally output by a .po file conversion
  locale_data : {
    "messages" : {
      "" : {
        "domain" : "messages",
        "lang"   : "en",
        "plural_forms" : "nplurals=2; plural=(n != 1);"
      },
      "some key" : [ "some value"]
    }
  },
  "domain" : "messages"
});

alert( i18n.gettext( "some key" ) ); // alerts "some value"
</script>
0
abumalick