게시판 웹에디터로 추가한 사진에 a테그 넣는방법

경하귀요밍

2016-11-23 (수) 10:51:27 3,464

그누보드 기본 웹에디터로 사진첨부 한 img 테그에 a테그와 함께 class 명도 추가하고싶은데요..

어떻게 해야하나요..??

ex) <img src="~~"> =>원본

<a href="#" class="aa"><img src="~~"></a> ==>하고싶은 것

그누보드 웹에디터 class a테그

채택된 답변

+20 포인트

ksdhtm56

2016-11-23 (수) 11:06:09

스크립트 로도 가능할것같습니다.

$("img").wrap('<a href="#" class="aa"></a>');

경하귀요밍

2016-11-23 (수) 11:23:28

아 우연히 innerHtml 을 들었어서 이걸 어떻게 사용하나했었는데
wrap가 있었군요 ㅎㅎ 감사합니다!!!

경하귀요밍

2016-11-23 (수) 11:32:33

혹시 외람된 질문이지만,, 이미지 추가에따른 a테그 클레스 명도 다르게 할수있나요?

예를들어 이미지 3개가 추가되면 <a href="#" class="a1"></a> ... <a href="#" class="a3"><a/> 이런식으로요..!!

ksdhtm56

2016-11-23 (수) 11:46:12

웹에디터안에 있는 img 태그에만 쓰려면

var aa=$("에디터구문").find("img").index(this);

$("에디터구문").find("img").wrap('<a href="#" class="a'+aa+'"></a>');

하면 에디터구문 안에있는 image index값 구해서 클래스명 바꿔갈수 있을듯해여

어떻게 사용하냐에 따라 방법은 또 바뀌겠지만요

each 로 돌리시면서 하시면 될듯

$("에디터구문").find("img").each(function(i){

$("에디터구문").find("img").eq(i).wrap('<a href="#" class="a'+i+'"></a>');

})

경하귀요밍

2016-11-23 (수) 12:07:12

와.. 좋은 정보 고맙습니다.. 진짜진짜 많은 도움이됬어요..ㅜㅜ 감사합니다!!!!!!!!!!!!@0@

답변을 작성하려면 로그인이 필요합니다.