클릭하면 복사되는 코드
백업/자료 2024. 12. 14.
①
clipboard.js
A modern approach to copy text to clipboard. No Flash. No frameworks. Just 3kb gzipped
clipboardjs.com
여기 들어가서 Install 밑에 download.zip 을 받기
② 갠홈 폴더중 js 폴더에 clipboard.min.js 를 넣기
③ head.php를 열어서
<script src="<?php echo G5_JS_URL ?>/clipboard.min.js"></script>
이코드를 <!-- 헤더 영역 --> 위에 넣기
④ 게시글 html 최하단에 아래를 붙여넣기
<script>
var clipboard = new ClipboardJS( '.btn' );
clipboard.on( 'success', function() {
alert( '복사 완료 메세지' );
} );
clipboard.on( 'error', function() {
alert( '복사 실패 메세지' );
} );
</script>
⑤ 원하는 이미지에
<p class="btn" data-clipboard-text="복사될 내용" style="text-align: center;"><원하는 이미지 주소></p>
이렇게 감싸기
참고로 style="text-align: center;"는 중앙정렬이라 빼도 됨