我正在尝试使用谷歌翻译翻译用户评论。我使用官方向导(http://translate.google.com/translate_tools)来生成java脚本和html代码:
<script>
function googleSectionalElementInit() {
new google.translate.SectionalElement({
sectionalNodeClassName: 'goog-trans-section',
controlNodeClassName: 'goog-trans-control',
background: '#f4fa58'
}, 'google_sectional_element');
}
</script>
<script src="//translate.google.com/translate_a/element.js?cb=googleSectionalElementInit&ug=section&hl=auto"></script>
<div class="goog-trans-section">
<div class="goog-trans-control">
</div>
some text in some language
</div>
我不想翻译整个页面,只翻译评论。不幸的是,为部分翻译生成的代码没有提供用于语言选择的下拉框。有人知道怎么实现这个吗?我尝试将includedLanguages: 'en,fr,de,ru',
添加到java脚本代码中,但它没有帮助。
超级简单的事情就是使用下面的步骤。
1. 在需要显示翻译下拉菜单的地方添加以下代码:
<div id="google_translate_element"></div>
<script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'en'
}, 'google_translate_element');
}
</script>
<script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
- 添加class="notranslate"到body标签
- 添加class="translate"到你想被google翻译的部分
似乎分段翻译小部件的行为与我所期望的不同(也许与您所期望的不同)。"整个网页"小部件会给你一个下拉菜单,让用户选择他们想要用哪种语言显示页面。
"网页的部分"小部件似乎是为了处理有不同语言的单独部分的网站,您希望用户能够将这些部分翻译成您的主要页面语言。当你点击官方向导上的"预览你的页面"链接时,这一点就变得清晰了。
如果你看一下生成的标记,你会发现你对页面的部分进行了如下标记:
<div class="goog-trans-section" lang="zh-CN">
...content in Chinese...
</div>
脚本会自动添加一个"Translate"链接,允许您将此文本翻译回英文。
为了达到我想要的(我猜你也想要做的),我需要坚持"整个网页"片段,但添加一类notranslate
到我不想翻译的任何东西。