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 合租

老头博客开始支持 TLS 1.3

TLS 1.3 目前只是 draft 版本,而支持 TLS 1.3 的 OpenSSL 1.1.1 的 draft-18 分支也只是开发者版本,所以,暂时最好不要用在生产环境。 其实前几天就折腾过 lnmp 1.4 升级 nginx 1.13.7,想顺手加上 TLS 1.3 支持,无奈折腾一圈以失败告终。 lnmp 1.4 更新至 nginx 1.12.2 lnm…
浏览: 156

ThinkPad E450C 换电池

ThinkPad E450C 是内置电池,换起来比较费劲,基本上要把整机拆散。 百度经验有详细的拆机教程——联想(Thinkpad)E450 E450C 拆机教程,螺丝卸掉,一步一步,慢慢拆,不要用蛮力,基本上不会出啥问题。 按理是要把主板拆下来才可以拿出电池更换,不过我是偷懒换。把红色地方螺丝拆掉,主板轻轻…
浏览: 74 标签:  ,  , 

Adobe Flash Player 修改版 及可用 Flash Player 模拟扩展 Win10 可用

Adobe 在2020年12月31日后将不再支持 Adobe Flash Player,从2021年1月12日开始,阻止 Flash 内容在 Flash Player 中运行。截图 虽然不喜欢 Adobe Flash Player,但是有些网站目前仍然离不开 Adobe Flash Player,过渡解决方法是:安装中国特供版 Adobe Flash Player 或者安装网友修改 Adobe Flash…

WordPress 4.2+ 使用 Twemoji 替换默认 Emoji 表情

WordPress 4.2+ 新增 Twitter Em❤️ji 表情,但是默认使用的 CDN —— https://s.w.org/images/core/emoji/11.2.0/72x72/ 在国内无法正常访问。解决办法有两个,一是把表情本地化,二是替换掉默认的链接。 🎉 😜 👯 🍻 🎈 🎤 🎮 🚀 🌉 ✨ 使用 Twitter 官方提供 MaxCDN 服务 Twitter 官方提供 MaxCDN 服务…
浏览: 83 标签:  ,  ,  ,  , 
浏览: 27

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信息