i18next/i18next

View on GitHub
sample.html

Summary

Maintainability
Test Coverage
<html>
  <head>
    <script src="./i18next.min.js" ></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/i18next-browser-languagedetector/1.0.1/i18nextBrowserLanguageDetector.min.js" ></script>
  </head>

  <body>

    <div>open console</div>

    <script>
      // use plugins and options as needed, for options, detail see
      // - https://www.i18next.com/overview/plugins-and-utils
      // - https://www.i18next.com/overview/configuration-options
      i18next
      .use(window.i18nextBrowserLanguageDetector)
      .init({
        //lng: 'en', // evtl. use language-detector https://github.com/i18next/i18next-browser-languageDetector
        resources: { // evtl. load via xhr https://github.com/i18next/i18next-xhr-backend
          en: {
            translation: {
              input: {
                placeholder: "a placeholder"
              },
              nav: {
                home: 'Home',
                page1: 'Page One',
                page2: 'Page Two'
              }
            }
          }
        },
        debug: true
      }, function(err, t) {
        var fixedT = i18next.getFixedT(null, null);
        console.warn(fixedT('nav.page3', 'support'), fixedT('nav.page3', 'support') === 'support');
        console.warn(i18next.t('input.placeholder'), i18next.t('input.placeholder') === 'a placeholder');
        console.warn(i18next.t('nav.home'), i18next.t('nav.home') === 'Home');
        console.warn(i18next);
      });
    </script>

  </body>

</html>