그누보드 나리야빌드 기본 에디터 링크복사 버튼 만들기 ( 현재 사용중인 스킨 입니다)
이전
다음
링크
첨부
등록일
2021.06.06 18:23
본문
그누보드 나리야빌드 기본 에디터 링크복사 버튼 만들기 ( 현재 사용중인 스킨 입니다)
1.버튼 추가 함수
<a onclick="CopyLink()" i class="btn btn-primary py-2" role="button" class="fa fa-windows" span class="hidden-xs"> <i class="fa fa-link"></i> 링크복사</span></i></a>
을 아래에 추가 합니다.
<hr class="hr"/>
<!-- 공유용 새창으로 내용수정하기 목록 버튼 끝 -->
<!-- 그누보드 나리야빌드 새창으로 보기 / 글쓰기 / 글수정 / 목록으로 버튼 추가 11q.kr 20210602 추가 시작-->
<div class="px-3 px-sm-0">
<div class="row mx-n2">
<a href="<?php echo $_SERVER[REQUEST_URI]; ?>" target="_blank" onclick="window.open('<?php echo $_SERVER[REQUEST_URI]; ?>', '새창으로보기'); "><i class="btn btn-primary py-2"><i class="fa fa-windows"></i><span class="hidden-xs"> 새창으로보기</span></i></a>
<a href="<?php echo $write_href ?>" i class="btn btn-primary py-2" role="button" class="fa fa-windows" span class="hidden-xs"> <i class="fa fa-pencil fa-md"></i> 글쓰기</span></i></a>
<a href="<?php echo $update_href ?>" i class="btn btn-primary py-2" role="button" class="fa fa-windows" span class="hidden-xs"> <i class="fa fa-plus"></i> 글수정</span></i></a>
<a href="<?php echo $list_href ?>" i class="btn btn-primary py-2" role="button" class="fa fa-windows" span class="hidden-xs"> <i class="fa fa-bars"></i> 목록으로</span></i></a>
<a onclick="CopyLink()" i class="btn btn-primary py-2" role="button" class="fa fa-windows" span class="hidden-xs"> <i class="fa fa-link"></i> 링크복사</span></i></a>
</div>
</div>
<!-- </button><button onclick="CopyLink()">Link Copy</button> -->
<!-- 하단에 링크복사는 필수 스크립트 포함 합니다. -->
<!-- 그누보드 나리야빌드 새창으로 보기 / 글쓰기 / 글수정 / 목록으로 버튼 추가 11q.kr 20210602 추가 끝-->
2.일반 버튼및 스크립트 함수 내용
다음에 추가하세요
W:\www\skin\board\11q_kr_pdf_viewer_skin_board\view.skin.php
<!-- 하단에 링크복사는 필수 스크립트 포함해야 합니다. 시작-->
<!-- https://stackoverflow.com/questions/37308210/copy-current-url-button-javascript -->
<!-- </button><button onclick="CopyLink()">Link Copy</button> -->
<script>
// -----------------------
// 상단에 링크복사는 필수 스크립트 포함 합니다.끝
function copyTextToClipboard(text) {
var textArea = document.createElement("textarea");
//
// *** This styling is an extra step which is likely not required. ***
//
// Why is it here? To ensure:
// 1. the element is able to have focus and selection.
// 2. if element was to flash render it has minimal visual impact.
// 3. less flakyness with selection and copying which **might** occur if
// the textarea element is not visible.
//
// The likelihood is the element won't even render, not even a flash,
// so some of these are just precautions. However in IE the element
// is visible whilst the popup box asking the user for permission for
// the web page to copy to the clipboard.
//
// Place in top-left corner of screen regardless of scroll position.
textArea.style.position = 'fixed';
textArea.style.top = 0;
textArea.style.left = 0;
// Ensure it has a small width and height. Setting to 1px / 1em
// doesn't work as this gives a negative w/h on some browsers.
textArea.style.width = '2em';
textArea.style.height = '2em';
// We don't need padding, reducing the size if it does flash render.
textArea.style.padding = 0;
// Clean up any borders.
textArea.style.border = 'none';
textArea.style.outline = 'none';
textArea.style.boxShadow = 'none';
// Avoid flash of white box if rendered for any reason.
textArea.style.background = 'transparent';
textArea.value = text;
document.body.appendChild(textArea);
textArea.select();
try {
var successful = document.execCommand('copy');
var msg = successful ? 'successful' : 'unsuccessful';
console.log('Copying text command was ' + msg);
} catch (err) {
console.log('Oops, unable to copy');
}
document.body.removeChild(textArea);
}
function CopyLink() {
copyTextToClipboard(location.href);
}
// 상단에 링크복사는 필수 스크립트 포함 합니다.끝
// ==========================
■ ▶ ☞ 정보찾아 공유 드리며 출처는 링크 참조 바랍니다 ♠ . ☞ 본자료는 https://11q.kr 에 등록 된 자료 입니다♠.
[이 게시물은 11qkr님에 의해 2021-06-16 02:45:16 11.Nas_1에서 이동 됨]
관련자료
-
링크
-
첨부등록일 2021.06.06 18:23
-
이전
-
다음
댓글 0
등록된 댓글이 없습니다.