wordpress文章中文英文混排自动加空格脚本

在中文和英文混排的文章中,经常会遇到这种情况:

这是一个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 世界!

排版立刻显得更加清晰、舒适。


开源与贡献

这个脚本是开源的。

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

给TA打赏
共{{data.count}}人
人已打赏
RackNerd Leaderboard Banner
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索