如何使网站多语言

Question

下面是我的 html 代码...与 .js 集成，我想在右上角添加多语言选项。如果有人可以在代码中添加它，那就太好了。我为 lex 做了这个，但我没有 HTML 方面的经验。这也可以捕获音频，如果有人可以建议以多语言更改音频，那就太棒了。 `

<html>
  <head>
    <!-- Font Dependencies -->
    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons" rel="stylesheet" type="text/css">

    <!-- Vuetify CSS Dependencies -->
    <link href="https://unpk`enter code here`g.com/vuetify@0.16.9/dist/vuetify.min.css" rel="stylesheet" type="text/css">

    <!-- LexWebUi CSS from dist directory -->
    <link href="./lex-web-ui.css" rel="stylesheet" type="text/css">
    <!-- page specific LexWebUi styling -->
    <style type="text/css">
      #lex-web-ui-app { display: flex; height: 100%; width: 100%; }
      body, html { overflow-y: auto; overflow-x: hidden; }
    </style>
  </head>
  <body>
    <!-- application will be dynamically mounted here -->
    <div id="lex-web-ui"></div>

    <!--
      Vue, Vuex, Vuetifiy and AWS SDK dependencies must be loaded before lex-web-ui.js.
      Loading from third party CDN for quick testing
    -->
    <script src="https://unpkg.com/vue@2.5.3"></script>
    <script src="https://unpkg.com/vuex@3.0.1"></script>
    <script src="https://unpkg.com/vuetify@0.16.9"></script>
    <script src="https://sdk.amazonaws.com/js/aws-sdk-2.149.0.min.js"></script>

    <!-- LexWebUi Library from dist directory -->
    <script src="./lex-web-ui.js"></script>

    <!-- instantiate the web ui with a basic config -->
    <script>
      // LexWebUi supports numerous configuration options. Here
      // is an example using just a couple of the required options.
      var config = {
        cognito: {
          // Your Cognito Pool Id - this is required to provide AWS credentials
          poolId: ''
        },
        lex: {
          // Lex Bot Name in your account
          botName: 'demo'
        }
      };
      // load the LexWebUi component
      var lexWebUi = new LexWebUi.Loader(config);
      // instantiate Vue
      new Vue({
        el: '#lex-web-ui',
        store: lexWebUi.store,
        template: '<div id="lex-web-ui-app"><lex-web-ui/></div>',
      });
    </script>
  </body>
</html>

`

Answer 1

在您的根目录中创建一个名为：'language'
创建一个名为 'en-GB.language.ini' 的文件和一个名为：'overrides'
在这两个文件夹中添加一个空 'index.html'
在文件夹 'overrides'
像这样设置语言文件：

RO_NO_TEXT_UPDATE="Message is empty, please try again."

在您的根文件夹 'classes' 中创建一个 class 并将其包含在您的索引中。命名：'language'
创建一个加载语言文件的函数。 7.1 根据 selected/server 设置（或检查 'headers'），在主文件
创建一个可以静态调用的函数和returns被调用的文本
示例代码：echo RDtext::_('RO_NO_TEXT_UPDATE') 将显示："Message is empty, please try again."

当您在另一种语言文件（例如荷兰语文件）中使用 RO_NO_TEXT_UPDATE 时，英语文本将被荷兰语给定的单词所否决："Bericht is leeg, probeer het opnieuw."

希望我能给你一个关于如何让它正常工作的想法。

或者您可以让 google 翻译正常工作，但这需要您的服务器取得相当大的进步：https://packagist.org/packages/stichoza/google-translate-php

Answer 2

试试这个 google 翻译 API。将其添加到您的网站 https://translate.google.com/manager/website/

如何使网站多语言

How to make a website multi language

javascript

html

xhtml