Мне нужно сделать функцию перевода на веб-странице для моего школьного задания.Теперь я использовал Google API, чтобы выполнить вывод.
но я не удовлетворен результатами.
Я хочу иметь несколько языков вместо всех языков.
Я бы хотел связать переводы по пользовательской ссылке.Как выпадающее меню Boodstrap.
или я должен пересмотреть другой вариант в моем случае?
Я немного поиграл с Google API.
function googleTranslateElementInit(){
new google.translate.TranslateElement({pageLanguage: 'nl'}, 'Translator_language_selector')
}
<!-- stoart of the translate module -->
<script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="/src/public/scripts/app_translator.js"></script>
<!-- End of the translate module -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
NL
</a>
<div id="Translator_language_selector"></div>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="?lang=nl">nl</a>
<a class="dropdown-item" href="?lang=en">En</a>
<a class="dropdown-item" href="?lang=fr">Fr</a>
<a class="dropdown-item" href="?lang=de">De</a>
</div>
</li>