QQ爹の博客 QQ爹の博客

自动给你的博客的中英文间加上空格

in 代码相关 read (2138) 493汉字 文章转载请注明来源!

文章99%的内容转自http://kaedea.com/2016/06/26/front-auto-space/

关于 “是否应该在中文和英文之间加上空格” 的争论在 知乎 上的争论历来已久,我本喜欢加上空格,只是对于英文单词频繁穿插的中文句子来说实在是有点繁琐和难看(特别是技术向文章),自从发现了有自动在博客的中英文间加上空格的脚本后,就放弃手动加空格的做法,这些频繁的工作,就交给脚本去做吧。

漢學家稱這個空白字元為「盤古之白」,因為它劈開了全形字和半形字之間的混沌。另有研究顯示,打字的時候不喜歡在中文和英文之間加空格的人,感情路都走得很辛苦,有七成的比例會在34 歲的時候跟自己不愛的人結婚,而其餘三成的人最後只能把遺產留給自己的貓。畢竟愛情跟書寫都需要適時地留白。

吓得我赶紧加上空格了。 (〃ノωノ)

自动加空格的工具pangu.js

pangu.js是一个综合的开源项目,包括了各种平台的“自动加空格”的工具(库),比如浏览器插件、Java、Object-C、Ruby等。比如我自己,需要用在自己的博客上,所以选择JavaScript。

如何使用

1、先在你的网页里引入以下 JS 文件

<script src="https://cdnjs.cloudflare.com/ajax/libs/pangu/3.2.1/pangu.min.js"></script>

2、然后在适当的时刻(比如加载完网页的时候)调用以下语句即可

<script> pangu.spacingPage();/*这个是博客全局都进行自动加空格处理*/ </script>

3、根据需要将2中的pangu.spacingPage();换成下面的代码

pangu.spacingElementById('main');/*在id=main的区域进行自动加空格处理*/
pangu.spacingElementByClassName('comment');/*在class=comment的区域进行自动加空格处理*/
pangu.spacingElementByTagName('p');/*在标签p里面进行自动加空格处理*/

(3中提到的代码中“main”,“comment”,“p”可根据自己的实际情况修改)

当然pangu.js还有其他多种用法,具体使用方式请自行参考GitHub项目里的使用教程。

jrotty WeChat Pay

微信打赏

jrotty Alipay

支付宝打赏

文章二维码

扫描二维码,在手机上阅读!

javascript自动加空格
最后由Jrotty编辑于2016-09-16 10:20
发表新评论
已有 14 条评论
  1. 助美整形网

    那这篇文章有什么用处呢,表示没看懂

  2. 麦田一根葱

    还有个对应的梗就是:为什么你们就不排下版呢?#[滑稽]

    1. Jrotty
      Jrotty
      回复

      @麦田一根葱 让大家用这个js自动加空格(づ ̄ ³ ̄)づ

    2. 麦田一根葱

      @麦田一根葱 = =那这篇文章用意何在

    3. Jrotty
      Jrotty
      回复

      @麦田一根葱 不习惯在英文前后加空格,而且Markdown编辑器空格偶尔会触发一些奇怪的东西

  3. CSD
    CSD
    回复

    漢學家稱這個空白字元為「盤古之白」,因為它劈開了全形字和半形字之間的混沌。另有研究顯示,打字的時候不喜歡在中文和英文之間加空格的人,感情路都走得很辛苦,有七成的比例會在34 歲的時候跟自己不愛的人結婚,而其餘三成的人最後只能把遺產留給自己的貓。畢竟愛情跟書寫都需要適時地留白。吓得我又养成一个好习惯了#[狂汗]

    1. Jrotty
      Jrotty
      回复

      @CSD 空格好重要啊,把握幸福,加上空格#[滑之稽]

  4. yufan
    yufan
    回复

    不错啊!我现在也加上了

    1. yufan
      yufan
      回复

      @yufan 嗯真心不错

    2. Jrotty
      Jrotty
      回复

      @yufan 这个自动留白感官上确实好很多了#[吐舌],上个模板也用了这个

  5. Stephen
    Stephen
    回复

    这不会使网页加载变慢不少么= =

    1. Jrotty
      Jrotty
      回复

      @Stephen 这个啊,我没感觉变慢(;¬_¬)

    2. Stephen
      Stephen
      回复

      @Stephen 额,我的意思是这段JS运行的耗时

    3. Jrotty
      Jrotty
      回复

      @Stephen 不会的,这个js也就8k左右,不会太过影响网站加载速度的

前篇 后篇
雷姆
拉姆
音乐加载中...
0:00