国际化

i18next

i18next 是一个功能齐全的国际化的JavaScript库，将在你的web应用中实现。

示例演示文本

你可以改变演示文本的语言，也可以用简单的按钮点击菜单上的菜单。尝试：

i18next 配置

步骤 1

添加你的应用程序，你需要定义你想翻译支持i18的文字。定义文本的最佳方式是将其存储在外部的JSON文件。例如：

每一种语言都应该有自己的JSON文件！

en.json


  "app":
    "name": "INSPINIA 2.4"
  },
  "nav":
    "dashboard": "Dashboards",
    "graphs": "Graphs",
    "mailbox": "Mailbox",
  },
}

es.json


  "app":
    "name": "INSPINIA 2.4"
  },
  "nav":
    "dashboard": "Salpicadero",
    "graphs": "Gráficos",
    "mailbox": "El correo",
  },
}

步骤 2

下一步你需要添加HTML代码在所有你想使用i18的地方。

<div id="i18_links">
    <span data-i18n="nav.dashboard"> </span>
    <span data-i18n="nav.graphs"> </span>
    <span data-i18n="nav.mailbox"> </span>
</div>

步骤 3

下一步你需要初始化i18next插件：
JSON文件/地点的文件夹。

$.i18n.init(
    resGetPath: 'locales/__lng__.json',
    load: 'unspecific',
    fallbackLng: false,
    lng: 'en'
}, function (t)
    $('.i18_links').i18n();
});

步骤 4

之后，如果你想改变你的语言只需要添加按钮和弹出i18n.setlng()功能。

HTML

<a class="btn btn-white set_en"> Set EN language</a>

<a class="btn btn-white set_es"> Set ES language</a>

js

$('.set_en').on('click', function ()
    i18n.setLng('en', function()
        $('.i18_links').i18n();
    });
});

$('.set_es').on('click', function ()
    i18n.setLng('es', function()
        $('.i18_links').i18n();
    });
});

关于具体功能和配置选项，您可以查找官方i18next文档。

250个国旗

为所有国家设置780个标志图标。所有的标志都可与16x16、32x32和64x64大小。