테스트 사이트 - 개발 중인 베타 버전입니다

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

경하귀요밍 8년 전 조회 3,183

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

 

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

 

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

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

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

답변 2개

채택된 답변
+20 포인트
k
8년 전

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

 

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

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

경하귀요밍
8년 전
아 우연히 innerHtml 을 들었어서 이걸 어떻게 사용하나했었는데
wrap가 있었군요 ㅎㅎ 감사합니다!!!
경하귀요밍
8년 전
혹시 외람된 질문이지만,, 이미지 추가에따른 a테그 클레스 명도 다르게 할수있나요?

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

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

k
8년 전

웹에디터안에 있는 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>'); 

}) 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

경하귀요밍
8년 전
와.. 좋은 정보 고맙습니다.. 진짜진짜 많은 도움이됬어요..ㅜㅜ 감사합니다!!!!!!!!!!!!@0@

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

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

로그인