[php] php 에디터 콘텐츠 이미지 확대가능하도록 설정하는 방법

[php] php 에디터 콘텐츠 이미지 확대가능하도록 설정하는 방법

 

 

php 에서

 

에디터를 이용한 컨텐츠를 다루다보면

 

사용자 페이지에서

 

에디터로 등록된 이미지를 확대해서 봐야하는 경우가

 

종종 있습니다.

 

css 로 해결할 수도 있긴하지만,

 

php 코드에서

 

이미지를 클릭하여 새창으로 띄워서

 

자유자재로 확대 및 드래그가 하도록 설정할 수 있습니다!

 

그 예제 소스를 공유하려고 합니다!

 

$contents = "wqdqwdqwdqwdqwd<img src='IMAGE_URL' alt='' />wqdqwdqwd<br /><img src='IMAGE_URL' />qwdqwdqwd";

preg_match_all("/<img[^>]*src=[\"']?([^>\"']+)[\"']?[^>]*>/i", $contents, $matches);

foreach( $matches[0] as $img ) {
	$new_ing = str_replace(">"," onclick=window.open(this.src)>", $img);
	$contents = str_replace($img,$new_ing, $contents);
}

echo $contents;

 

위 내용 보시면 아시겠지만,

 

컨텐츠 내용들 중 img 태그를 정규식을 이용해서 추출한 다음

 

str_replace 를 이용해서 onclick 속성을 추가하고,

 

본문의 원래 img 내용을 변경된 img 내용으로 교체하는 방법입니다!

 

참고들 하세요!