要使用谷歌翻译按钮将文本转换为特定的语言,可以按照以下步骤进行操作:
<head>
标签中添加以下代码实现:<script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<div>
元素,用于放置翻译按钮和翻译结果。可以通过以下代码添加:<div id="google_translate_element"></div>
googleTranslateElementInit
函数,用于初始化翻译按钮。可以通过以下代码实现:function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'auto'}, 'google_translate_element');
}
class="notranslate"
属性,以防止该文本被自动翻译。例如:<p class="notranslate">This text will not be translated.</p>
<body>
结束标签前添加以下代码,用于加载谷歌翻译按钮:<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'auto'}, 'google_translate_element');
}
</script>
完成以上步骤后,刷新网页即可看到谷歌翻译按钮。用户可以点击按钮选择目标语言,然后谷歌翻译将会自动将页面上的文本翻译为所选语言。
请注意,以上步骤中涉及到的 googleTranslateElementInit
函数是谷歌翻译 API 提供的回调函数,用于初始化翻译按钮。此外,为了确保翻译按钮正常工作,确保网页可以访问谷歌翻译的 API。
领取专属 10元无门槛券
手把手带您无忧上云