티스토리 뷰

네이버 스마트 에디터가 링크연결시 자꾸 self로 연결되어서 짜증이 많이 났는데 

아무리 뒤져봐도 적당한 설명이 없더군요... 

심지어 4년전, 심지어 지금은 있지도 않은 코드에 대해서 설명하는 링크도 있었구요.... 

(제가 초보여서 잘 모를수도 있습니다.) 

요즘 자바스크립트 공부하면서 만들어봤습니다. 다양한 사이트에서 정보를 얻었습니다. 

이곳에도 질문답변에서 답변에 자바스크립트를 이용할 수 있다는 힌트가 있었습니다. 

방법은 쉬운데....게시판 각 스킨마다 적용을 해주셔야 합니다. 

그래도 중요한 원본소스는 건드릴 필요가 없으니 저처럼 초보분들에게 유용할 듯 싶습니다. 







게시판 view 페이지에 

section id="bo_v_atc" 부분을 찾습니다. 

그 section 맨 마지막에 (혹은 중간 아무데나... 정확히 말하면 주석으로 본문시작하고 나서 끝바로 위) 

다음을 추가합니다. 


<script> 
jQuery("#bo_v_atc a").each(function () 
{  
if (jQuery(this).attr("target") == "_self") 
return; 
else if (jQuery(this).attr("target") !== "_self") 
{jQuery(this).attr("target", "_blank");}  
}) 
</script> 




게시판 내용부분에 대해서 self로 직접 적용한 경우에는 그냥 냅두고 

적용하지 않고 그대로 두면 저절로 blank로 변경시켜버리는 소스입니다. 

네이버스마트에디터2 는 그냥 복사해서 링크를 붙여넣으면 self도 blank도 표시가 되어있지 않은 점을 이용햇습니다. 

if문을 이리저리 바꾸면 다양한 경우에 응용할 수 있습니다. 

저같은 경우는 딱히 다른 경우의 수가 필요없어서 저렇게 2가지 조건만 넣었습니다. 


혹시나 시험해보시고 싶으신 분은 홈페이지 www.happyshopping.co.kr 게시판 클릭해보시면 아실거 같아요~ 



id="bo_v_atc"에다가 하는 이유는 그냥 셀렉터를 a라고 해버리면... 

다른 메뉴들도 전부 새창으로 떠버리는 문제가 발생했기 때문입니다. 

(이건 직접 해보셔야 확실히 아실듯 ^^) 

댓글