一段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>
求教，这样的正则表达式需要怎么解决。。。万分感谢
没早点遇到我
`<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>')