javascript - 如何使用 JavaScript 在我的网站中添加带有自定义标记的语言翻译器?

标签 javascript google-translate google-translation-api

我正在使用 php 和 javascript。我想在我的网站中添加带有国旗的自定义语言选择器。我从 w3schools 教程中编写了以下代码;

<!DOCTYPE html>
<html lang="en-US">

<body>

    <h1>My Web Page</h1>

    <p>Hello everybody!</p>

    <p>Translate this page:</p>

    <div id="google_translate_element"></div>

    <script type="text/javascript">
        function googleTranslateElementInit() {
            new google.translate.TranslateElement({ pageLanguage: 'en' }, 'google_translate_element');
        }
    </script>

    <script type="text/javascript"
        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

    <p>You can translate the content of this page by selecting a language in the select box.</p>

</body>

</html>

在所有语言中,我只对三种语言感兴趣(塔吉克语、俄语、英语)。我这样放置这个语言标志;

<div class="flag">
      <a href="#" class="eng" data-lang="eng"><img class="img-fluid" src="./img/flag-eng.png" alt=""></a>
      <a href="#" class="taj" data-lang="es"><img class="img-fluid" src="./img/flag-taj.png" alt=""></a>
      <a href="#" class="rus" data-lang="rs"><img class="img-fluid" src="./img/flag-rus.png" alt=""></a>
</div>

但我不知道如何更改标记中选定的语言。有什么帮助吗?

最佳答案

您可以在 Google 翻译功能中添加includedLanguages: "en,es",以仅启用特定语言。

示例:

function googleTranslateElementInit() {
  new google.translate.TranslateElement({ pageLanguage: 'en',includedLanguages: "en,es" }, 'google_translate_element');
}

includedLanguages - 使用所需的语言进行更新。

关于javascript - 如何使用 JavaScript 在我的网站中添加带有自定义标记的语言翻译器?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58795636/

相关文章:

javascript - 我应该在 google translate api 请求正文中放入什么参数?

python - Google Cloud Translate API 客户端属性

javascript - 从 jquery 到页面变量

javascript - 上传图片时如何获取图片路径

javascript - 提交 HTML 表单时执行 2 个连续任务(使用 Ajax 和使用 Node.js 中的 Express 制作的服务器)

java - 缺少有关 Google Translation API 客户端问题的有效 API key ?

javascript - 如何设置谷歌翻译的默认语言?

javascript - 使用 javascript/jquery 将 css 链接注入(inject)头部

java - 使用 Google Translate API 进行翻译

vb.net - 谷歌翻译 API 身份验证