i18n 的替换文件是这样的
//中文
index: {
lijihuoqu:'立即获取',
yue:'余额'
qubangding: '去绑定'
}
//英文
index: {
lijihuoqu: 'Get',
yu_e: 'Balance',
qubangding: 'Unbind'
//日文
index: {
lijihuoqu: '取得',
yu_e: '余额'，
qubangding: 'バインドに行く'
//韩文
index: {
lijihuoqu: '가져오기',
yue: '잔고',
qubangding: '바인딩'
唉.. 特征就是 同样的键，对应不同语言但是相同意思的值！
组长让我拿着超级长的中文index对象，用有道翻译一个一个去翻译.. cv到键盘差点烂掉..
其实 可以调用翻译的SDK接口，提供给定的格式，就可以进行批量的翻译！
-
1. 选择百度SDK。去官网注册一个key账户。
申请账户说明链接：api.fanyi.baidu.com/product/113 -
2. 拿官方demo下来改....
官方有提供一个说明怎么使用的demo，可以自己翻.. 不翻直接复制我的也行... -
3. 处理返回的数据格式....
首先，返回的是数组，但是我要键值对对象，所以会循环遍历复制到index对象上。然后我要得到index内容，但是谷歌打印对象没有逗号，序列化键会有双引号！最后采用的方法是把对象序列化，然后用正则去掉键的双引号，就是可以直接复制index对象文件的格式了！我还贴心的提供了一键复制的功能，不过代码格式自己去代码编辑器一键一下吧~ 然后代码在这里..
使用说明：一共有三个文件，放在文件夹同一层级。要翻译的index对象写在map_language文件里面（不能太长阿！！太长会报错！），然后运行index.html文件点击语种按钮就会看到翻译结果再页面上了，可以一键复制！
github直接下载文件方便一点吧 : github.com/abu-demo/tr…
index.heml 文件
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style type="text/css">
span{
color: #222222;
}
</style>
</head>
<body style="padding: 60px;">
<span style="font-size: 20px;font-weight: bold;">中文翻译成 </span>
<span style="font-size: 18px;font-weight: bold;border-radius:10px ;padding: 5px 10px; margin-left:20px ;outline: none; color: #3e3e3e;border: 2px solid #3e3e3e; background-color: white;"
onclick="search('jp')">日语</span>
<span style="font-size: 18px;font-weight: bold;border-radius:10px ;padding: 5px 10px; margin-left:20px ;outline: none; color: #3e3e3e;border: 2px solid #3e3e3e; background-color: white;"
onclick="search('kor')">韩语</span>
<span style="font-size: 18px;font-weight: bold;border-radius:10px ;padding: 5px 10px; margin-left:20px ;outline: none; color: #3e3e3e;border: 2px solid #3e3e3e; background-color: white;"
onclick="search('en')">英语</span>
<span style="font-size: 18px;font-weight: bold;border-radius:10px ;padding: 5px 10px; margin-left:20px ;outline: none; color: #3e3e3e;border: 2px solid #3e3e3e; background-color: white;"
onclick="search('th')">泰语</span>
<span style="font-size: 18px;font-weight: bold;border-radius:10px ;padding: 5px 10px; margin-left:20px ;outline: none; color: #3e3e3e;border: 2px solid #3e3e3e; background-color: white;"
onclick="search('vie')">越南语</span>
<p id="result" style="margin: 60px 0px;">
-- 结果将会渲染在此处 --
</p>
<span class="btn btn-sm btn-default" onclick="copyText()" style="font-size: 18px;font-weight: bold;border-radius:10px ;padding: 5px 10px; margin-left:20px ;outline: none; color: white;border: 2px solid #3e3e3e; background-color: #3e3e3e;">复制结果</span>
<span id="copy_success" style="display: none; margin-left: 10px; font-size: 14px;color: #3e3e3e;">复制成功啦! (●’◡’●)ﾉ
</span>
<script src="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="./md5.js"></script>
<script src="./map_language.js"></script>
<script type="text/javascript">
// 复制翻译结果
function copyText() {
var Url2 = document.getElementById("result").innerText;
var oInput = document.createElement('input');
oInput.value = Url2;
document.body.appendChild(oInput);
oInput.select();
document.execCommand("Copy");
oInput.className = 'oInput';
oInput.style.display = 'none';
// 复制成功提醒
document.getElementById('copy_success').style.display = "";
}
function search(val) {
// 关闭成功提醒
document.getElementById('copy_success').style.display = "none";
let res = {},
prop = Object.keys(index), //属性数组
value = Object.values(index) //属性值数组
let query = value.join('\n')
// console.log(prop)
console.log(value.join('/'))
function fanyi(query) {
var appid = '20200317000399931';
var key = 'ejSSGPWD6eKfiWR9Wxa2';
var salt = (new Date).getTime();
// var query = '苹果'; //单词2000以内
// 多个query可以用\n连接 如 query='apple\norange\nbanana\npear'
var str1 = appid + query + salt + key;
var sign = MD5(str1);
var result = ''
$.ajax({
url: 'http://api.fanyi.baidu.com/api/trans/vip/translate',
type: 'get',
dataType: 'jsonp',
data: {
q: query,
appid: appid,
salt: salt,
from: 'zh',
to: val,
sign: sign
},
success: function(data) {
let fanyi_arr = data.trans_result
// console.log(data.trans_result)
for (let i = 0; i < prop.length; i++) {
res[prop[i]] = fanyi_arr[i].dst
}
let str = JSON.stringify(res);
// 去{}
str = str.slice(1, -1);
// 去属性的双引号
str = str.replace(/"([^"]*)":/g, "$1:");
document.getElementById('result').innerHTML = str;
console.log(res)
}
});
}
fanyi(query)
}
</script>
</body>
</html>
map_language.js 文件 放你要翻译的对象 对象名一定要是index哦！
var index = {
qingxuanzeshoukuanfangshi: '请选择收款方式',
chongzhijilu: '充值记录',
fukuanfangshi: '付款方式',
shoukuanzongjine: '收款总金额',
liangzhongshoukuan: '请至少选两种收款方式'
}
md5.js
var MD5 = function (string) {
function RotateLeft(lValue, iShiftBits) {
return (lValue<<iShiftBits) | (lValue>>>(32-iShiftBits));
}
function AddUnsigned(lX,lY) {
var lX4,lY4,lX8,lY8,lResult;
lX8 = (lX & 0x80000000);
lY8 = (lY & 0x80000000);
lX4 = (lX & 0x40000000);
lY4 = (lY & 0x40000000);
lResult = (lX & 0x3FFFFFFF)+(lY & 0x3FFFFFFF);
if (lX4 & lY4) {
return (lResult ^ 0x80000000 ^ lX8 ^ lY8);
}
if (lX4 | lY4) {
if (lResult & 0x40000000) {
return (lResult ^ 0xC0000000 ^ lX8 ^ lY8);
} else {
return (lResult ^ 0x40000000 ^ lX8 ^ lY8);
}
} else {
return (lResult ^ lX8 ^ lY8);
}
}
function F(x,y,z) { return (x & y) | ((~x) & z); }
function G(x,y,z) { return (x & z) | (y & (~z)); }
function H(x,y,z) { return (x ^ y ^ z); }
function I(x,y,z) { return (y ^ (x | (~z))); }
function FF(a,b,c,d,x,s,ac) {
a = AddUnsigned(a, AddUnsigned(AddUnsigned(F(b, c, d), x), ac));
return AddUnsigned(RotateLeft(a, s), b);
};
function GG(a,b,c,d,x,s,ac) {
a = AddUnsigned(a, AddUnsigned(AddUnsigned(G(b, c, d), x), ac));
return AddUnsigned(RotateLeft(a, s), b);
};
function HH(a,b,c,d,x,s,ac) {
a = AddUnsigned(a, AddUnsigned(AddUnsigned(H(b, c, d), x), ac));
return AddUnsigned(RotateLeft(a, s), b);
};
function II(a,b,c,d,x,s,ac) {
a = AddUnsigned(a, AddUnsigned(AddUnsigned(I(b, c, d), x), ac));
return AddUnsigned(RotateLeft(a, s), b);
};
function ConvertToWordArray(string) {
var lWordCount;
var lMessageLength = string.length;
var lNumberOfWords_temp1=lMessageLength + 8;
var lNumberOfWords_temp2=(lNumberOfWords_temp1-(lNumberOfWords_temp1 % 64))/64;
var lNumberOfWords = (lNumberOfWords_temp2+1)*16;
var lWordArray=Array(lNumberOfWords-1);
var lBytePosition = 0;
var lByteCount = 0;
while ( lByteCount < lMessageLength ) {
lWordCount = (lByteCount-(lByteCount % 4))/4;
lBytePosition = (lByteCount % 4)*8;
lWordArray[lWordCount] = (lWordArray[lWordCount] | (string.charCodeAt(lByteCount)<<lBytePosition));
lByteCount++;
}
lWordCount = (lByteCount-(lByteCount % 4))/4;
lBytePosition = (lByteCount % 4)*8;
lWordArray[lWordCount] = lWordArray[lWordCount] | (0x80<<lBytePosition);
lWordArray[lNumberOfWords-2] = lMessageLength<<3;
lWordArray[lNumberOfWords-1] = lMessageLength>>>29;
return lWordArray;
};
function WordToHex(lValue) {
var WordToHexValue="",WordToHexValue_temp="",lByte,lCount;
for (lCount = 0;lCount<=3;lCount++) {
lByte = (lValue>>>(lCount*8)) & 255;
WordToHexValue_temp = "0" + lByte.toString(16);
WordToHexValue = WordToHexValue + WordToHexValue_temp.substr(WordToHexValue_temp.length-2,2);
}
return WordToHexValue;
};
function Utf8Encode(string) {
string = string.replace(/\r\n/g,"\n");
var utftext = "";
for (var n = 0; n < string.length; n++) {
var c = string.charCodeAt(n);
if (c < 128) {
utftext += String.fromCharCode(c);
}
else if((c > 127) && (c < 2048)) {
utftext += String.fromCharCode((c >> 6) | 192);
utftext += String.fromCharCode((c & 63) | 128);
}
else {
utftext += String.fromCharCode((c >> 12) | 224);
utftext += String.fromCharCode(((c >> 6) & 63) | 128);
utftext += String.fromCharCode((c & 63) | 128);
}
}
return utftext;
};
var x=Array();
var k,AA,BB,CC,DD,a,b,c,d;
var S11=7, S12=12, S13=17, S14=22;
var S21=5, S22=9 , S23=14, S24=20;
var S31=4, S32=11, S33=16, S34=23;
var S41=6, S42=10, S43=15, S44=21;
string = Utf8Encode(string);
x = ConvertToWordArray(string);
a = 0x67452301; b = 0xEFCDAB89; c = 0x98BADCFE; d = 0x10325476;
for (k=0;k<x.length;k+=16) {
AA=a; BB=b; CC=c; DD=d;
a=FF(a,b,c,d,x[k+0], S11,0xD76AA478);
d=FF(d,a,b,c,x[k+1], S12,0xE8C7B756);
c=FF(c,d,a,b,x[k+2], S13,0x242070DB);
b=FF(b,c,d,a,x[k+3], S14,0xC1BDCEEE);
a=FF(a,b,c,d,x[k+4], S11,0xF57C0FAF);
d=FF(d,a,b,c,x[k+5], S12,0x4787C62A);
c=FF(c,d,a,b,x[k+6], S13,0xA8304613);
b=FF(b,c,d,a,x[k+7], S14,0xFD469501);
a=FF(a,b,c,d,x[k+8], S11,0x698098D8);
d=FF(d,a,b,c,x[k+9], S12,0x8B44F7AF);
c=FF(c,d,a,b,x[k+10],S13,0xFFFF5BB1);
b=FF(b,c,d,a,x[k+11],S14,0x895CD7BE);
a=FF(a,b,c,d,x[k+12],S11,0x6B901122);
d=FF(d,a,b,c,x[k+13],S12,0xFD987193);
c=FF(c,d,a,b,x[k+14],S13,0xA679438E);
b=FF(b,c,d,a,x[k+15],S14,0x49B40821);
a=GG(a,b,c,d,x[k+1], S21,0xF61E2562);
d=GG(d,a,b,c,x[k+6], S22,0xC040B340);
c=GG(c,d,a,b,x[k+11],S23,0x265E5A51);
b=GG(b,c,d,a,x[k+0], S24,0xE9B6C7AA);
a=GG(a,b,c,d,x[k+5], S21,0xD62F105D);
d=GG(d,a,b,c,x[k+10],S22,0x2441453);
c=GG(c,d,a,b,x[k+15],S23,0xD8A1E681);
b=GG(b,c,d,a,x[k+4], S24,0xE7D3FBC8);
a=GG(a,b,c,d,x[k+9], S21,0x21E1CDE6);
d=GG(d,a,b,c,x[k+14],S22,0xC33707D6);
c=GG(c,d,a,b,x[k+3], S23,0xF4D50D87);
b=GG(b,c,d,a,x[k+8], S24,0x455A14ED);
a=GG(a,b,c,d,x[k+13],S21,0xA9E3E905);
d=GG(d,a,b,c,x[k+2], S22,0xFCEFA3F8);
c=GG(c,d,a,b,x[k+7], S23,0x676F02D9);
b=GG(b,c,d,a,x[k+12],S24,0x8D2A4C8A);
a=HH(a,b,c,d,x[k+5], S31,0xFFFA3942);
d=HH(d,a,b,c,x[k+8], S32,0x8771F681);
c=HH(c,d,a,b,x[k+11],S33,0x6D9D6122);
b=HH(b,c,d,a,x[k+14],S34,0xFDE5380C);
a=HH(a,b,c,d,x[k+1], S31,0xA4BEEA44);
d=HH(d,a,b,c,x[k+4], S32,0x4BDECFA9);
c=HH(c,d,a,b,x[k+7], S33,0xF6BB4B60);
b=HH(b,c,d,a,x[k+10],S34,0xBEBFBC70);
a=HH(a,b,c,d,x[k+13],S31,0x289B7EC6);
d=HH(d,a,b,c,x[k+0], S32,0xEAA127FA);
c=HH(c,d,a,b,x[k+3], S33,0xD4EF3085);
b=HH(b,c,d,a,x[k+6], S34,0x4881D05);
a=HH(a,b,c,d,x[k+9], S31,0xD9D4D039);
d=HH(d,a,b,c,x[k+12],S32,0xE6DB99E5);
c=HH(c,d,a,b,x[k+15],S33,0x1FA27CF8);
b=HH(b,c,d,a,x[k+2], S34,0xC4AC5665);
a=II(a,b,c,d,x[k+0], S41,0xF4292244);
d=II(d,a,b,c,x[k+7], S42,0x432AFF97);
c=II(c,d,a,b,x[k+14],S43,0xAB9423A7);
b=II(b,c,d,a,x[k+5], S44,0xFC93A039);
a=II(a,b,c,d,x[k+12],S41,0x655B59C3);
d=II(d,a,b,c,x[k+3], S42,0x8F0CCC92);
c=II(c,d,a,b,x[k+10],S43,0xFFEFF47D);
b=II(b,c,d,a,x[k+1], S44,0x85845DD1);
a=II(a,b,c,d,x[k+8], S41,0x6FA87E4F);
d=II(d,a,b,c,x[k+15],S42,0xFE2CE6E0);
c=II(c,d,a,b,x[k+6], S43,0xA3014314);
b=II(b,c,d,a,x[k+13],S44,0x4E0811A1);
a=II(a,b,c,d,x[k+4], S41,0xF7537E82);
d=II(d,a,b,c,x[k+11],S42,0xBD3AF235);
c=II(c,d,a,b,x[k+2], S43,0x2AD7D2BB);
b=II(b,c,d,a,x[k+9], S44,0xEB86D391);
a=AddUnsigned(a,AA);
b=AddUnsigned(b,BB);
c=AddUnsigned(c,CC);
d=AddUnsigned(d,DD);
}
var temp = WordToHex(a)+WordToHex(b)+WordToHex(c)+WordToHex(d);
return temp.toLowerCase();
}
