JavaScript 中的翻译就像 PHP 中的 gettext 一样？

StackOverflow https://stackoverflow.com/questions/2400106

  •  18-09-2019
  •  | 
  •  

题

我在用 gettext 在我的 PHP 代码中，但我有一个大问题。我的所有 JavaScript 文件都不受翻译的影响，有人可以告诉我一种简单的方法，可以将所选语言的翻译也转换为 JavaScript。

有帮助吗？

解决方案

最简单的方法是具有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提到一起（这是很有趣的！）。

您可以定义在当前页面的页眉字典，也没有包括外部文件，但这样一来，你就必须查找并发送每一个页面加载的数据 - 完全没有必要，因为字典倾向于改变很少。

其他提示

我一般导出翻译在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 + "}";
}

尝试， jQuery 国际化 或者 jQuery 本地化

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'));

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。

点击这里

您可以让您的生活更容易，如果你改掉坏习惯，在你的代码中使用字符串文字。即，而不是

 alert("Some message")

使用

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

其中“#some_message_id”是在服务器侧生成的隐藏的div或跨度。

作为进一步的暗示有一个perl脚本称为po2json将从一个.po文件生成JSON。

有关JavaScript实现GNU gettext的API的这些键可以是也是有用的：结果      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") ) ;

此库似乎的getText的最佳执行在javascript：

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>
许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top