的JavaScript / jQuery的 - 获取的文本和翻译它 [英] JavaScript/jQuery - Get text and translate it

问题描述

是否有可能使用jQuery从一个元素获取文本，并将其翻译成其他语言？

在

 ＆LT; P＆GT;您好＆LT; / P＆GT;
 

在

 ＆LT; P＆GT;卓悦＆LT; / P＆GT;
 

解决方案

使用谷歌翻译API。使用方便。下面西班牙语翻译为英语。要和其他语言的翻译，只需更改ES和'恩'

＆LT; D​​IV ID =内容＆GT;＆LT; / DIV＆GT;

 的google.load（语言，1）;函数初始化（）{
    VAR内容=的document.getElementById（'内容'）;
    content.innerHTML ='＆LT; D​​IV ID =TEXT＆GT;霍拉，我ALEGRO MUCHO德韦尔特＆LT; \\ / DIV＆GT;＆LT; D​​IV ID =翻译/＆GT;';
    变种文字=的document.getElementById（文本）的innerHTML。
    google.language.translate（文字，'上课'，'恩'，函数（结果）{
        VAR翻译=的document.getElementById（翻译）;
        如果（result.translation）{
            translated.innerHTML = result.translation;
        }
    }）;
}
google.setOnLoadCallback（初始化）;
 

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

Is it possible to use jQuery to get a text from an element and translate it to other languages?

Before

<p>Hello</p>

After

<p>bonjour</p>

解决方案

Use Google translation API. Easy to use. The following translates Spanish to English. To translate from and to other languages, simply change 'es' and '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);

Check working example at http://jsfiddle.net/wJ2QP/1/

这篇关于的JavaScript / jQuery的 - 获取的文本和翻译它的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！