클릭하면 복사되는 코드

백업/자료 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;"는 중앙정렬이라 빼도 됨

 

최근 글

캘린더

    2 / 2025
    1
    2 3 4 5 6 7 8
    9 10 11 12 13 14 15
    16 17 18 19 20 21 22
    23 24 25 26 27 28