WordPress 在中英文间加入空格实现中英文自动排版

WordPress 教程 2年前 (2016-01-16) 3,677 人围观 10

我每天都会使用5~6次Wikipedia和Google Search来查找资料。
我每天都会使用 5~6 次 Wikipedia 和 Google Search 来查找资料。

从上面的例子可以看出当中文与英文、数字之间含有一个空格时，可读性更好一些。关于这方面的介绍，可以查看知乎上的这篇文章：中英文混排时中文与英文之间是否要有空格？

如果利用 WordPress 的 Filter 和 PHP 的正则表达式来批量替换文本，实现对所有文章和评论进行自动排版未免太大题小做。不如把它交给 JS——在中英文间添加空白符，实现自动排版。

pcdotfan/daft-auto-spacing

在汉字与西文之间插入一个半角空格的工具 https://zizhengwu.github.io/daft-auto-spacing/

1.只需要在<html> 标签中添加class="han-la" 。

2.添加对应 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;

}

3.引用text-autospace.js 。

Loading ....