Robię postępy, ale nie do końca wiem, jak to naprawić ...

Mam contenteditable div, który będzie działał podobnie jak textarea.

Mam też wyrażenie regularne, które rozpoznaje wpisywane adresy URL i automatycznie je łączy. Mam problem z tym, aby ta praca była „na żywo” podczas pisania przez użytkownika.

Tutaj jestjsFiddle tego, co mam do tej pory. Innym problemem, jaki mam, jest przeskakiwanie kursora na początek div po wprowadzeniu łącza (ponieważ zastępuję div).html()?)

Czy istnieje kreatywne rozwiązanie do wykorzystania.replace() na poszczególnych ciągach tekstu w div bez konieczności zastępowania całej zawartości div?