解决移动端v-html繁体字标点符号上下剧中问题
近期在移动端开发过程中，发现了这样一个问题。vue开发的H5应用嵌套到游戏内，通过v-html嵌套后端发回的html片段时，部分机型繁体字的标点符号不在右下方，而是上下剧中了。
这里我的解决思路是将标点符号通过正则表达式替换成下标标签
表达式如下
let html='<p>目前商城版本已過期，請嘗試清理瀏覽器快取並重新載入頁面。</p>'
function repleaseHtml(htmlContent){
const punctuationRegex = /[.,!?;:'"-(){}\[\]<>]/g;
const result = htmlContent.replace(punctuationRegex, (match) => `<sub>${match}</sub>`);
}
repleaseHtml(html)
大家有什么更好的解决方案欢迎在下方留言