i18 support

i18next

i18next 是一个功能齐全的i18n JavaScript库,用于翻译您的Web应用程序。

示例演示文字

您可以更改演示文本的语言以及按钮上的简单功能点击菜单。 尝试一下:
EN ES
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

接下来,您需要在要使用i18的所有地方添加html指标。

<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文件位于/ locales文件夹中。

$.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>

Javascript代码

$('.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尺寸。

flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag flag