게시물 공유 주소 봅아내기 및 클립보드 복사 기능

<a class="app-link" href="{$oDocument->getPermanentUrl()}">
<span>{$oDocument->getPermanentUrl()}</span>
</a>

 

이건 순순 코드 (출력)

 

 

 

 

CDN 이용

해당 페이지 최상단에 아래 코드 넣기

<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js"></script>

 

 

출력 위치 자리에 아래 코드 넣기

<a class="copy_cmt_addr" href="#" data-clipboard-text="{$oDocument->getPermanentUrl()}"  onclick="return false;"><i class="far fa-share-square"></i></a>

 

해당 페이지 최하단에 넣기 스크립트 코드

<script>
	var clipboard = new Clipboard('.copy_cmt_addr');
	  
	clipboard.on('success', function(e) {
	alert('게시글 주소가 클립보드에 복사되었습니다.\n\n'+e.text);
	});
	  
	clipboard.on('error', function(e) {
	prompt("이 글의 주소입니다. Ctrl+C를 눌러 클립보드로 복사하세요", e.text);
	});
</script>