I18Next - Start Programming
Home: http://i18next.com/
Configure / Usage
Step 1: Download script
- Download i18next 1.7.7 for version 1.7.7, or latest version over home.
- Locate the file in
js/i18next-1.7.7.min.js
.
Step 2: JavaScript in HTML page
<script src="js/i18next-1.7.7.min.js"></script>
Step 3: Initialize I18N
$(function() {
i18n
.init({
detectLngQS: 'lang',
resGetPath: 'locales/__ns__-__lng__.json'
})
.done(function() {
$('[data-i18n]').i18n();
});
});
- You need to locate
translation-en.json
like file in the location ofROOT/locales/translation-en.json
.
Step 4: Create JSON
Edit file
vim src/main/webapp/webresource/locales/translation-en.json
with content
{
"admin": {
"title": {
"home": "Administration Page",
"account": "Account",
"report": "Report",
"publisher": "Publisher"
}
}
}
Step 5: Use in HTML and Javascript
<a href="#" data-i18n="admin.title.home"></a>
<script>console.log($.t("admin.title.home"));</script>