-
Notifications
You must be signed in to change notification settings - Fork 6
/
index.html
50 lines (50 loc) · 2.49 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
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>普通话 IPA 转换器</title>
<meta property="og:image" content="https://avatars3.githubusercontent.com/u/63484757?s=400&v=4"/>
<meta name="description" content="普通话 IPA 转换器，为中文文本标注普通话发音的国际音标，可选 11 种版本。"/>
<meta name="keywords" content="中文, 普通话, 国际音标, IPA, 转换器, UntPhesoca, 现代汉语"/>
<script src="index.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/ayaka14732/syyon-vencie@6b08e67/charissil/CharisSIL.css"/>
<link rel="stylesheet" href="https://unpkg.com/purecss@2.0.3/build/pure-min.css"/>
<style>
body { line-height: 1.6; padding-left: 10em; padding-right: 10em; }
@media only screen and (max-width: 1192px) {
body { padding-left: 1em; padding-right: 1em; }
}
.pure-form textarea { height: 10em; line-height: 1.6; resize: vertical; width: 100%; }
output { white-space: pre-line; }
.pure-form select { padding-top: 0; padding-bottom: 0; }
:lang(cmn-Latn-fonipa) { font-family: CharisSILW, serif, serif; }
a { color: #0366d6; text-decoration: none; }
a:hover { border-bottom: 1px solid; }
</style>
</head>
<body>
<h1>普通话 <span lang="en">IPA</span> 转换器</h1>
<form class="pure-form" onsubmit="PutonghuaIPAConverter.handleConvert(); return false">
<p><textarea id="inputArea" lang="zh">春江潮水連海平，海上明月共潮生。</textarea></p>
<p>
<select id="schemeSelect">
<option value="1" selected>UntPhesoca 宽</option>
<option value="2">UntPhesoca 严</option>
<option value="3">Standard Chinese (Beijing)</option>
<option value="4">Standard Chinese (Beijing) 严</option>
<option value="5">胡裕树《现代汉语》</option>
<option value="6">黄伯荣、廖序东《现代汉语》</option>
<option value="7">钱乃荣《现代汉语》</option>
<option value="8">吴宗济</option>
<option value="9">赵元任《汉语口语语法》</option>
<option value="10">《汉语方音字汇》</option>
<option value="0">2075 北京话音系</option>
</select>
</p>
<p><input class="pure-button" type="submit" value="转换"/></p>
</form>
<p><output id="outputArea"></output></p>
<p><a href="https://github.com/nk2028/putonghua-ipa-converter">源代码</a></p>
</body>
</html>