게시판 상단에 게시물의 주소를 복사하는 버턴을 출력시키는 Tip이 올라와서
https://xetown.com/rxe_tip/865950
좋은 Tip인 것 같아서 제가 게시판설정과 에드온 연동해서 수정한 Tip올립니다.
1. skin.xml 수정
<var name="url_copy" type="radio">
<title xml:lang="ko">게시물 주소 복사 출력</title>
<description xml:lang="ko">게시물 주소 복사 버턴을 출력할 것인지를 결정합니다.</description>
<options value="">
<title xml:lang="ko">출력(기본)</title>
</options>
<options value="N">
<title xml:lang="ko">출력 안함</title>
</options>
</var>
<var name="url_copy_color" type="radio">
<title xml:lang="ko">게시물 주소 복사 버턴 칼라선택</title>
<options value="orange">
<title xml:lang="ko">오렌지색</title>
</options>
<options value="blue">
<title xml:lang="ko">푸른색</title>
</options>
<options value="green">
<title xml:lang="ko">초록색</title>
</options>
<options value="purple">
<title xml:lang="ko">자주색</title>
</options>
<options value="red">
<title xml:lang="ko">빨간색</title>
</options>
<options value="yellow">
<title xml:lang="ko">노란색</title>
</options>
<options value="gray">
<title xml:lang="ko">회색</title>
</options>
</var>
2. 스케치북5 게시판 기준 _read.html 수정
<!--// 제목 밑 커스텀 위젯 등 영역 -->
{$mi->rd_hd_widget}
부분 바로 위에 아래의 코드 삽입
<!--게시물 주소 복사-->
<button cond="$mi->url_copy==''" id="address" class="sbtn_small sbtn-{$mi->url_copy_color} pr_tooltip" pr_color="dark" pr_position="t_left" title="{$oDocument->getPermanentUrl()}"><a data-clipboard-text="{$oDocument->getPermanentUrl()}" onclick="return false;"><i class="far fa-copy"></i> 게시물 주소복사</a></button>
<script cond="$mi->url_copy==''" src="js/clipboard.min.js"></script>
<script cond="$mi->url_copy==''">
var clipboard = new Clipboard('#address', {
text: function() {
return 'http://<?php echo $_SERVER[HTTP_HOST].$_SERVER[REQUEST_URI]; ?>';
}
});
clipboard.on('success', function(e) {
alert('게시글 주소가 클립보드에 복사되었습니다.\n\n'+e.text);
});
clipboard.on('error', function(e) {
prompt("이 게시글의 주소입니다. Ctrl+C를 눌러 클립보드로 복사하세요", e.text);
});
</script>
<!--게시물 주소 복사 끝-->
$mi->url_copy - 1.게시물 주소 복사 버턴을 출력할 것인지를 결정합니다.
sbtn_small sbtn-{$mi->url_copy_color} - 4.칼라버턴생성과 1.칼라선택
pr_tooltip" pr_color="dark" pr_position="t_left" title="클릭하면 주소가 복사됩니다." - 5.마우스 오버시 설명 생성
3. clipboard.js / clipboard.min.js
파일을 내려 받아서 /modules/board/skins/sketchbook5/js 폴더에 넣어주세요.
4. Web Fonts 애드온 1.3.1(폰트어썸5.0.2) 설치 - 칼라버턴생성
Sexy Button 사용을 적용하세요.
https://moonhouse.co.kr/395931
5. 말풍선(툴팁) 애드온 설치 - 마우스 오버시 설명 생성
https://moonhouse.co.kr/422966