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

时间:2015-08-10 09:09:53

标签: javascript translation google-translate

我想知道是否有办法使用谷歌翻译,或任何其他应用程序/小部件/方式programaticaly嵌入翻译到网站,以帮助翻译特定内容(不是一般所有网站翻译):

示例:

我有一个表单输入元素,其值为英语,并且只希望将该值翻译为法语,并将其插入特定的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(或其自身)类似的内容...是否有任何app / widget /方式可以在不翻译所有页面的情况下执行此操作?

谢谢

1 个答案:

答案 0 :(得分: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#Controller:

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