WordPress 在中英文间自动加入空格

其实一直都是人肉输入空格的,前阵子看到『基吧』折腾这个自动加入空格,提到几个方法,感觉 引入 js 的那个方法 不错,折腾了一下,没成功,当时就丢一边去了。今天有空,又折腾了下,才发现那个 js 代码并不完整,换上完整版效果就出来了。

功能正常的中英文间自动加入空格代码:https://github.com/mastermay/text-autospace.js,或者本地下载:点击下载,引入其中一个即可,方法就不详细说了,老司机肯定都会,小白请自行度娘。

接着,在 <html> 标签中添加 class="han-la"(一般在 header.php 文件中);然后,在 style.css 文件中添加对应 CSS 样式,如下:

html.han-la hanla:after {
content: " ";
display: inline;
font-family: Arial;
font-size: 0.89em;
}

html.han-la code hanla,
html.han-la pre hanla,
html.han-la kbd hanla,
html.han-la samp hanla {
display: none;
}

html.han-la ol > hanla,
html.han-la ul > hanla {
display: none;
}

至此,如无意外,多刷新几次效果就出来了。


演示(可使用CTRL+A查看区别)

不含空格的段落

Git是一个分布式的版本控制系统,最初由Linus Torvalds编写,用作Linux内核代码的管理。在推出后,Git在其它项目中也取得了很大成功,尤其是在Ruby社区中。目前,包括Rubinius和Merb在内的很多知名项目都使用了Git。Git同样可以被诸如Capistrano和Vlad the Deployer这样的部署工具所使用。GitHub于2008年2月运行。

已手动添加了空格的段落

Git 是一个分布式的版本控制系统,最初由 Linus Torvalds 编写,用作 Linux 内核代码的管理。在推出后,Git 在其它项目中也取得了很大成功,尤其是在 Ruby 社区中。目前,包括 Rubinius 和 Merb 在内的很多知名项目都使用了 Git。Git 同样可以被诸如 Capistrano 和 Vlad the Deployer 这样的部署工具所使用。GitHub 于 2008 年 2 月运行。

福利:

漢字標準格式 — 印刷品般的漢字排版框架(内容很不错)

除非注明,沙唐桔文章均为原创,本文地址 https://cyhour.com/422/,转载时必须以链接形式注明原始出处。
声明:我们不销售主机,选主机需合法使用。任何主机需定期备份,防止数据丢失。信息以实际为准,评测仅供参考不代表权威!
🔞:Netflix 奈飞 YouTube 合租免费节点Telegram 频道

使用 rclone 将 Google Drive 文件同步至 OneDrive

前几天上了博友「灵尘居」的 Office 365 车,1T OneDrive 到手,手机照片一直喂 Google AI,挺方便的,以前还会同步一份到家里的垃圾西数 NAS,不过并不太自动,后来就懒得弄了。 Google 虽然是大厂,但是数据只有一份,还是怕怕,多一个备份不是坏事。苹果 iCloud 不错,但是贼贵,况且我只有一个…
浏览: 139

尼康 D7100 中文使用说明书 高清 PDF 电子版免费下载

尼康 D7100 说明书是一份介绍详细尼康 D7100 单反官方教程,推荐购买了 D7100 单反博友下载保存参考,以便随时查看一些常用按键操作和使用技巧。 尼康 D7100 简介 尼康 D7100 搭载先进的对象捕捉性能和成像性能,能够忠实还原拍摄细节。高密度的 51 点自动对焦系统准确捕捉目标对象并进行跟踪,…

全网热门公共 BitTorrent Tracker 列表合集 加速BT下载

BT 下载速度取决于其他下载同一资源的用户上传速度。做种「指上传文件数据给其他 BT 用户的行为」用户越多,你的下载速度越快!如果资源没人提供上传,就会完全没有下载速度,而做种用户靠 Peer、DHT、Tracker 获得。 Tracker 是什么? BT 下载的文件都是其他用户上传给你的。 BT 下载速度…

换域名?改固定链接?

去年底注册了个短域名,虽然非主流,但是胜在够短,两字母,还没有溢价。一直寻思着把它转移到 Cloudflare,换到博客使用,无奈 Google Adsense 一直没能折腾审核通过。 WordPress 修改固定链接? 以前听说 postname 更有利于 SEO,曾经试过人工翻译。后来嫌麻烦,干脆只用 /%post_id%/,后面 .…
浏览: 136 标签:  ,  ,  , 
浏览: 91

Comments:33

  1. 这个帅,一种都没注意到文字排版,看来大家的博客都走高大上路线了哇.
    有时间折腾下

    2016.09.08 01:31 # 回复
    1楼
  2. 居然真的按了ctrl+a了,还有这区别。。汗。

    2016.09.08 03:42 # 回复
    2楼
  3. 最后推荐的那个看着不错。

    2016.09.08 09:19 # 回复
    3楼
  4. 我觉得还是自己写的时候注意加上空格就是,在网站上用 JS 实现没太必要,当然强迫症除外哈哈,Chrome 有扩展——空格之神。

    2016.09.08 09:28 # 回复
    4楼
    • @fooleap 我一般是写的时候加上去了,养成习惯就会有强迫症了,哈哈。扩展啥的一般是独乐乐。

      2016.09.08 10:02 # 回复
  5. 不愧是折腾之神

    2016.09.08 11:02 # 回复
    5楼
  6. 每次手动输入空格是有点麻烦,有空按你的方法折腾一下。

    2016.09.08 16:40 # 回复
    6楼
    • @Coney 反正我是已经习惯了手动输入空格了,这个只是辅助。

      2016.09.08 18:29 # 回复
  7. 我一般手动空格。

    2016.09.08 18:27 # 回复
    7楼
  8. 在小众软件里为空格也曾经吵过,不过还是看个人习惯吧。我在中英文间是不加空格的。

    2016.09.08 18:41 # 回复
    8楼
    • @Unee Wang 嗯,萝卜青菜各有所爱……排版是其次,内容才是王道。我以前也是不加空格的,现在慢慢喜欢上了,也就习惯了,还有一些单词的大小写也是。

      2016.09.08 22:26 # 回复
  9. 之前也看过这个汉字排版标准……赞所有重视的人

    2016.09.08 20:24 # 回复
    9楼
  10. 还不错。不过就算不空格也不难看。

    2016.09.09 13:35 # 回复
    10楼
  11. 沙唐桔-nyun
    nyun

    这个中英也是最近刚刚知道,确实值得提倡!

    2016.09.10 18:00 # 回复
    11楼
  12. 遇到同好了,我一直是人工加的空格。是时候试试你的代码了。

    2016.09.13 18:11 # 回复
    12楼
  13. 咦,我所用的 Pangu.js 也是这个效果,不过我是有手动加空格的习惯了…

    2016.09.16 01:12 # 回复
    13楼
  14. 这个不错,排版方便。

    2016.09.20 13:35 # 回复
    14楼
  15. 这个不错,收藏备用~~

    2016.09.27 23:40 # 回复
    15楼
  16. 今天试了一下,不太好使,打算还是人肉输了。

    2018.07.17 16:23 # 回复
    16楼

发表留言

Vultr 送$100,搬瓦工年付最低$49,优惠码 BWH3HYATVBJW,更多推荐VPS信息