JavaScript/jQuery - 获取文本并进行翻译

Question

是否可以使用jQuery从元素中获取文本并将其转换为其他语言？

之前

<p>Hello</p>

后

<p>bonjour</p>

Answer 1

使用这个JQuery插件 http://www.openxrest.com/translatejs

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

Answer 2

使用谷歌翻译 API。便于使用。以下将西班牙语翻译成英语。要从其他语言翻译成其他语言，只需更改'es'和'en'

<div id="content"></div>

google.load("language", "1");

function initialize() {
    var content = document.getElementById('content');
    content.innerHTML = '<div id="text">Hola, me alegro mucho de verte.<\/div><div id="translation"/>';
    var text = document.getElementById("text").innerHTML;
    google.language.translate(text, 'es', 'en', function(result) {
        var translated = document.getElementById("translation");
        if (result.translation) {
            translated.innerHTML = result.translation;
        }
    });
}
google.setOnLoadCallback(initialize);

在http://jsfiddle.net/wJ2QP/1/检查工作示例