jQuery を使用して要素からテキストを取得し、それを他の言語に翻訳することは可能ですか?
前
<p>Hello</p>
後
<p>bonjour</p>
jQuery を使用して要素からテキストを取得し、それを他の言語に翻訳することは可能ですか?
前
<p>Hello</p>
後
<p>bonjour</p>
この 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
Google 翻訳 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);
無料の Google Translate API は 2011 年 12 月 1 日に廃止されたため、Bing トランスレータを使用してください。
Google 翻訳の Javascript API を使用できます。
<p id="some">Hello</p>
<input id="trans" value="Translate" type="button">
<script>
$('#trans').click(function() {
google.language.translate($('#some').html(), 'en', 'fr', function(result) {
$('#some').html(result.translation);
});
});
</script>
API を使用するには、ページの HEAD セクションに js ライブラリをロードする必要があります。
これを試してみませんか:
var body = $("body");
var html = body.html();
var nhtml = html.split(" ");
var dict = [];
for (var i = 0; i < nhtml.length; i++) {
nhtml[i].replace(dict[index]);
}
何でも代用できます。