PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

Обработка ссылок

Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript (Модератор: armancho7777777)

Страниц (1): [1]

Описание: Обработка ссылок с помощю replace() JS

Поиск в теме | Версия для печати

Zveryugaz	Отправлено: 30 Марта, 2015 - 15:39:07
Гость Покинул форум Сообщений всего: 68 Дата рег-ции: Авг. 2012 Помог: 0 раз(а)	Здравствуйте Друзья! Помогите разобрать регулярку В общем код перебирает все комменты на странице и при нахождении ссылки в виде текста превращает ее в тег <a> пример текста на странице { форум forum.php.su самый гуманный форум в мире Ссылка: http://php.su/ Картинка: http://forum.php.su/im/emoticons/odnako.gif } CODE (javascript): скопировать код в буфер обмена var re = '((http:\/\/\|https:\/\/)+(www.)*[a-z0-9._/-]+)'; $('#rev').each(function( i, d ){ tex = $(d).html(); var newstr = tex.replace(new RegExp(re,'gim'),"<a href='$1'>$1</a>"); $(d).html(newstr); }); Код работает со всеми ссылками, проблема в том что мне нужно для картинок делать другой тег, то есть обычную ссылку превратить в тег <a> а картинку соответственно в <img> Подскажите как справиться с задачей?

Faraon-san	Отправлено: 30 Марта, 2015 - 16:14:44
Посетитель Покинул форум Сообщений всего: 318 Дата рег-ции: Сент. 2013 Помог: 8 раз(а)	попробуй такое: CODE (javascript): скопировать код в буфер обмена var tex = $('#rev').html(); tex = tex.replace(new RegExp(/((http\|https)\:\/\/[\w\-\.]+\.[\w]{2,5}(\/\S)?(\w+.(jpg\|png\|gif)))/igm),'<img src="$1">'); tex = tex.replace(new RegExp(/((http\|https)\:\/\/[\w\-\.]+\.[\w]{2,5}(\/\S)?(\w+.(^jpg\|^png\|^gif)))/igm), '<a href="$1">$1</a>'); $('#rev').html(tex); (Отредактировано автором: 30 Марта, 2015 - 16:50:57)

Zveryugaz	Отправлено: 30 Марта, 2015 - 17:01:58
Гость Покинул форум Сообщений всего: 68 Дата рег-ции: Авг. 2012 Помог: 0 раз(а)	Faraon-san пишет: попробуй такое: CODE (javascript): скопировать код в буфер обмена var tex = $('#rev').html(); tex = tex.replace(new RegExp(/((http\|https)\:\/\/[\w\-\.]+\.[\w]{2,5}(\/\S)?(\w+.(jpg\|png\|gif)))/igm),'<img src="$1">'); tex = tex.replace(new RegExp(/((http\|https)\:\/\/[\w\-\.]+\.[\w]{2,5}(\/\S)?(\w+.(^jpg\|^png\|^gif)))/igm), '<a href="$1">$1</a>'); $('#rev').html(tex); Картинку обработал нормально а ссылку чего то не берет ( Картинку еще вот так выдергивает CODE (javascript): скопировать код в буфер обмена var re = '(((http:\/\/\|https:\/\/)+(www.)[a-z0-9._/-]+)(.gif\|.png\|.jpg))'; обычные ссылки не трогает (Отредактировано автором: 30 Марта, 2015 - 17:02:37)*

Zveryugaz	Отправлено: 30 Марта, 2015 - 20:24:17
Гость Покинул форум Сообщений всего: 68 Дата рег-ции: Авг. 2012 Помог: 0 раз(а)	всю бошку сломал, танцы с бубном не дают результатов

Ts.Saltan	Отправлено: 30 Марта, 2015 - 23:30:32
Посетитель Покинул форум Сообщений всего: 384 Дата рег-ции: Дек. 2013 Откуда: Belarus Помог: 22 раз(а)	Как вариант CODE (javascript): скопировать код в буфер обмена text.replace(/(((http:\/\/\|https:\/\/)+(www.)[a-z0-9._\/-]+))/igm,'<a href="$1">$1</a>') .replace(/\>(((http:\/\/\|https:\/\/)+(www.)[a-z0-9._\/-]+)(.gif\|.png\|.jpg))\</igm,' target="_blank"><img src="$1"><'); Оборачивает сначала все ссылки в тег <a> Потом ищет среди ссылок картинки, т.е. получается картинка, обёрнутая в ссылку Из этого CODE (htmlphp): скопировать код в буфер обмена Ссылка: http://php.su/asdasd Картинка: http://forum.php.su/im/emoticons/odnako.gif получается это CODE (html): скопировать код в буфер обмена Ссылка: <a href="http://php.su/asdasd">http://php.su/asdasd</a> Картинка: <a href="http://forum.php.su/im/emoticons/odnako.gif" target="_blank"><img src="http://forum.php.su/im/emoticons/odnako.gif"></a>

Faraon-san	Отправлено: 31 Марта, 2015 - 00:48:52
Посетитель Покинул форум Сообщений всего: 318 Дата рег-ции: Сент. 2013 Помог: 8 раз(а)	Вот так попробуем: CODE (javascript): скопировать код в буфер обмена var tex = $('#rev').html(); var urlCheck = '((?:http[s]?:\\/\\/(?:www\\.)?\|www\\.){1}(?:[0-9A-Za-z\\-%_]+\\.)+[a-zA-Z]{2,}(?::[0-9]+)?(?:(?:/[0-9A-Za-z\\-#\\.%\+_])+)?(?:\\?(?:[0-9A-Za-z\\-\\.%_]+(?:=[0-9A-Za-z\\-\\.%_\\+])?)?(?:&(?:[0-9A-Za-z\\-\\.%_]+(?:=[0-9A-Za-z\\-\\.%_\\+])?)?))?(?:#[0-9A-Za-z\\-\\.%_\\+=\\?&;])?)'; tex = tex.replace(new RegExp(urlCheck, 'igm'), '<a href="$1">$1</a>'); tex = tex.replace(new RegExp(/<a[\s]href="((http[s]?)\:\/\/[\w\-\.]+\.[\w]{2,5}(\/\S)?(\w+.(jpg\|png\|gif)))">(?:[\w\-\/\:\.]<\/a>)/ig),'<img src="$1">'); $('#rev').html(tex);

Zveryugaz	Отправлено: 31 Марта, 2015 - 10:40:45
Гость Покинул форум Сообщений всего: 68 Дата рег-ции: Авг. 2012 Помог: 0 раз(а)	Ts.Saltan пишет: Как вариант CODE (javascript): скопировать код в буфер обмена text.replace(/(((http:\/\/\|https:\/\/)+(www.)[a-z0-9._\/-]+))/igm,'<a href="$1">$1</a>') .replace(/\>(((http:\/\/\|https:\/\/)+(www.)[a-z0-9._\/-]+)(.gif\|.png\|.jpg))\</igm,' target="_blank"><img src="$1"><'); Оборачивает сначала все ссылки в тег <a> Faraon-san пишет: Вот так попробуем: CODE (javascript): скопировать код в буфер обмена var tex = $('#rev').html(); var urlCheck = '((?:http[s]?:\\/\\/(?:www\\.)?\|www\\.){1}(?:[0-9A-Za-z\\-%_]+\\.)+[a-zA-Z]{2,}(?::[0-9]+)?(??:/[0-9A-Za-z\\-#\\.%\+_])+)?(?:\\?(?:[0-9A-Za-z\\-\\.%_]+(?:=[0-9A-Za-z\\-\\.%_\\+])?)?(?:&(?:[0-9A-Za-z\\-\\.%_]+(?:=[0-9A-Za-z\\-\\.%_\\+])?)?))?(?:#[0-9A-Za-z\\-\\.%_\\+=\\?&;])?)'; tex = tex.replace(new RegExp(urlCheck, 'igm'), '<a href="$1">$1</a>'); tex = tex.replace(new RegExp(/<a[\s]href="((http[s]?)\:\/\/[\w\-\.]+\.[\w]{2,5}(\/\S)?(\w+.(jpg\|png\|gif)))">(?:[\w\-\/\:\.]<\/a>)/ig),'<img src="$1">'); $('#rev').html(tex); Ребят спасибо огромное, оба варианта работают 100%

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« JavaScript & VBScript »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.