inspinia 2.9.2 | i18 support

i18next

i18next 是一个功能齐全的i18n 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

接下来，您需要在要使用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尺寸。

i18 support