-
Notifications
You must be signed in to change notification settings - Fork 11
/
Copy pathindex.html
152 lines (151 loc) · 13 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
<!DOCTYPE html>
<html>
<head>
<title>여러분이 몰랐던 구글 번역기 v2</title>
<meta name="google-translate-customization" content="5136a603e662fe9c-554731df28f27aa5-g9475666b67cebed8-1d" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="여러분이 몰랐던 구글 번역기" />
<meta name="google" value="notranslate">
<meta charset=utf-8 />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta property="fb:app_id" content="140586622674265" />
<meta property="og:type" content="website" />
<meta property="og:title" content="여러분이 몰랐던 구글 번역기" />
<meta property="og:url" content="https://acidsound.github.io/transplus" />
<meta property="og:description" content="Google translation that you did not know. 문장을 중간 언어로 번역 후 목적 언어로 다시 번역합니다." />
<link rel="stylesheet" href="https://cdn.rawgit.com/acidsound/Tle-CSS/master/dist/tle.css">
<style>
pre {
padding: 1em;
white-space: pre-wrap; /* CSS 3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
.kakaolink {
display: block;
}
@media (min-width: 768px) {
.kakaolink {
display: none;
}
}
body {
padding-bottom: 5em;
}
.gitbuttons>iframe {
float: right;
margin-left: 0.1em;
}
</style>
<script src="https://code.jquery.com/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/es6-promise/4.1.0/es6-promise.auto.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fetch/2.0.3/fetch.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
</head>
<body>
<div class="틀">
<h4>여러분이 몰랐던 구글 번역기 v2</h4>
<div class="gitbuttons">
<a class="github-button" href="https://github.com/acidsound/transplus" data-icon="octicon-star" data-count-href="/acidsound/transplus/stargazers" data-count-api="/repos/acidsound/transplus#stargazers_count" data-count-aria-label="# stargazers on GitHub" aria-label="Star acidsound/transplus on GitHub">Star</a>
<a class="github-button" href="https://github.com/acidsound/transplus/issues" data-count-api="/repos/acidsound/transplus#open_issues_count" data-count-aria-label="# issues on GitHub" aria-label="Issue acidsound/transplus on GitHub">Issue</a>
</div>
<p>styled by <a href="https://github.com/acidsound/Tle-CSS">TleCSS</a></p>
<form>
<textarea id="sourceText" placeholder="번역할 문장을 입력하세요..."></textarea>
<label for="userLang">sourceLang</label>
<select id="userLang">
<option selected value="">자동인식</option>
<option value="ko">한국어</option>
<option value="en">English</option><option value="af">Afrikaans</option><option value="sq">Albanian</option><option value="ar">Arabic</option><option value="hy">Armenian</option><option value="az">Azerbaijani</option><option value="eu">Basque</option><option value="be">Belarusian</option><option value="bn">Bengali</option><option value="bs">Bosnian</option><option value="bg">Bulgarian</option><option value="ca">Catalan</option><option value="ceb">Cebuano</option><option value="zh-CN">Chinese (Simplified)</option><option value="zh-TW">Chinese (Traditional)</option><option value="hr">Croatian</option><option value="cs">Czech</option><option value="da">Danish</option><option value="nl">Dutch</option><option value="eo">Esperanto</option><option value="et">Estonian</option><option value="tl">Filipino</option><option value="fi">Finnish</option><option value="fr">French</option><option value="gl">Galician</option><option value="ka">Georgian</option><option value="de">German</option><option value="el">Greek</option><option value="gu">Gujarati</option><option value="ht">Haitian Creole</option><option value="iw">Hebrew</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="hu">Hungarian</option><option value="is">Icelandic</option><option value="id">Indonesian</option><option value="ga">Irish</option><option value="it">Italian</option><option value="ja">Japanese</option><option value="jw">Javanese</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Lao</option><option value="la">Latin</option><option value="lv">Latvian</option><option value="lt">Lithuanian</option><option value="mk">Macedonian</option><option value="ms">Malay</option><option value="mt">Maltese</option><option value="mr">Marathi</option><option value="no">Norwegian</option><option value="fa">Persian</option><option value="pl">Polish</option><option value="pt">Portuguese</option><option value="ro">Romanian</option><option value="ru">Russian</option><option value="sr">Serbian</option><option value="sk">Slovak</option><option value="sl">Slovenian</option><option value="es">Spanish</option><option value="sw">Swahili</option><option value="sv">Swedish</option><option value="ta">Tamil</option><option value="te">Telugu</option><option value="th">Thai</option><option value="tr">Turkish</option><option value="uk">Ukrainian</option><option value="ur">Urdu</option><option value="vi">Vietnamese</option>
</select>
<label for="targetLang">targetLang</label>
<select id="targetLang">
<option selected value="ko">한국어</option>
<option value="en">English</option><option value="af">Afrikaans</option><option value="sq">Albanian</option><option value="ar">Arabic</option><option value="hy">Armenian</option><option value="az">Azerbaijani</option><option value="eu">Basque</option><option value="be">Belarusian</option><option value="bn">Bengali</option><option value="bs">Bosnian</option><option value="bg">Bulgarian</option><option value="ca">Catalan</option><option value="ceb">Cebuano</option><option value="zh-CN">Chinese (Simplified)</option><option value="zh-TW">Chinese (Traditional)</option><option value="hr">Croatian</option><option value="cs">Czech</option><option value="da">Danish</option><option value="nl">Dutch</option><option value="eo">Esperanto</option><option value="et">Estonian</option><option value="tl">Filipino</option><option value="fi">Finnish</option><option value="fr">French</option><option value="gl">Galician</option><option value="ka">Georgian</option><option value="de">German</option><option value="el">Greek</option><option value="gu">Gujarati</option><option value="ht">Haitian Creole</option><option value="iw">Hebrew</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="hu">Hungarian</option><option value="is">Icelandic</option><option value="id">Indonesian</option><option value="ga">Irish</option><option value="it">Italian</option><option value="ja">Japanese</option><option value="jw">Javanese</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Lao</option><option value="la">Latin</option><option value="lv">Latvian</option><option value="lt">Lithuanian</option><option value="mk">Macedonian</option><option value="ms">Malay</option><option value="mt">Maltese</option><option value="mr">Marathi</option><option value="no">Norwegian</option><option value="fa">Persian</option><option value="pl">Polish</option><option value="pt">Portuguese</option><option value="ro">Romanian</option><option value="ru">Russian</option><option value="sr">Serbian</option><option value="sk">Slovak</option><option value="sl">Slovenian</option><option value="es">Spanish</option><option value="sw">Swahili</option><option value="sv">Swedish</option><option value="ta">Tamil</option><option value="te">Telugu</option><option value="th">Thai</option><option value="tr">Turkish</option><option value="uk">Ukrainian</option><option value="ur">Urdu</option><option value="vi">Vietnamese</option>
</select>
<button>번역시작</button>
<label for="interLang">중간 번역 언어</label>
<select id="interLang">
<option value="ko">한국어</option>
<option selected value="ja">Japanese</option>
<option value="en">English</option><option value="af">Afrikaans</option><option value="sq">Albanian</option><option value="ar">Arabic</option><option value="hy">Armenian</option><option value="az">Azerbaijani</option><option value="eu">Basque</option><option value="be">Belarusian</option><option value="bn">Bengali</option><option value="bs">Bosnian</option><option value="bg">Bulgarian</option><option value="ca">Catalan</option><option value="ceb">Cebuano</option><option value="zh-CN">Chinese (Simplified)</option><option value="zh-TW">Chinese (Traditional)</option><option value="hr">Croatian</option><option value="cs">Czech</option><option value="da">Danish</option><option value="nl">Dutch</option><option value="eo">Esperanto</option><option value="et">Estonian</option><option value="tl">Filipino</option><option value="fi">Finnish</option><option value="fr">French</option><option value="gl">Galician</option><option value="ka">Georgian</option><option value="de">German</option><option value="el">Greek</option><option value="gu">Gujarati</option><option value="ht">Haitian Creole</option><option value="iw">Hebrew</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="hu">Hungarian</option><option value="is">Icelandic</option><option value="id">Indonesian</option><option value="ga">Irish</option><option value="it">Italian</option><option value="jw">Javanese</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Lao</option><option value="la">Latin</option><option value="lv">Latvian</option><option value="lt">Lithuanian</option><option value="mk">Macedonian</option><option value="ms">Malay</option><option value="mt">Maltese</option><option value="mr">Marathi</option><option value="no">Norwegian</option><option value="fa">Persian</option><option value="pl">Polish</option><option value="pt">Portuguese</option><option value="ro">Romanian</option><option value="ru">Russian</option><option value="sr">Serbian</option><option value="sk">Slovak</option><option value="sl">Slovenian</option><option value="es">Spanish</option><option value="sw">Swahili</option><option value="sv">Swedish</option><option value="ta">Tamil</option><option value="te">Telugu</option><option value="th">Thai</option><option value="tr">Turkish</option><option value="uk">Ukrainian</option><option value="ur">Urdu</option><option value="vi">Vietnamese</option>
</select>
</form>
<div class="행">
<div class="열">
<div>
<span>직접번역 : </span><span>직접 번역한 결과.</span>
</div>
<pre id="translateDirectResult">
</pre>
</div>
<div class="열">
<div>
<span>중간언어번역 : </span><span>중간 언어로 이중 번역한 결과.</span>
</div>
<pre id="translateInterResult">
</pre>
</div>
</div>
<div class="행">
<div class="열">
<div>
<span>차이점 비교</span>
</div>
<pre id="diff">
</pre>
</div>
<div class="열">
<div>
<span>중계번역 : </span><span>중간 언어로 번역 후 최종 언어로 번역됩니다.</span>
</div>
<pre id="translateResult">
</pre>
</div>
</div>
<div class="addthis_inline_share_toolbox">
<a id="kakao-link-btn" href="javascript:;" style="display: none;">
<img class="kakaolink" src="./images/kakaotalk.svg" style="width: 42px;margin-left: 2px;float: left;margin-right: 5px;">
</a>
</div>
</div>
<script src="./lib/translate.js"></script>
<script src="./lib/diff_match_patch.js"></script>
<script src="./transplus.js"></script>
<script src="https://developers.kakao.com/sdk/js/kakao.min.js">
Kakao.init('d03fadb944e6e53990669533906ac709');
Kakao.Link.createTalkLinkButton({
container: '#kakao-link-btn',
label: "이런 번역기 어때? 나도 몰랐던 구글 번역기",
image: {
src: 'https://acidsound.github.io/transplus/images/kakaolink.jpg',
width: 300,
height: 200
},
webButton: {
text: 'appsoulute',
url: 'https://acidsound.github.io/transplus'
}
});
setTimeout(function() {
$(".at-share-btn-elements").append($("#kakao-link-btn"))
$("#kakao-link-btn").show();
}, 2000);
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-38877568-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<!-- Go to www.addthis.com/dashboard to customize your tools -->
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-52490a34017d8217"></script>
<script async defer src="https://buttons.github.io/buttons.js"></script>
</body>
</html>