如何翻译网站中的特定内容 [英] How to translate specific content in website
问题描述
我想知道是否有一种方法可以使用Google翻译,或通过任何其他应用程序/小工具/编程方式将翻译嵌入网站以帮助翻译特定内容(并非所有网站的翻译都如此):
I'm wondering if there is a way to use google translation, or any other app/widget/way to programaticaly embed translation into a website to help translating specific content (not general all site translation):
示例:
我有一个带有英语值的表单输入元素,只想将该值转换为法语,然后将其插入到特定的html元素中,然后以表单形式发送该信息.
I have one form input element with a value in english, and want to translate only that value to French, and insert it into a specific html element and then send that info in a form.
<!DOCTYPE html>
<html>
<body>
<input type="text" id="origin" value="Some text in English"/>
<button type="button" onclick="translate("origin", "destination")">Click Me to Translate!</button>
<input type="text" id="destination" value="Translated content"/>
<input type="submit"/>
</body>
</html>
目标是使用类似于www.translate.google.com(或其本身)的东西...是否有任何应用程序/小工具/方式来执行此操作而不翻译所有页面?
The objective would be to use something similar to www.translate.google.com (or itself)... is there any app/widget/way to do this without translate all page?
谢谢
推荐答案
这只是对我有用的一种(第一种)方法,可能可以对其进行优化.
This is just one (first) way that worked for me... it can, probably, be optimized.
要复制/粘贴的HTML:
HTML to copy/past:
<input type="text" id="txtMsgOrigin" value="" />
<input type="text" id="txtMsgDestiny" value="" />
<button id="btnTranslate" onclick="translateSourceTarget();">Translate</button>
JavaScript文件: (您可以分离函数以在Document.ready上获取令牌,因此可以减少翻译的等待时间,因为g_token中已经有一个access_token)
Javascript file: (you can separate functions to get token on Document.ready, so you can cut waiting time on translation, because you would already have an access_token in g_token)
var g_token = '';
function getToken() {
var requestStr = "getTranslatorToken";
$.ajax({
url: requestStr,
type: "GET",
cache: true,
dataType: 'json',
success: function (data) {
g_token = data.access_token;
var src = $("#txtMsgOrigin").val();
translate(src, "en", "pt");
}
});
}
function translate(text, from, to) {
var p = new Object;
p.text = text;
p.from = from;
p.to = to;
p.oncomplete = 'ajaxTranslateCallback'; // <-- a major puzzle solved. Who would have guessed you register the jsonp callback as oncomplete?
p.appId = "Bearer " + g_token; // <-- another major puzzle. Instead of using the header, we stuff the token into the deprecated appId.
var requestStr = "//api.microsofttranslator.com/V2/Ajax.svc/Translate";
window.ajaxTranslateCallback = function (response) {
// Display translated text in the right textarea.
//alert(response);
$("#txtMsgDestiny").val(response);
}
$.ajax({
url: requestStr,
type: "GET",
data: p,
dataType: 'jsonp',
cache: true
});
}
function translateSourceTarget() {
// Translate the text typed by the user into the left textarea.
getToken()
}
C#控制器:
public async Task<JToken> getTranslatorToken()
{
string clientID = ConfigurationManager.AppSettings["ClientID"].ToString();
string clientSecret = ConfigurationManager.AppSettings["ClientSecret"].ToString();
Uri translatorAccessURI = new Uri("https://datamarket.accesscontrol.windows.net/v2/OAuth2-13");
// Create form parameters that we will send to data market.
Dictionary<string, string> requestDetails = new Dictionary<string, string>
{
{ "grant_type", "client_credentials" },
{ "client_id", clientID},
{ "client_secret", clientSecret },
{ "scope", "http://api.microsofttranslator.com" }
};
FormUrlEncodedContent requestContent = new FormUrlEncodedContent(requestDetails);
// We use a HttpClient instance for Azure Marketplace request
HttpClient client = new HttpClient();
//send to data market
HttpResponseMessage dataMarketResponse = await client.PostAsync(translatorAccessURI, requestContent);
// If client authentication failed then we get a JSON response from Azure Market Place
if (!dataMarketResponse.IsSuccessStatusCode)
{
//JToken error = await dataMarketResponse.Content.ReadAsAsync<JToken>();
JToken error = await dataMarketResponse.Content.ReadAsStringAsync();
string errorType = error.Value<string>("error");
string errorDescription = error.Value<string>("error_description");
throw new HttpRequestException(string.Format("Azure market place request failed: {0} {1}", errorType, errorDescription));
}
// Get the access token to attach to the original request from the response body
JToken response = JToken.Parse(await dataMarketResponse.Content.ReadAsStringAsync());
return response;
}
是时候让头发再次在我的头上长起来了! :-P
Time for hair to grow again in my head! :-P
这篇关于如何翻译网站中的特定内容的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!