코드이그나이터 기반 PHP 오픈소스 게시판 : 씨아이보드

[씨아이보드] post에 글주소 클립보드 복사기능 대체(크롬에서 정상작동)

글 내용보기의 글주소 복사 기능이 ZeroClipboard.js가 플래시를 사용하는 관계로 크롬에서는 작동하지 않습니다.

다른 라이브러리를 통하여 구현하여 작동하는 방법 입니다.


첨부한 2개의 파일을 /assets/js/ 폴더에 넣어줍니다.


/views/board/basic/post.php 두번째 라인부터 수정입니다.


<?php //$this->managelayout->add_js(base_url('plugin/zeroclipboard/ZeroClipboard.js')); ?>

<?php $this->managelayout->add_js(base_url('assets/js/clipboard.min.js')); ?>

<?php $this->managelayout->add_js(base_url('assets/js/copyToClipboard.js')); ?>


44라인 수정

<li class="copy_post_url" data-clipboard-action="copy" data-clipboard-text="<?php echo element('short_url', $view); ?>"><span><i class="fa fa-link"></i> 글주소</span></li>
 
401라인 스크립트 수정

//<![CDATA[
$(function() {
var clipboard = new ClipboardJS('.copy_post_url');
clipboard.on('success', function(e) {
alert('게시글 주소가 복사되었습니다. \'Ctrl+V\'를 눌러 붙여넣기 해주세요.');
e.clearSelection();
});

clipboard.on('error', function(e) {
if (navigator.userAgent.match(/ipad|ipod|iphone/i)) {
  copyToClipboard('.copy_post_url');
  alert('게시글 주소가 복사되었습니다. \'Ctrl+V\'를 눌러 붙여넣기 해주세요.');
} else {
  alert('클립보드 복사를 사용할 수 없습니다.');
}
});
});
//var client = new ZeroClipboard($('.copy_post_url'));
//client.on('ready', function(readyEvent) {
//    client.on('aftercopy', function(event) {
//        alert('게시글 주소가 복사되었습니다. \'Ctrl+V\'를 눌러 붙여넣기 해주세요.');
//    });
//});
//]]>

2
0
이 글을 페이스북으로 퍼가기 이 글을 트위터로 퍼가기 이 글을 카카오톡으로 퍼가기 이 글을 카카오스토리로 퍼가기 이 글을 밴드로 퍼가기

팁&테크

번호 제목 글쓴이 날짜 조회수
공지 Github 운영을 시작합니다 +11 icon 관리자 11-19 12,843
공지 씨아이보드 3 배포 안내 +18 icon 관리자 11-09 14,538
54 씨아이보드 php7.4 + mysql 8 설치 경험 공유 합니다. +1 돌아온니모 02-04 1,087
53 씨아이보드 카카오 소셜 로그인 불가시. 아카이 11-13 914
52 씨아이보드 소셜로그인 네이버로그인 안될때 해결방법 플라이이글스 09-22 1,089
51 코드이그나이터 smarteditor 사진업로드가 안되는 현상 해결방법(400error) 플라이이글스 08-11 1,132
50 씨아이보드 게시판 첨부 이미지 클릭시 새창 안뜨고 오리지날 이미지로 확대축소만 하… 옹박 04-23 1,255
49 씨아이보드 install 시 step4 에서 데이터베이스 접속 실패 뜨시는분? +2 왕돌 09-26 2,111
48 씨아이보드 smslib 장문 문자 발송 수정 하마쿵 04-11 2,512
47 씨아이보드 게시판 post 하단에 다음글, 이전글 제목 나오기 whalam 04-09 1,906
46 씨아이보드 다음 juso.js 파일이 로드되지 않았습니다. +1 ceoseo 12-04 2,408
45 서버 APM AUTO INSTALL V 0.2.9 +4 icon 아파치 11-26 1,896
44 씨아이보드 일단 erd그렸습니다. +13 icon Rido 11-10 4,537
43 씨아이보드 CIBOARD 설치가 안됩니다. 답변 부탁드립니다. +4 백경우 11-01 1,964
42 씨아이보드 스마트에디터 파일업로드시 도메인부분을 제거하고 이미지 태그 등록 +4 꽃이피는첫걸음 10-18 2,398
41 씨아이보드 비밀글 열람 권한 지정 옵션 꽃이피는첫걸음 10-15 1,660
40 씨아이보드 post에 글주소 클립보드 복사기능 대체(크롬에서 정상작동) +2 꽃이피는첫걸음 10-05 1,535
39 씨아이보드 일반페이지(document)에서 이미지맵 적용하기 꽃이피는첫걸음 10-02 1,113
38 씨아이보드 CIBOARD에 summernote 에디터 추가 +3 BOSS 08-03 1,973
37 씨아이보드 날짜를 연도까지 나오게 하기.. +1 마젠토 11-10 3,336
36 씨아이보드 디렉토리 구조 이해하기 +4 icon 해피정 08-17 6,149
35 씨아이보드 utf8mb4 로 설치하기 (2017-08-11 수정) icon 해피정 08-11 3,116