在中文和英文混排的文章中,经常会遇到这种情况:
这是一个demo测试English效果。
中文和英文、数字紧贴在一起,看起来有点拥挤,不符合中文排版的最佳实践。为了让阅读体验更好,我们通常建议在中英文之间插入一个半角空格:
这是一个 demo 测试 English 效果。
手动插空格既麻烦又容易漏掉,尤其是已经发布的文章或动态生成的内容。所以我做了一个小脚本,自动帮你完成这件事。
功能介绍
-
自动识别中文(含日文、韩文)和英文 / 数字之间的接触
-
在两者之间插入一个半角空格
-
已有空格的地方不会重复添加,脚本可多次执行而不产生副作用
-
跳过 script、style、pre、code、textarea、input 等标签,避免破坏代码块和表单
-
可直接应用于 WordPress、静态站点、SPA 页面
使用方法
1. 引入脚本
将以下代码放到页面底部(或 WordPress functions.php 里用 wp_enqueue_script 引入):
<script src="https://www.imaiko.com/wp-content/uploads/2025/09/cjk-spacing.js"></script>
2. 自动执行
脚本会在页面加载完成后自动运行,无需任何额外操作。
效果对比
原始内容:
这是一个demo测试English效果。 再测试一个Case,包含123数字和符号:Hello世界!
运行后:
这是一个 demo 测试 English 效果。 再测试一个 Case,包含 123 数字和符号: Hello 世界!
排版立刻显得更加清晰、舒适。
开源与贡献
这个脚本是开源的。







