chrome以外のブラウザで否定後読みの正規表現を使う方法

Question

https://teratail.com/questions/239622
昨日『一部の文字列後以外にあるURLテキストを自動リンク化する方法』を質問をさせていただき、
一旦解決したのですが、chrome以外のブラウザでは教えていただいた『否定後読み』の正規表現が動作せず、
代替案を探しています。。

<a href="http://moge/">http://moge/</a>
<img src="http://hogehogehoge/piyo.jpg" alt="">

http://huga/

//img・aタグ内に記述されているURLには反映しない
  var jumpUrl = /((?<!src=")(?<!href=")\b(https?|ftp|file)://[-A-Z0-9+&@#/%?=~_|!:,.;]*[-A-Z0-9+&@#/%=~_|])/gi;
  $("body").html(
    $("body")
      .html()
      .replace(jumpUrl, "<a href='$1'>$1</a>")
  );

▽結果（chromeのみ動作）

aタグやimgタグ内のURLはそのまま
<a href="http://moge/">http://moge/</a>
<img src="http://hogehogehoge/piyo.jpg" alt="">

こちらはaタグが挿入される
<a href="http://huga/">http://huga/</a>

度々申し訳ありませんが、よろしくお願いいたします。

Answer 1

そもそも論として、.htmlでHTMLを取ってきて処理するのが適当ではないと考えます。

テキストノード単位で取得すれば、HTMLのアトリビュートを誤認して自動リンクする心配もなくなります。

Answer 2

否定も肯定も後読みはjsではできないはずですけど
domから引っ張るのが妥当では？

• codepen

Comments

[maisumakun]

正規表現の後読みは、いまのところBlink系の最新ブラウザで使えるようになっています。

https://caniuse.com/#feat=js-regexp-lookbehind

[yambejp]

例外をどこまで設定するかによりそうですが
codepenにサンプルあげておきました
さすがにちょっとひどいソースかなぁ・・・

[tekumak]

お返事遅くなり申し訳ございません。
ひとまず仕様自体を変更し回避したのですが、
参考になったのでベストアンサーとさせていただきます。
ありがとうございました。