如何替换链接中/与?之间的指定字符串（无法直接编辑链接场景）

需求明确 #

需要对HTML中的链接路径进行精准替换，规则如下：

• 定位链接中位于最后一个/与?之间的字符串，按对应文本匹配替换：
  • 文本为「Travel Info」的链接：将login替换为welcome#travel
  • 文本为「Agenda」的链接：将reg替换为welcome#agenda
  • 文本为「FAQ」的链接：将login替换为faq
• 限制：所用软件无法直接编辑链接，无内置锚点修复方案

解决方案：正则批量替换 #

支持正则的文本编辑器/工具可直接使用以下规则完成替换（按对应文本匹配）：

1. 替换Travel Info链接 #

查找正则：

(<a href="https://test.com/directory/)login(\?id=\d+">Travel Info</a>)

替换为：

$1welcome#travel$2

2. 替换Agenda链接 #

查找正则：

(<a href="https://test.com/directory/)reg(\?id=\d+">Agenda</a>)

替换为：

$1welcome#agenda$2

3. 替换FAQ链接 #

查找正则：

(<a href="https://test.com/directory/)login(\?id=\d+">FAQ</a>)

替换为：

$1faq$2

处理后的最终代码 #

<nav>
 <ul>
  <li class="1"><a href="https://test.com/directory/welcome#travel?id=12345">Travel Info</a></li>
  <li class="2"><a href="https://test.com/directory/welcome#agenda?id=54321">Agenda</a></li>
  <li class="3"><a href="https://test.com/directory/faq?id=11111">FAQ</a></li>

 </ul>
</nav>

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