-
Notifications
You must be signed in to change notification settings - Fork 13
/
Copy pathindex.html
64 lines (59 loc) · 3.8 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
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" lang="zh-CN">
<head>
<script type="text/javascript" src="text-autospace.js/text-autospace.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="description" content="为什么我就是能这样娴熟地加上空格呢？">
<title>为什么我就是能这样娴熟地加上空格呢？</title>
<link type="text/css" rel="stylesheet" href="stylesheets/theme.css" />
<link rel="stylesheet" type="text/css" media="screen" href="stylesheets/stylesheet.css">
<meta http-equiv="x-dns-prefetch-control" content="off"/>
</head>
<body>
<!-- HEADER -->
<div id="header_wrap" class="outer">
<header class="inner">
<a id="forkme_banner" href="https://github.com/zizhengwu/daft-auto-spacing">View on GitHub</a>
<h1 id="project_title">为什么我就是能这样娴熟地加上空格呢？</h1>
<h2 id="project_tagline"></h2>
</header>
</div>
<!-- MAIN CONTENT -->
<div id="main_content_wrap" class="outer">
<section id="main_content" class="inner">
<div class="row">
<div class="large-6 medium-6 columns">
<div class="row">
<div class="large-12 columns">
<label for="post">一些文字</label>
<textarea class="no-space" rows="15" style="font-size: 12pt">有研究显示，打字的时候不喜欢在中文和英文之间加空格的人，感情路都走得很辛苦，有七成的比例会在34岁的时候跟自己不爱的人结婚，而其余三成的人最后只能把遗产留给自己的猫。毕竟爱情跟书写都需要适时地留白。与大家共勉之。[1]
如果真正在意typography，那么汉字与西文之间应该插入一个半角空格。Adobe InDesign、Microsoft Word等对中文与西文混合排版支持较好的软件，都默认增大汉字和西文的间距。[2]
汉学家称这个空白字元为「盘古之白」，因为它劈开了全形字和半形字之间的混沌，增加了文字的readability。[1]
如果你是一个虔诚的「空格党」，可以使用这个简单的工具，每当Plain Text的场景（例如电子邮件与V2EX发帖），在所有的汉字与拉丁字母间添加一个空格。如果原本已经手动添加了空格，这个工具并不会在这之间再添加额外的空格。
项目地址：https://zizhengwu.github.io/daft-auto-spacing/
GitHub地址：https://github.com/zizhengwu/daft-auto-spacing/
[1]. 為什麼你們就是不能加個空格呢？: https://github.com/vinta/paranoid-auto-spacing
[2]. 中英文混排时中文与英文之间是否要有空格？: http://www.zhihu.com/question/19587406/answer/12298128
[3]. text-autospace.js: https://github.com/mastermay/text-autospace.js</textarea>
</div>
<div class="large-12 columns">
<button onclick="text_replace();">空格之神</button>
</div>
</div>
</div>
<div class="large-6 medium-6 columns">
<label for="new_post">盘古之白</label>
<textarea onmouseover="this.select()" class="with-space" rows="15" style="font-size: 12pt" readonly></textarea>
</div>
</div>
</section>
</div>
<!-- FOOTER -->
<div id="footer_wrap" class="outer">
<footer class="inner">
<p class="copyright">为什么我就是能这样娴熟地加上空格呢？ maintained by <a href="https://github.com/zizhengwu">Zizheng Wu</a></p>
<p>Published with <a href="http://pages.github.com">GitHub Pages</a></p>
</footer>
</div>
</body>
</html>