웹마스터 팁
Autolink에 주소 복사 추가 & 본문 글 주소 복사 추가
2008.06.22 01:00
1) Autolink에 주소 복사 추가
※ 1.0.3 이전 버전의 autolink만 해당됩니다. 1.0.4 부터는 구조가 변경되었더군요
업데이트가 되었지만 그림처럼 레이어 뜨는 방식이 쓰다보니 더 편한거 같아서 저 같은 분 계실거 같아 클립보드 복사 추가해봤습니다
Autolink 애드온 쓰실때 주소 복사를 드래그 하자니 자꾸 화면을 가리고
오른쪽 버튼을 누르자니 "새창", "현재창"도 오른쪽 누르면 되는데... 하고 고민하다 짜집기 식으로 만들었습니다
1. /zbxe/addons/autolink/lang/ko.lang.php 파일 열고 아래 부분 추가 합니다
2. /zbxe/addons/autolink/autolink.addon.php 파일 열고 아래 부분 추가 합니다
2) 본문 글 주소 복사 추가
Autolink에 복사 기능을 추가한 것과 같은 기능입니다
위 그림처럼 주소 뒤에 - Copy를 추가해서 클릭하면 주소가 복사 됩니다
1. 스크립트는 Autolink 와 동일 하게 레이아웃 설정 → 헤더 스크립트에 삽입하면 됩니다(위에 것과 같이 쓴다면 이번건 생략해도 됩니다)
2. /zbxe/modules/board/skins/해당스킨/view_document.html 열고 빨간 부분 추가 합니다
※ 1.0.3 이전 버전의 autolink만 해당됩니다. 1.0.4 부터는 구조가 변경되었더군요
업데이트가 되었지만 그림처럼 레이어 뜨는 방식이 쓰다보니 더 편한거 같아서 저 같은 분 계실거 같아 클립보드 복사 추가해봤습니다
Autolink 애드온 쓰실때 주소 복사를 드래그 하자니 자꾸 화면을 가리고
오른쪽 버튼을 누르자니 "새창", "현재창"도 오른쪽 누르면 되는데... 하고 고민하다 짜집기 식으로 만들었습니다
1. /zbxe/addons/autolink/lang/ko.lang.php 파일 열고 아래 부분 추가 합니다
$lang->open_cur_window = "현재창";
$lang->open_new_window = "새창";
$lang->clipboard_copy = "복사";
$lang->open_new_window = "새창";
$lang->clipboard_copy = "복사";
2. /zbxe/addons/autolink/autolink.addon.php 파일 열고 아래 부분 추가 합니다
$open_cur_window = Context::getLang('open_cur_window');
$open_new_window = Context::getLang('open_new_window');
$clipboard_copy = Context::getLang('clipboard_copy');
$open_new_window = Context::getLang('open_new_window');
$clipboard_copy = Context::getLang('clipboard_copy');
그리고 아래 쪽에
'<a href="'+obj.getAttribute('href')+'" style="text-decoration:none; color:#555555;">'+href+'</a> [{$open_cur_window}]'+ '';
이부분을 찾아 제일 끝 ''; 앞에 아래 코드를 추가합니다
'+
'+
'<span style="color:#555555; cursor:hand;" onClick=copy("'+obj.getAttribute('href')+'")>[{$clipboard_copy}]</span>'+
3. 마지막으로 스크립트를 추가합니다. 이 스크립트는 지식인 검색을 통해서 찾은것이며 문제가 된다면 삭제하겠습니다
레이아웃 설정 → 헤더스크립트에 추가하시면 됩니다
<!-- autolink 주소 복사 스크립 -->
<script language="JavaScript">
<!--
function copy(url) {
window.clipboardData.setData("Text",url);
alert('주소가 복사되었습니다.');
}
//-->
</script>
<script language="JavaScript">
<!--
function copy(url) {
window.clipboardData.setData("Text",url);
alert('주소가 복사되었습니다.');
}
//-->
</script>
2) 본문 글 주소 복사 추가
Autolink에 복사 기능을 추가한 것과 같은 기능입니다
위 그림처럼 주소 뒤에 - Copy를 추가해서 클릭하면 주소가 복사 됩니다
1. 스크립트는 Autolink 와 동일 하게 레이아웃 설정 → 헤더 스크립트에 삽입하면 됩니다(위에 것과 같이 쓴다면 이번건 생략해도 됩니다)
<!-- autolink 주소 복사 스크립 -->
<script language="JavaScript">
<!--
function copy(url) {
window.clipboardData.setData("Text",url);
alert('주소가 복사되었습니다.');
}
//-->
</script>
<script language="JavaScript">
<!--
function copy(url) {
window.clipboardData.setData("Text",url);
alert('주소가 복사되었습니다.');
}
//-->
</script>
2. /zbxe/modules/board/skins/해당스킨/view_document.html 열고 빨간 부분 추가 합니다
<div class="uri" title="{$lang->document_url}"><a href="{$oDocument->getPermanentUrl()}">{$oDocument->getPermanentUrl()}</a><font color="#bbbbbb">-</font> <span style="color:#bbbbbb; cursor:hand;" onClick=copy("{$oDocument->getPermanentUrl()}")>Copy</span></div>
댓글 4
-
유우타
2008.06.28 23:56
-
탑심
2008.06.29 13:16
오타 수정했습니다 ^ ^:
FF에서는 미처 확인을 못했군요; 죄송합니다 ( _ _) -
유우타
2008.06.29 00:05
아, 그리고 이건 FF에선 실행되지 않네요 ㅠㅠ
그래두 달아둘렵니다. 감사합니다. ^^ -
gnee
2008.07.12 14:00
1.0.4는 못쓰는건가요?;;
2번 본문 글 주소 복사 추가부분에서
"1. 스크립트는 Autolink 와 동일 하게 레이아웃 설정 → 헤더 스크립트에 삽입하면 됩니다(위에 것과 같이 쓴다면 이번건 생랙해도 됩니다)"
생략을 생랙으로 쓰셨네요. ^^~