JavaScript/jQuery - 获取文本并翻译它

Question

是否可以使用 jQuery 从元素中获取文本并将其翻译成其他语言？

之前

<p>Hello</p>

之后

<p>bonjour</p>

Answer 1

使用这个 JQuery 插件 https://github.com/tinoni/translate.js

免责声明:我是作者

1 - 将“trn”类添加到您要翻译的文本中:

<span class="trn">text to translate</span>

2 - 定义字典:

var dict = {
  "text to translate": {
    pt: "texto para traduzir"
  },
  "Download plugin": {
    pt: "Descarregar plugin",
    en: "Download plugin"
  }
}

3 - 翻译整个页面正文:

var translator = $('body').translate({lang: "en", t: dict}); //use English

4 - 更改为另一种语言:

translator.lang("pt"); //change to Portuguese