웹마스터 팁
도움안될 것 같은 람보의 주옥같은 팁1 (스케치북 스킨에서 ctrl+enter키로 댓글작성 완료하기)
2014.04.26 17:50
1. 개요
깃허브를 자주 사용하시는 분들은 단축키를 컨트롤 + 엔터로 마무리 하는 경우가 많고, 이미 많은 사이트(트위터 깃허브밖에 못봄잼..)에서도 이와같은 방법으로 사용하고 있습니다.
2. 조건
스케치북 스킨에서 textarea 댓글 모드에서만 작동합니다./댓글방식을 에디터형으로 사용할 경우 작동이 안됩니다./ 에디터까지 수정할 여력은 없습니다.
3. 방법
스케치북 스킨의 ftp상의
_comment_write.html 파일을 실행 해보세요.
총 두번의 작업이 필요합니다.<input type="submit"
을 검색해보면 첫번째 30~33번째줄 쯤 해당 코드가 있는 것을 보실 것입니다.
해당 태그 다음 다음 js스크립트를 넣어줍니다.
<input type="submit" value="{$lang->cmd_submit}" class="bd_btn css-btn" />
<script language="javascript" >
jQuery(function($){
function getCaret(el) {
if (el.selectionStart) {
return el.selectionStart;
} else if (document.selection) {
el.focus();
var r = document.selection.createRange();
if (r == null) {
return 0;
}
var re = el.createTextRange(),
rc = re.duplicate();
re.moveToBookmark(r.getBookmark());
rc.setEndPoint('EndToStart', re);
return rc.text.length;
}
return 0;
}
$("#editor_{$oDocument->document_srl}").keyup(function(e){
if (e.keyCode == 13 && e.ctrlKey) {
$(".css-btn").click();
}
});
});
</script>
여기서 중요한건 제가 연두색으로 칠한 부분이 중요합니다. 해당 부분은 추가 및 수정해야할 부분이므로 원본 소스와 잘 비교해서 채크 하시기 바랍니다.
마찬가지로 대댓글의 경우도 똑같습니다.
<!--// 대댓글 -->
해당 주석 다음
<input type="submit"
을 검색해보면 나오는데 이번에는 클래스를 바꿔야합니다. 처음 소스와 클래스가 중복되어버려서 문제가 발생되기 때문이지요.
<input type="submit" value="{$lang->cmd_submit}" class="bd_btn sone-btn fr" />
<script language="javascript" cond="$rd_idx==0">
jQuery(function($){
function getCaret(el) {
if (el.selectionStart) {
return el.selectionStart;
} else if (document.selection) {
el.focus();
var r = document.selection.createRange();
if (r == null) {
return 0;
}
var re = el.createTextRange(),
rc = re.duplicate();
re.moveToBookmark(r.getBookmark());
rc.setEndPoint('EndToStart', re);
return rc.text.length;
}
return 0;
}
$("#editor_2").keyup(function(e){
if (e.keyCode == 13 && e.ctrlKey) {
$(".sone-btn").click();
}
});
});
</script>
마찬가지로 연두색색칠된 부분을 잘보고 같이 수정 해주시면 됩니다.
댓글 5
-
KrteamENT
2014.04.26 18:03
-
키스투엑스이
2014.04.26 18:46
1이 있으면 2도 있는 법.. -
zombiman
2014.04.26 20:41
람보님 -b
-
솔리드
2014.04.26 21:01
정말 유용한 팁 올려주셔서 감사합니다=_=b
이걸 수정하면 글등록 버튼에도 활용가능한까요?
-
okiz
2014.04.26 23:10
참고로..submit 버튼에 accesskey="s" 속성 추가하시면 Alt + 's' 로 완료하실 수 있습니다.
제목 | 글쓴이 | 날짜 |
---|---|---|
회원 순위 공동순위 표시해서 뽑기(원리만 소개) | 라르게덴 | 2009.02.13 |
주민등록번호 입력 폼 추가 (1.1.5 기준) [39] | 개돌 | 2009.02.16 |
TortoiseSVN에서 특정 리비전 영역만 추출하기 [1] | ◀CGlink▶ | 2009.02.19 |
IIS에서 XE 설치 시 FTP 정보 등록에서 오류 조치 [4] | impre | 2009.02.20 |
플래너 최근문서(위젯)에 카테고리색 적용, Dday 적용, 지난 일정 출력 여부 조절 [7] | 주상태 | 2009.02.21 |
20메가 업로드 용량제한에 대한 이야기 ^^ [9] | 만쓰별(정만) | 2009.02.22 |
textarea 에디터를 사용하는 리플에서 태그 막기 [2] | 老姜君 | 2009.02.22 |
확장변수전용 권한설정 게시판스킨 미권한자에게 출력 (''깜박''오류?) 보고 | 0su | 2009.02.25 |
테스트용 아이디 탈퇴 막기 [1] | SMaker | 2009.02.26 |
lighttpd 에서 XE rewrite 기능 (.htaccess) 사용하기 [2] | msl2246 | 2009.02.28 |
첨부파일의 외부 무단 링크 차단하기(XE) 게시판설정 [7] | 왕초보왕따 | 2009.03.02 |
윈도우, 리눅스, 맥서버에서 이슈트래커 동작가능하게 하기 [1] | 뽀여니 | 2009.03.02 |
2003 + RWAPM + faceOff + IE7 = rewrite mod 에러 | neotec | 2009.03.03 |
Smarty 한글 메뉴얼 공개합니다. [1] | 미니미 | 2009.03.04 |
이슈 트래커 소유자 변경 시 그룹별 선택 기능 | 개돌 | 2009.03.05 |
사진이 떳다 사라지는 문제 해결법 [2] | 현진 | 2009.03.07 |
게시판 가로사이즈 줄이기....[초보만 클릭] [4] | 유팔복 | 2009.03.07 |
svn 업으로 xe 최신본 유지하기 [2] | e~세상쉼터 | 2009.03.08 |
Faceoff 버젼에서 확장변수 마음대로 배치하기 ^^ | 파파민 | 2009.03.13 |
게시물 가운데 정렬 문제 임시해결법 | 한신일 | 2009.03.15 |
조용히 추천감..