如何无额外字符标记纯文本？解决̲兼容数字空格问题

修复U+0332对数字、空格的兼容问题 #

你当前的代码给每个字符追加U+0332（组合下划线），但空格本身无宽度，导致下划线视觉上和后续字符粘连。可以调整替换逻辑，对空格做特殊处理：用**非换行空格（U+00A0）**替代普通空格后再加下划线，这样空格位置的下划线会正常显示，不会偏移到下一个字符。

修改后的代码：

console.log("8 o'clock".replace(/./g, a => {
  const char = a === ' ' ? '\u{00A0}' : a;
  return char + "\u{0332}";
}));

另外，U+0332对数字的兼容性问题，部分字体可能渲染不佳，可以换成U+035F（LOW LINE BELOW），这个字符的下划线宽度覆盖整个字符单元格，对数字、符号的适配更好，替换后无需额外处理空格（当然用非换行空格效果更稳定）：

console.log("8 o'clock".replace(/./g, a => a + "\u{035F}"));

替代的纯文本强调方案 #

如果组合变音符号的渲染仍有字体兼容性问题，还可以试试这些无环绕的纯文本标记方法：

• 全角字符替换：把要强调的片段换成全角字符（比如数字、字母转全角），通过视觉差异实现强调，无需额外符号：

  console.log("8 o'clock".replace(/[a-zA-Z0-9]/g, c => String.fromCharCode(c.charCodeAt(0) + 0xFEE0)));
  

• 组合粗体/斜体字符：使用Unicode的数学粗体/斜体字符集，比如把普通字母换成U+1D400开始的数学粗体字母，数字换成U+1D7CE开始的数学粗体数字，这种方式视觉区分度高，且无环绕：

  // 示例：替换字母和数字为数学粗体
  const boldMap = new Map([
    ...Array.from('abcdefghijklmnopqrstuvwxyz').map((c, i) => [c, String.fromCharCode(0x1D41A + i)]),
    ...Array.from('ABCDEFGHIJKLMNOPQRSTUVWXYZ').map((c, i) => [c, String.fromCharCode(0x1D400 + i)]),
    ...Array.from('0123456789').map((c, i) => [c, String.fromCharCode(0x1D7CE + i)])
  ]);
  console.log("8 o'clock".replace(/[a-zA-Z0-9]/g, c => boldMap.get(c) || c));
  

内容的提问来源于stack exchange，提问作者Peter SH