Как сделать, чтобы при вставки ссылки на картинку отображалась картинка вместо ссылки?

Question

[ld6666666666666]

Как сделать, чтобы при вставки ссылки на картинку отображалась картинка вместо ссылки?
что должно быть в js а что в php?

Answer 1

[xmoonlight]

https://github.com/Rovak/InlineAttachment

Comments

[ld6666666666666]

очевидные?

[Тимур Сергеевич]

Для кого то и переменную создать проблематично)

[xmoonlight]

смотрите ссылку, наверное это то...

[ld6666666666666]

нет! не то

[xmoonlight]

пример бы посмотреть...

Answer 2

[Тимур Сергеевич]

Нужно добавить теги.

Comments

[ld6666666666666]

причем здесь теги? Вы о чем..

[Тимур Сергеевич]

Ну ссылки с иззбражениями оборачвать тегами имг. Например оставили коментарий "my img site.ru/ololo.jpg" в хтмл вы должны получить над реализацией подумайте)

[xmoonlight]

@MyAlesya, "над реализацией подумайте)" - вы же читали вопрос))) это - фантастика!

[Тимур Сергеевич]

Не ну такие вещи легко ищуться в гугле)

[ld6666666666666]

ребят! может я неконкретно задал вопрос! повторяюсь еще раз есть сайт определенного домена! если я с хостинга картинок возьму ссылку на картинку и вставлю в форму что бы отображалась изображение а как вы говорите в в теги взять... не прокатит! в эту форму пишется еще и обычный текст и что по вашему получиться? текст img> ? мне нужно чтобы в брались только сcылки с .jpg , .gif , .png

[Тимур Сергеевич]

Чтобы отображалась картинка теги как ни странно нужны)) чтобы были только .jpg .png нужно читать про регулярки. Я бы с удовольствием попыталься написать код кстати самому пригодилься бы но с моего телефона это проблематично.

[ld6666666666666]

наверно так мм?

preg_match_all('#<img\s+src\s*=\s*["\']?(.*)#i',$content,$imgurls);

?

[ld6666666666666]

$content="<p>тексттексттекст</p>
<p><img src=\"http://site.ru/images/1.jpg\" style=\"width:121pt;height:71pt;\" /><img src=\"http://site.ru/images/2.jpg\" style=\"width:110pt;height:34pt;\" /></p>
<p>тесттекст</p><p><img src=\"http://site.ru/images/3.jpg\" style=\"width:90pt;height:18pt;\" /></p><p>В проекциях на ось х это уравнение запишется в виде</p><p><img src=\"http://site.ru/images/4.jpg\" style=\"width:162pt;height:12pt;\" /><img src=\"http://site.ru/images/5.jpg\" style=\"width:269pt;height:38pt;\" /></p>";

а это где выводить нужно из ссылок картинки)

[ld6666666666666]

правильно нет?

[ld6666666666666]

это код регулировки ссылок:

static function makeClickableLinks($text)
	{ 

		 $text = @eregi_replace('(((f|ht){1}tp://)[-a-zA-Z0-9@:%_\+.~#?&//=]+)', 
		   '<a rel="nofollow" target="_blank" href="/go/?url=\\1">\\1</a>', $text);
		 $text = @eregi_replace('([[:space:]()[{}])(www.[-a-zA-Z0-9@:%_\+.~#?&//=]+)', 
		   '\\1<a rel="nofollow" target="_blank" href="/go?url=http://\\2">\\2</a>', $text);
		  
		return $text;
	}
}

выводит в исходный код

<a rel="nofollow" target="_blank" href="/go/?url=ссылка">ссылка</a>

Как реализовать Регулярку с выводом сылок на изоброжения в тег <img >сюда ссылка на изоброжение</img> ?

[ld6666666666666]

нужно дописывать код регулярку

Answer 3

[Ainur Shakirov]

При изменении поля для ввода ссылки запускаешь js функцию, которая проверяет, если это ссылка на картинку, то оборачивает в теги и выводит куда нибудь рядом, или вместо импута. А как прямо в импут не знаю..)

Comments

[ld6666666666666]

прямо в ипут ненужно)