解决组合变音字符造成的页面文字被覆盖问题

现象

原因

组合变音字符大量叠加让其越界显示，周围的字符就会被遮盖

解决方案

将组合变音字符(U+0300-U+036F,U+0489,U+0E47)替换成□

$content = preg_replace('/([\x{0300}-\x{036F}]|\x{0489}|\x{0E47})/u', '□', $content);

ps:另外两个字符集（U+FE20-U+FE2F,U+20D0-U+20FF）没有验证是否会覆盖,蛮写一下

$content = preg_replace('/([\x{0300}-\x{036F}]|[\x{FE20}-\x{FE2F}]|[\x{20D0}-\x{20FF}]|\x{0489}|\x{0E47})/u', '□', $content);

参考资料

https://www.zhihu.com/question/394434460/answer/1222502907

https://blog.csdn.net/Wangdanting123/article/details/98079484