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/,转载时烦请以链接形式注明原始出处。
声明:我们不销售主机,任何VPS主机均有跑路风险且需定期备份,防止数据丢失。信息以实际为准,评测仅供参考不代表权威!
🍄:Netflix 奈飞 YouTube 合租

升级新版 Google AdSense 代码提升广告效果

2021年7月19日,Google AdSense 最近发布了新版 AdSense 代码。通过新版 AdSense 代码,AdSense 可以更早触发优化功能,从而提升网站上广告效果。新广告代码适用于自动广告和广告单元。 如何获取 Google AdSense 新版代码? 无需采取任何措施。在下次登录 AdSense 后,您将拥有对新广告代码的访…

利用 Google Analytics 追踪 WordPress 站内搜索关键词

Google分析(Google Analytics)是一个由 Google 所提供的网站流量统计服务。Google 分析(Analytics)现在是互联网上使用最广泛的网络分析服务。 利用 Google Analytics 追踪 WordPress 站内搜索关键词 优化内容 如果网站/博客在 Google Analytics 流量统计,利用 Google Analytics 追踪 W…

Google Analytics 异步请求(服务端请求)

感谢伟大的祖国,使得好好的 Google,必须折腾一番才能好好的用起来。Google 搜索如此,Google Analytics 肯定也不例外(网上据说 Google Analytics 没有被屏蔽)。 Google Analytics 支持服务端发送统计信息(via:Jerry Qu),而通过服务端统计可以解决 Google Analytics 连接缓慢问题,提高页面…
浏览: 38 标签:  ,  , 

Gravatar 头像被墙及解决方案 Gravatar 头像国内镜像地址大全

Gravatar 头像真是一言难尽,时而正常时而抽风时而无法访问……就一个 Gravatar 头像,这有啥好强(现代通假字)的呢?(据说是被其它服务连累?) 解决办法 - 调用 ssl/cn 头像链接 历史解决办法:调用 ssl 头像链接——https还是没被墙的,而且速度还不错,直接调用这个最简单了。主题 functi…
浏览: 104
浏览: 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楼
    • @牧羊人 一般收藏的都是不准备用的吧?哈哈

      2016.09.28 09:43 # 回复
      • @老杨 哈哈哈,差不多是的,因为我习惯手动控制空格,有些地方不需要空格

        2016.09.28 10:01 # 回复
  16. 今天试了一下,不太好使,打算还是人肉输了。

    2018.07.17 16:23 # 回复
    16楼

发表留言

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