美文网首页
一个在线排版小工具:中文、英文、数字、符号中间加个空格

一个在线排版小工具:中文、英文、数字、符号中间加个空格

作者: KurryLuo | 来源:发表于2018-12-22 23:51 被阅读0次

我一直相信这个世界是懒人创造的。

大家如果仔细看我的文章,会发现一个有趣的地方。就是数字、英文和中文之间会多一个空格,比如 1 是数字,1 两边有空格。如果你再仔细观察,微信文字消息的排版风格也是这样,不信你试试。

这个排版的风格是师从 stormzhang,包括微信整个排版风格都跟他差不多,只是我比较喜欢在文章开头放一张图片,以后考虑放一段语音。

写文章免不了中英文混合,还有阿拉伯数字夹杂其中,每次码字的时候,之前我都是挨个敲空格,终于有一天右手大拇指疼得罢工了,我就想,能不能写一个转换工具呢。

说干就干,我起先想自己操作,利用 JavaScript 的正则表达式似乎不是很难的事儿。就在查找教程的时候,发现一个很好用的工具 pangu.js,懒癌发作,直接拿来用了。它的介绍是这样的

為什麼你們就是不能加個空格呢?

如果你跟我一樣,每次看到網頁上的中文字和英文、數字、符號擠在一塊,就會坐立難安,忍不住想在它們之間加個空格。這個外掛(支援 Chrome 和 Firefox)正是你在網路世界走跳所需要的東西,它會自動替你在網頁中所有的中文字和半形的英文、數字、符號之間插入空白。

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

與大家共勉之。

所以发现这个工具后,我今天晚上用了半个小时开发完就用上了,地址是:http://www.kurryluo.com 希望对你有所帮助。

PS:这篇文章也是经过 pangu 劈开过的。


欢迎大家关注微信公众号:可视化技术( visteacher )

不仅有前端和可视化,还有算法、源码分析、书籍相送

个人网站:http://blog.kurryluo.com

各个分享平台的 KurryLuo 都是在下。

用心学习,认真生活,努力工作!

相关文章

  • 一个在线排版小工具:中文、英文、数字、符号中间加个空格

    我一直相信这个世界是懒人创造的。 大家如果仔细看我的文章,会发现一个有趣的地方。就是数字、英文和中文之间会多一个空...

  • 排版规范

    空格 我每次看到网页上的中文字和英文、数字、符号挤在一起,就会坐立不安,忍不住想在他们之间加个空格。 「有研究显示...

  • vue校验正则 校验中文姓名中间不允许有空格,英文名字中间可以有

    中文名字不允许有空格,英文名字中间只有有一个空格正则写法 中文名字中间可以有空格,并且不限制一个,英文名字中间可以...

  • 中文排版指南

    1. 空格 中英文之间需要加空格eg. 中文和 English 中的空格都是一个占位符。 中文与数字之间需要加空格...

  • 字符排版规则

    英文和数字使用半角字符 中文文字之间不加空格 中文文字与英文、阿拉伯数字及 @ # $ % ^ & * . ( )...

  • /2015/6/8/

    发现这个 Bootstrap 的日文排版优主题,不过官网文字英文与日文间没有空格,略显奇怪,虽然英文与中文间排版的...

  • input 只能输入英文和特殊字符和孤僻字

    在线测试效果及查看源码 只能输入数字 只能输入数字和小数点 只能输入英文 只能输入中文 只能输入中文、英文和数字 ...

  • 转:python判断unicode是否是汉字,数字,英文,或者其

    下面这个小工具包含了 判断unicode是否是汉字,数字,英文,或者其他字符。 全角符号转半角符号。 unicod...

  • 02shell变量

    无需符号 命名只能使用英文字母,数字和下划线,首个字符不能以数字开头。 中间不能有空格,可以使用下划线(_)。 不...

  • 测试总结

    输入框 字符型输入框 字符型输入框:英文全角、英文半角、数字、空、空格、特殊符号“~!@#¥%……&*?[]{}”...

网友评论

      本文标题:一个在线排版小工具:中文、英文、数字、符号中间加个空格

      本文链接:https://www.haomeiwen.com/subject/kaqgkqtx.html