Перевод на JavaScript, как gettext на PHP?
-
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>
Я бы также рекомендовал этот метод в сочетании с плагинами перевода, упомянутыми С.Марком (которые очень интересны!).
Вы также можете определить словарь в заголовке текущей страницы, не включая внешний файл, но в этом случае вам придется искать и отправлять данные при каждой загрузке страницы, что совершенно необязательно, поскольку словарь имеет тенденцию меняться очень редко.
Другие советы
Обычно я экспортирую переводы в структуру 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 i18n или локализация jQuery
Пример для jQuery i18n, и, конечно же, вам нужно сгенерировать словарь на основе JSON из языкового файла из php.
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, который генерирует json из файла .po.
Для реализации 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>