如何使用谷歌翻译按钮仅转换为特定语言？答案

【问题标题】：How to use Google translate button for conversion to specific language only?如何使用谷歌翻译按钮仅转换为特定语言？
【发布时间】：2020-03-26 21:28:14
【问题描述】：

这是来自https://www.w3schools.com/HOWTO/tryit.asp?filename=tryhow_google_translate的代码

<!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>

</body>
</html>

但我的情况是，用户在英文文本框中输入文本，点击“翻译”按钮，另一个文本框得到西班牙语的翻译文本。我尝试将 'google_translate_element' 替换为 'es' 或 'Spanish' 但没有奏效。有什么建议吗？

【问题讨论】：

标签： google-translate translate

【解决方案1】：

从谷歌支持找到解决方案，因此分享给可能需要它的人。您可以使用includedLanguages 并列出您想在下拉列表中显示的逗号分隔语言：

<!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', includedLanguages: 'es', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, autoDisplay: false}, '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>

【讨论】：