태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.

아는 사람만 알고 모르는 사람은 잘 모르는 티스토리 숨은 기능 중의 하나로 아래와 같은 몇몇 단축키를 지원합니다. 

티스토리 단축키

  • Q - 관리자 페이지로 가기
  • A - 이전글 보기 ( 작성시간 순으로는 나중에 작성된 글 )
  • S - 다음글 보기 ( 작성시간 순으로는 이전에 작성된 글 )
  • Z - 사이드바 최신 글로 이동
  • X - 사이드바 최신 댓글로 이동
  • C - 사이드바 최신 트랙백으로 이동


태터데스크 단축키

  • D - 태터데스크로 관리자로 가기
  • F - 적용하기 ( F를 누르기 전에 저장하기를 꼭 하세요 )
  • R - 블로그 첫화면 적용하기
  • I - 아이템 설정창 띄우기


그런데, 꼭 있었으면 하는 게 없더라구요. 흠.. 전공을 살려 추가하기로 했습니다. 
추가한 단축키는 아래와 같습니다. 

추가한 단축키

  • E - 본문 수정하기
  • T - 본문 수정하기 (Pop up)
  • W - 새 글 쓰기 


이를 위해서는 적당한 이벤트 핸들러를 만들어서 키보드 해당 키가 눌려졌을 때 만들어둔 핸들러를 연결시켜 주면 됩니다. 자세한건 아래 구현을 참조하세요.



1. 스크립트 추가 : <head>~</head>에 추가

<script type="text/javascript" language="javascript">
<!--
    function hotkeyCommon1(){
        if(event.srcElement) {
            evt = window.event;
            target = window.event.srcElement;
        }
        else {
            evt = event;
            target = event.target;
        }

        if (evt.altKey || evt.ctrlKey) {
            return null;
        }

        switch (target.nodeName) {
        case "INPUT":
        case "SELECT":
        case "TEXTAREA":
            return null;
        }

        return evt;
    }

    function hotkeyCommon2(evt){
        switch(evt.keyCode) {
        case 87: // W
            window.open("/admin/entry/post", "_top");
            break;
        }
    }

    function postHotkey(){
        if((evt=hotkeyCommon1()) == null) {
            return;
        }

        path = location.pathname.substr(1);

        switch(evt.keyCode) {
        case 69: // E
            window.open("/admin/entry/edit/" + path + "?returnURL=/" + path, "_top");
            break;

        case 84: // T
            editEntry(path,"/"+path);
            break;

        default:
            hotkeyCommon2(evt)
            break;
        }
    }

    function mainHotkey(){
        if((evt=hotkeyCommon1()) == null) {
            return;
        }

        hotkeyCommon2(evt)
    }
-->    
</script>


2. 이벤트 추가 - 모든 페이지 용

변경 전:

<body ...

변경 후:

<body onkeydown="mainHotkey();" ...


3. 이벤트 추가 - 본문 페이지 용

변경 전:

<s_article_rep>
    ....

변경 후:

<s_article_rep>
    <script>document.body.onkeydown = postHotkey;</script>
    ....



추가적인 단축키를 구현하려면 스크립트 소스를 적당히 수정하면 됩니다.  
어쨌든, 이로써 좀더 편안하게 블로깅을 할 수 있을듯 합니다. 

저작자 표시 비영리 변경 금지
Creative Commons License
Posted by 호아범
TAG , , , ,

TRACKBACK http://www.crazybar.net/trackback/695 관련글 쓰기

  1. 티스토리 단축키 사용하기 : A와 S만 알아도 블로깅이 편해진다~  삭제

    2008/11/10 12:45TRACKBACK FROM 잉잉의 발로 만든 블로그

    윈도우즈를 사용하면서 단축키 하나 이상은 모두들 아실 듯... 대표적인 단축키가 Ctrl+C와 Ctrl+V 이죠. 자주 사용하는 단축키만 알아도 훨씬 편하게 사용할 수 있죠~ 티스토리에도 블로깅을 좀더 편하게 해주는 단축키들이 있습니다. 제가 사용해본 결과 티스토리 단축키 중에서 가장 유용하게 사용될 수 있는게 A, S, Q 입니다. A : 이전 글 보기 ← S : 다음 글 보기 → Q : 관리자모드 마우스로 이전 글이나 다음 글을 보려면 숫자를 콕..

  2. 티스토리에서 가장 유용한 단축키 소개  삭제

    2008/11/30 22:04TRACKBACK FROM 서울비

    A = 이전 글, S = 다음 글 - 블로그 자주 놀러오신다면 S키를 여러번 눌러보세요. 다음 글로 쓱쓱 넘어간답니다. Not defined | ISO-Array Q = 티스토리 로그인 or 관리자 모드 Not defined | ISO-Array F2 = 글 작성 중 단축키 도움말 보기 - 글 쓰다가 F2를 누르면 언제라도 단축키 안내를 볼 수 있어요. Not defined | ISO-Array Ctrl + , . / = 왼쪽/가운데/오른쪽 정렬 -..

댓글을 달아 주세요

  1. 구글은 검색결과에서 다음/이전 페이지 보는 단축키를 제공하라~ 제공하라~;;

    2008/10/16 09:37 [ ADDR : EDIT/ DEL : REPLY ]
  2. 호아범님 안녕하세요~
    티스토리 단축키에 대해서 알아보다가 호아범님의 글이 매우 유용해서 참고해서 트랙백을 날렸습니다.
    단축키를 새로 추가하는 방법은 정말 유용하겠군요~ ^^
    좋은 하루 되셔요~ ^^

    2008/11/10 12:50 [ ADDR : EDIT/ DEL : REPLY ]
    • 안녕하세요..
      도움이 되셨다니 다행입니다. ^^
      종종 또 놀러오세요.. ^^

      2008/11/10 15:50 [ ADDR : EDIT/ DEL ]
  3. 새로운 단축키를 배우게 되네요^^
    적어두고 응용 해봐야겠어요~

    2009/01/08 18:09 [ ADDR : EDIT/ DEL : REPLY ]
  4. 안녕하세요.
    좋은 정보 감사합니다!
    근데 제 홈페이지에 3곳을 모두 수정했는데도 단축키가 안먹네요... 물론 기존 단축키는 잘 되고요...
    혹시 스킨에 따라서 영향을 받을수도 있나요?

    2009/07/08 15:55 [ ADDR : EDIT/ DEL : REPLY ]
    • 스킨에 따라서 스킨에서 이미 관련 이벤트에 스크립트를 연결하여 사용하는 경우는 안될수도 있을 것 같네요.
      HTML이 워낙에 많은 경우의 수가 존재하다보니 단순하게 이렇다~ 저렇다~ 말하기가 어려운 점이 있습니다.

      2009/07/09 19:15 [ ADDR : EDIT/ DEL ]