javascript html text filter/linkify

Question

Я пытаюсь разобрать HTML-код для ссылок, идея заключается в замене ссылок на изображения с помощью <img> и других ссылок с <a>.

В основном я ищу что-то вроде этого:

https://github.com/dejan/jquery-auto_html/blob/master/jquery.auto_html.js

Но работает на HTML, а также текст. Смысл: он должен заменить http://google.com, но не <a href="http://google.com">google</a>

Могу ли я сделать это без возможности поиска в регулярном выражении? Благодарю.

Мы должны перейти от

html = "Here is a great site: http://google.com!" 
convert(html) 
> "Here is a great site: <a href=\"http://google.com\">google</a>!" 

html = "Here is a great site: <a href=\"http://google.com\">google</a>!" 
convert(html) 
> "Here is a great site: <a href=\"http://google.com\">google</a>!" 

Answer 1

Следующие регулярные выражения замены заменит ссылки на <a> и графические ссылки на <img> элементов. Это исключает ссылки, которые уже внутри href=" или src=" и т.д ..

function replaceStuff(html) { 
    return html 
     .replace(/[^\"]http(.*)\.(png|jpg|jpeg|gif)/g, ' <img src="http$1.$2">' 
     .replace(/[^\"]http(.*)\.([a-zA-Z]*)/g, ' <a href="http$1.$2">http$1.$2</a>') 
     ); 
} 

Вы можете назвать это нравится:

// will replace the link to <a> 
replaceStuff('Hello http://google.com'); 

// will not replace anything 
replaceStuff('Hello <a href="http://google.com">ff</a>'); 

// will replace image link to <img> 
replaceStuff('Hello http://google.com/image.png'); 

// will not replace anything 
replaceStuff('Hello <img src="http://google.com/image.png">');