如何用正则表达式批量转换带translate属性的span标签？

查找正则 #

<span translate>([^<>]+)</span>

这个正则会精准匹配目标格式的标签：

• <span translate> 匹配标签开头
• ([^<>]+) 用捕获组提取标签内的待翻译文本（仅匹配非标签字符，避免误匹配其他内容）
• </span> 匹配标签结尾

替换规则 #

<span>{{ $t("$1") }}</span>

其中$1会自动替换为前面捕获组提取到的待翻译文本，直接生成你需要的格式。

适配特殊场景 #

如果标签内存在前后空格或者换行，可使用以下正则兼容：

<span translate>\s*([^<>]+?)\s*</span>

• \s* 匹配文本前后的空白字符（空格、换行等）
• +? 非贪婪匹配，确保只捕获标签内的核心文本

内容的提问来源于stack exchange，提问作者Zeljko Marinkovic