Преобразование URL-адреса в тег html и URL-адреса изображения в тег с помощью регулярных выражений javascript

Я пытаюсь написать функцию для создания тегов из обычных ссылок и тегов из ссылок на изображения из текста в текстовая область.

он работает в первый раз для обоих, но если я вставлю туда тег «href», он сделает двойную ссылку. он не выполняет изображения из-за проверки imageRegex. есть идеи, как заставить это работать?

имейте в виду, что текстовое поле может иметь несколько URL-адресов обоих типов.

$("#message").blur(function() {  
    var imageRegex = /\.(png|jpg|jpeg|gif)$/;
    var s = $(this).val().replace(/(?:^|[^"'])(\b(?:https?|ftp):\/\/[a-z0-9-+&@#\/%?=~_|!:,.;]*[a-z0-9-+&@#\/%=~_|])/gim, function(str) {
        if (str.match(imageRegex)) {
            return('<img src="' + str + '" />');
        } else {
           return('<a href="' + str + '">' + str + '</a>');
        }       
    });  
    $(this).val(s);         
});