자바강사 낙자쌤

자동출처복사(autosourcing) 기능 구현 본문

JavaScript

자동출처복사(autosourcing) 기능 구현

낙자쌤™ 2016. 1. 26. 13:49
728x90
반응형

네이버블로그에서 필요한 정보를 복사할때 주인장의 정보가 따라서 복사되는

자동출처복사 라는 기능이 있다. 

사용자의 입장에서는 귀찮은 정보이지만,

주인장의 입장에서는 내가 포스팅한 정보가 조금이라도 더 가치있는 정보이길 원하는건 당연한 일이다.

아래는 구현한 소스이다.




<script type="text/javascript" src="http://nakja.co.kr/nBoard/js/jquery-1.7.1.min.js"></script>

<script type="text/javascript" src="http://nakja.co.kr/autosourcing1/autosourcing_by_nhn/autosourcing.open.compact.js"></script>

<script type="text/javascript" src="http://nakja.co.kr/autosourcing1/js/ctlr.js"></script>

<script type="text/javascript">

AutoSourcing.setTemplate("<div>[출처] : <a href=\"{link}\">{title}</a></div><div>{name}</div>");

AutoSourcing.setString(1, "겸스홀릭-대기만성형코더", "Posting by 낙자사발™", "http://nakja.co.kr");

</script>



<div id="article_1">

---------여기있는 내용을 복사했을때 출처가 복사된다---------<br/>

네이버 블로그에서 내용을 복사하게 되면 출처가 같이 복사되는 기능을 구현하고 싶습니다. <br/>

나름 검색을 해봤는데 javascript의 window.clipboardData 객체를 이용하면 IE에서는 동작하지만  <br/>

크롬에서는 동작이 안되네요..  <br/>

nhn의 오픈소스를 이용하면 된다는 내용도 있어 시도해봤는데 실패했습니다...  <br/>

아~어렵네요..  <br/>

혹시 해결책을 아시는 고수님들 계실까요?  <br/>

도움 부탁드립니다.  <br/>

---------여기있는 내용을 복사했을때 출처가 복사된다---------<br/>

</div>



배포사이트 : http://section.blog.naver.com/BlogEpisode4Ccl.nhn?m=auto

그런데 배포사이트에서 배포하는 소스를 이용하면 작동이 안된다.

약간의 시행착오가 필요한듯 하다..ㅋ




728x90
반응형