웹마스터 팁

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>

마찬가지로 연두색색칠된 부분을 잘보고 같이 수정 해주시면 됩니다.

제목 글쓴이 날짜
무한 스크롤 스크립트 [4] 웹빌드 2014.04.16
XE 알림센터&새글알림애드온 위치 조정하는 법 [2] XE힘들당휴 2014.05.04
[140404] ISPconfig 호스팅 관리 패널 Luatic™ 2012.06.24
게시판 글쓰기 폼은 없이 확장변수만 표시할 수 있는 게시판 만들기 (for sketchbook5 최신버전 기준) [2] 큰성565 2014.05.02
사용 언어별로 다른 내용 출력하기 [5] elancer 2014.05.01
에디터로 글 작성시 폰트 크기가 12px로 변경되는 현상 해결방법 [7] file jambox 2013.12.31
갑자기 사이트 세팅을하던도중 DB line 674 에러 대처법 xe공부중44 2014.05.01
*LI-NA님의 큰 선물* SKETCHBOOK5 (최신버전)에서 특정 확장변수를 추천하는 사람에게만 공개하도록 하는 방법 [4] file 큰성565 2014.04.30
폰갭 제작시 자바스크립트로 get 변수 전달 받기 웹빌드 2014.04.30
[주옥시리즈]닉네임/이메일 변경 금지 팁 [10] socialskyo 2013.08.10
CentOS 6.5 rrdtool 사용하는 Collectd 설치 lililiillililiil 2014.04.29
CentOS 6.5 MRTG 설치 lililiillililiil 2014.04.29
PHP 5.4 대응 코딩(1) - stdClass YJSoft 2014.04.29
카메론님의 슬라이더 시리즈와 웹콘님의 최근게시물 시리즈가 라이브러리 충돌하는경우 [1] XE힘들당휴 2014.04.29
포인트복권 팝업창 말고 현재창에서 바로 사용하기! [1] 바가G 2014.04.28
우분투 12.04 LTS Nginx 최신버전 설치하기 [1] file 도라미 2014.02.17
도움안될 것 같은 람보의 주옥같은 팁1 (스케치북 스킨에서 ctrl+enter키로 댓글작성 완료하기) [5] BJ람보 2014.04.26
데이터 이전 후 list_order 조정 [1] wooildang 2013.04.07
회원가입폼 비밀번호 찾기 질문/답변 삭제및 필수항목 선택 (송동우님 팁) [8] 때린데 또때려 2012.04.09
css를 이용한 페이지 인식 헤이즈디자인 2014.04.23