如何翻译网站中的特定内容答案

【问题标题】：How to translate specific content in website如何翻译网站中的特定内容
【发布时间】：2015-08-10 09:09:53
【问题描述】：

我想知道是否有办法使用谷歌翻译，或任何其他应用程序/小部件/方式以编程方式将翻译嵌入网站以帮助翻译特定内容（不是一般所有网站翻译）：

例子：

我有一个带有英文值的表单输入元素，并且只想将该值翻译成法语，并将其插入到特定的 html 元素中，然后在表单中发送该信息。

<!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（或它本身）的东西...有没有任何应用程序/小部件/方法可以在不翻译所有页面的情况下做到这一点？

谢谢

【问题讨论】：

试试这个：web.archive.org/web/20110720142541/http://basharkokash.com/post/…
愿望引导我到..msdn.microsoft.com/en-us/library/dn261783.aspx
这让我... techbrij.com/microsoft-translator-asp-net-mvc-4-web-api

标签： javascript translation google-translate

【解决方案1】：

这只是对我有用的一种（第一种）方法......它可能会被优化。

要复制/粘贴的 HTML：

<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）

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

【讨论】：

查看 john dimm 的工作示例：johndimm.com/FunWithSpeech/BingTranslator