JavaScript中Markdown图片与URL解析正则冲突问题求助

问题核心：先替换Markdown图片为<img>标签后，再替换普通URL时，会误把<img>标签src属性里的URL二次转换为<a>标签，导致图片无法正常加载。

解决方案：修改URL匹配正则，排除HTML标签属性内的URL #

给普通URL的正则添加负向后行断言，确保只匹配不在引号、尖括号之后的URL（也就是不在HTML属性里的URL），避免误处理已经嵌入到<img>标签里的链接。

修改后的代码：

parsedString = parsedString.replace(/\!\[([^\]]+)\]\(([^\)]+)\)/gim, '<img src="$2" alt="$1" target="_blank" />');
parsedString = parsedString.replace(/(?<!["'>])\b(https?:\/\/[^\s]+)\b/gim, '<a href="$1" target="_blank">$1</a>');

正则说明 #

• (?<!["'>])：负向后行断言，匹配的URL前面不能是双引号、单引号或尖括号，这样就跳过了<img src="xxx">里的xxx这类已经在HTML属性中的URL。
• 原有的\b(https?:\/\/[^\s]+)\b部分保持不变，负责匹配独立的、未被包裹的HTTP/HTTPS链接。

验证效果 #

• Markdown图片 ![Alt Text](https://stackoverflow.com/) 会被正确转换为：<img src="https://stackoverflow.com/" alt="Alt Text" target="_blank" />，src内的URL不会被二次处理。
• 普通URL https://stackoverflow.com/ 会被转换为：<a href="https://stackoverflow.com/" target="_blank">https://stackoverflow.com/</a>。

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