正则表达式需求：将HTML标签内的纯文本链接转换为可点击的HTML链接

嘿，我懂你的需求啦——就是要把这段HTML里的纯文本URL变成带指定样式、能直接点击的<a>标签对吧？我给你准备了实用的正则替换方案，不管是用代码里的正则工具，还是VS Code这类编辑器的查找替换功能都能直接用～

通用替换方案（匹配所有纯文本URL） #

如果你想批量处理所有类似的纯文本HTTP/HTTPS链接，可以用下面的正则：

• 查找正则：

(https?:\/\/[\w\-._~:/?#[\]@!$&'()*+,;=]+)

• 替换内容：

<a href="$1" class="color-dada" target="_new">$1</a>

简单解释：

• 查找正则会精准匹配所有以http://或https://开头的合法URL，覆盖了URL里常见的特殊字符；
• 替换内容里的$1是正则的分组引用，会自动把匹配到的URL填充到href属性和<a>标签的文本内容里，不用手动重复输入链接；
• 同时直接带上了你需要的class="color-dada"和target="_new"属性，完全符合你想要的最终效果。

精准限定替换（仅针对带mb-40px类的<p>标签） #

如果你只想处理特定class的<p>标签里的链接，避免影响其他地方的内容，可以用这个更精准的正则：

• 查找正则：

(<p class="mb-40px">.*?)(https?:\/\/[\w\-._~:/?#[\]@!$&'()*+,;=]+)(.*?</p>)

• 替换内容：

$1<a href="$2" class="color-dada" target="_new">$2</a>$3

效果示例 #

原始HTML代码：

<p class="mb-40px"><strong>* Surs&#259;:</strong> https://www.larte.es/2021/03/01/abierta.html </p>

替换后得到你想要的结果：

<p class="mb-40px"><strong>* Surs&#259;:</strong> <a href="https://www.larte.es/2021/03/01/abierta.html" class="color-dada" target="_new">https://www.larte.es/2021/03/01/abierta.html</a> </p>

备注：内容来源于stack exchange，提问作者Just Me