如何获取谷歌翻译部分与下拉列表的语言工作?

时间:2011-12-02 15:51:13

标签: google-translate

我正在尝试使用谷歌翻译来翻译用户评论。我正在使用官方向导(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脚本代码中,但它没有帮助。

2 个答案:

答案 0 :(得分:6)

超级简单的事情就是使用以下步骤。
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>
  1. 将class =“notranslate”添加到body标记
  2. 将class =“translate”添加到您希望通过google translate翻译的部分。

答案 1 :(得分:1)

看起来截面翻译小部件的行为与我的预期不同(也许与你期望的方式不同)。 “整个网页”小部件为您提供下拉菜单,让用户选择他们想要显示该页面的语言。

网页的“部分”窗口小部件似乎是为了处理具有不同语言的各个部分的网站,您希望用户能够将这些部分翻译成您的主要网页语言。当您点击the official wizard上的“预览页面”链接时,这一点就变得清晰了。

如果查看生成的标记,您会看到标记页面的部分是这样的:

<div class="goog-trans-section" lang="zh-CN">
  ...content in Chinese...
</div>

该脚本会自动附加“翻译”链接,您可以将此文本翻译成英文。

为了实现我想要的(以及我猜你想要做的事情)我需要坚持“整个网页”片段,但在我不想要的任何内容中添加notranslate类被翻译。