求极有难度的正则表达式

Question

一段HTML代码：

<a href='www.csdn.net' title='csdn®' alt='csdn®'>csdn® url</a>xxx<img src='xxx' title='csdn®' alt='csdn®' widht='200' heifht='200'>yyycsdn®wwwcsdn®

要求把上面的html中的®加上sup标签成^®,但是a标签和img标签中的alt及title中的®又不需要加sup标签，最后会变成

<a href='www.csdn.net' title='csdn®' alt='csdn®'>csdn<sup>®</sup> url</a>xxx<img src='xxx' title='csdn®' alt='csdn®' widht='200' heifht='200'>yyycsdn<sup>®</sup>wwwcsdn<sup>®</sup>

求教，这样的正则表达式需要怎么解决。。。万分感谢

Answer 1

没早点遇到我

`<a href='www.csdn.net' title='csdn®' alt='csdn®'><a href='www.csdn.net' title='csdn®' alt='csdn®'>csdn® url</a></a>xxx<img src='xxx' title='csdn®' alt='csdn®' widht='200' heifht='200'>yyycsdn®wwwcsdn®`
.replace(/(?<!\w+='[\w\s]+)(®)(?!')/g, '<sup>$1</sup>')