javascript - 有没有办法自动控制 HTML 文档中的孤立词？

Question

我想知道是否有一种方法可以自动控制 HTML 文件中的孤立词，可能是通过使用 CSS 和/或 Javascript(或者其他方法，如果有人有其他建议的话)。

“孤立词”是指出现在段落末尾新行上的单数词。例如:

"This paragraph ends with an undesirable orphanedword."

相反，最好按如下方式分隔段落:

"This paragraph no longer ends with an undesirableorphaned word."

虽然我知道我可以通过在最后两个单词之间放置一个 HTML 不间断空格 ( ) 来手动更正此问题，但我想知道是否有一种方法可以使该过程自动化，因为对于跨多个文件的大块文本，像这样的手动调整很快就会变得乏味。

顺便说一句，CSS2.1 属性orphans(和widows)只适用于整行文本，甚至只适用于 HTML 页面的打印(不是提及这些属性在很大程度上不受大多数​​主流浏览器支持的事实)。

许多专业的页面布局应用程序，例如 Adob​​e InDesign，可以 automate the removal of orphans通过在出现孤儿的地方自动添加不间断空格；是否有任何类型的 HTML 等效解决方案？

Answer 1

您可以通过将句子中最后两个单词之间的空格替换为不间断空格 ( ) 来避免孤立单词。

有一些插件可以做到这一点，例如 jqWidon't或 this jquery snippet .

还有用于流行框架的插件(例如用于 django 的 typogrify 和 widon't for wordpress )基本上做同样的事情。