Как использовать кнопку Google translate для перевода только на указанный c язык? - PullRequest
Новая
       48

Как использовать кнопку Google translate для перевода только на указанный c язык?

0 голосов
/ 27 марта 2020

Вот код из 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>

Но у меня возникает ситуация, когда пользователь вводит текст в текстовое поле на английском языке sh, нажимая кнопку «Перевести» а другое текстовое поле - переведенный текст на испанском sh. Я попытался заменить 'google_translate_element' на 'es' или 'Spani sh', но это не сработало. Есть предложения?

1 Ответ

0 голосов
/ 27 марта 2020

Нашли решение от службы поддержки Google, так что поделитесь тем, кому это может понадобиться. Вы можете использовать включены языки и перечислить разделенные запятыми языки, которые вы хотите отобразить в выпадающем списке: 

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