From 1c8c5f8e092d28c5c53b1aa21d5f7c39bb66bcfa Mon Sep 17 00:00:00 2001
From: gnuboard <kagla@naver.com>
Date: Fri, 15 Mar 2013 16:26:51 +0900
Subject: [PATCH] =?UTF-8?q?ckeditor=20shortcut=20=EC=95=88=EB=82=B4?=
 =?UTF-8?q?=EB=A5=BC=20jquery=20load=20=EB=A1=9C=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 bbs/ckeditor/ckeditor.lib.php | 25 ++++++----
 bbs/ckeditor/shortcut.html    | 91 ++++++++++++++++++++++++++++++++++
 bbs/ckeditor/shortcut.php     | 93 -----------------------------------
 css/admin.css                 |  5 +-
 css/default.css               |  5 +-
 5 files changed, 110 insertions(+), 109 deletions(-)
 create mode 100644 bbs/ckeditor/shortcut.html
 delete mode 100644 bbs/ckeditor/shortcut.php

diff --git a/bbs/ckeditor/ckeditor.lib.php b/bbs/ckeditor/ckeditor.lib.php
index f0b0fddf5..ec55bfb21 100644
--- a/bbs/ckeditor/ckeditor.lib.php
+++ b/bbs/ckeditor/ckeditor.lib.php
@@ -10,26 +10,31 @@ function editor_html($id, $content, $ckeditor=true, $class="")
     $html .= "<span class=\"sound_only\">웹에디터 시작</span>";
     $html .= "<div class=\"cke_sc\"><button type=\"button\" class=\"btn_cke_sc\">단축키 일람</button></div>";
 
-    ob_start();
-    include_once("shortcut.php");
-    $html .= ob_get_contents();
-    ob_end_clean();
-
     if ($js) {
         $html .= "\n".'<script src="'.G4_CKEDITOR_URL.'/ckeditor.js"></script>';
         $html .= "\n".'<script>var g4_ckeditor_url = "'.G4_CKEDITOR_URL.'";</script>';
         $html .= "\n".'<script src="'.G4_CKEDITOR_URL.'/config.js"></script>';
+        $html .= "\n<script>";
+        $html .= '
+        $(function(){
+            $(".btn_cke_sc").click(function(){
+                if ($(this).next("div.cke_sc_def").length) {
+                    $(this).next("div.cke_sc_def").remove();
+                } else {
+                    $(this).after("<div class=\'cke_sc_def\' />").next("div.cke_sc_def").load("'.G4_CKEDITOR_URL.'/shortcut.html");
+                }
+            });
+            $(".btn_cke_sc_close").live("click",function(){
+                $(this).parent("div.cke_sc_def").remove();
+            });
+        });';
+        $html .= "\n</script>";
         $js = false;
     }
 
     $ckeditor_class = $ckeditor ? "ckeditor" : "";
     $html .= "\n<textarea id=\"$id\" name=\"$id\" class=\"$ckeditor_class $class\" style=\"width:100%;\">$content</textarea>";
     $html .= "\n<span class=\"sound_only\">웹 에디터 끝</span>";
-    $html .= "\n<script>";
-    $html .= "$('.btn_cke_sc').click(function(){";
-    $html .= "$('.cke_sc_def').toggleClass('cke_sc_def_on');";
-    $html .= "\n});";
-    $html .= "\n</script>";
     return $html;
 }
 
diff --git a/bbs/ckeditor/shortcut.html b/bbs/ckeditor/shortcut.html
new file mode 100644
index 000000000..482cde4c2
--- /dev/null
+++ b/bbs/ckeditor/shortcut.html
@@ -0,0 +1,91 @@
+<dl>
+    <dt>CTRL+Z</dt>
+    <dd>취소하기</dd>
+    <dt>CTRL+Y</dt>
+    <dd>다시 실행</dd>
+    <dt>CTRL+B</dt>
+    <dd>글자 굵게</dd>
+    <dt>CTRL+I</dt>
+    <dd>글자 기울이기</dd>
+    <dt>CTRL+E</dt>
+    <dd>가운데 정렬</dd>
+    <dt>CTRL+L</dt>
+    <dd>왼쪽 정렬</dd>
+    <dt>CTRL+R</dt>
+    <dd>오른쪽 정렬</dd>
+    <dt>CTRL+J</dt>
+    <dd>양쪽정렬</dd>
+    <dt>ALT+E</dt>
+    <dd>이모티콘 넣기</dd>
+    <dt>ALT+C</dt>
+    <dd>특수문자 넣기</dd>
+    <dt>CTRL+Q</dt>
+    <dd>순서 없는 목록</dd>
+    <dt>CTRL+SHIFT+8</dt>
+    <dd>순서 없는 목록 스타일</dd>
+    <dt>CTRL+7</dt>
+    <dd>순서 있는 목록</dd>
+    <dt>CTRL+SHIFT+7</dt>
+    <dd>순서 있는 목록 스타일</dd>
+    <dt>CTRL+M</dt>
+    <dd>인용문 문단</dd>
+    <dt>CTRL+8</dt>
+    <dd>들여쓰기</dd>
+    <dt>CTRL+SHIFT+M</dt>
+    <dd>내어쓰기</dd>
+    <dt>CTRL+SPACE</dt>
+    <dd>포맷 없애기</dd>
+    <dt>CTRL+A</dt>
+    <dd>전체선택</dd>
+    <dt>CTRL+SHIFT+X</dt>
+    <dd>취소선</dd>
+    <dt>CTRL+COMMA</dt>
+    <dd>아래첨자</dd>
+    <dt>CTRL+PERIOD</dt>
+    <dd>위첨자</dd>
+    <dt>CTRL+U</dt>
+    <dd>밑줄긋기</dd>
+    <dt>ALT+A</dt>
+    <dd>책갈피 만들기</dd>
+    <dt>ALT+F</dt>
+    <dd>플래쉬 넣기</dd>
+    <dt>ALT+H</dt>
+    <dd>구분선 넣기</dd>
+    <dt>ALT+I</dt>
+    <dd>이미지 넣기</dd>
+    <dt>ALT+L</dt>
+    <dd>바로가기 만들기</dd>
+    <dt>ALT+SHIFT+L</dt>
+    <dd>바로가기 없애기</dd>
+    <dt>ALT+ENTER</dt>
+    <dd>페이지 나누기</dd>
+    <dt>ALT+T</dt>
+    <dd>테이블 만들기</dd>
+    <dt>ALT+O</dt>
+    <dd>템플릿 적용</dd>
+    <dt>F1</dt>
+    <dd>도움말 보기</dd>
+    <dt>ALT+#3</dt>
+    <dd>색상선택기</dd>
+    <dt>ALT+M</dt>
+    <dd>복사 잘라내기 붙여넣기 메뉴</dd>
+    <dt>ALT+F11</dt>
+    <dd>요소 경로 포커스</dd>
+    <dt>CTRL+SHIFT+F</dt>
+    <dd>찾기</dd>
+    <dt>ALT+X</dt>
+    <dd>에디터 전체크기 설정/해제</dd>
+    <dt>CTRL+F2</dt>
+    <dd>미리보기</dd>
+    <dt>CTRL+SHIFT+P</dt>
+    <dd>인쇄하기</dd>
+    <dt>CTRL+H</dt>
+    <dd>찾기 바꾸기</dd>
+    <dt>ALT+SHIFT+T</dt>
+    <dd>테두리보기</dd>
+    <dt>ALT+Z</dt>
+    <dd>소스보기</dd>
+    <dt>ALT+F10</dt>
+    <dd>툴바로 이동</dd>
+</dl>
+<button type="button" class="btn_cke_sc_close">닫기</button>
diff --git a/bbs/ckeditor/shortcut.php b/bbs/ckeditor/shortcut.php
deleted file mode 100644
index 95238dfa3..000000000
--- a/bbs/ckeditor/shortcut.php
+++ /dev/null
@@ -1,93 +0,0 @@
-<div class="cke_sc_def">
-    <dl>
-        <dt>CTRL+Z</dt>
-        <dd>취소하기</dd>
-        <dt>CTRL+Y</dt>
-        <dd>다시 실행</dd>
-        <dt>CTRL+B</dt>
-        <dd>글자 굵게</dd>
-        <dt>CTRL+I</dt>
-        <dd>글자 기울이기</dd>
-        <dt>CTRL+E</dt>
-        <dd>가운데 정렬</dd>
-        <dt>CTRL+L</dt>
-        <dd>왼쪽 정렬</dd>
-        <dt>CTRL+R</dt>
-        <dd>오른쪽 정렬</dd>
-        <dt>CTRL+J</dt>
-        <dd>양쪽정렬</dd>
-        <dt>ALT+E</dt>
-        <dd>이모티콘 넣기</dd>
-        <dt>ALT+C</dt>
-        <dd>특수문자 넣기</dd>
-        <dt>CTRL+Q</dt>
-        <dd>순서 없는 목록</dd>
-        <dt>CTRL+SHIFT+8</dt>
-        <dd>순서 없는 목록 스타일</dd>
-        <dt>CTRL+7</dt>
-        <dd>순서 있는 목록</dd>
-        <dt>CTRL+SHIFT+7</dt>
-        <dd>순서 있는 목록 스타일</dd>
-        <dt>CTRL+M</dt>
-        <dd>인용문 문단</dd>
-        <dt>CTRL+8</dt>
-        <dd>들여쓰기</dd>
-        <dt>CTRL+SHIFT+M</dt>
-        <dd>내어쓰기</dd>
-        <dt>CTRL+SPACE</dt>
-        <dd>포맷 없애기</dd>
-        <dt>CTRL+A</dt>
-        <dd>전체선택</dd>
-        <dt>CTRL+SHIFT+X</dt>
-        <dd>취소선</dd>
-        <dt>CTRL+COMMA</dt>
-        <dd>아래첨자</dd>
-        <dt>CTRL+PERIOD</dt>
-        <dd>위첨자</dd>
-        <dt>CTRL+U</dt>
-        <dd>밑줄긋기</dd>
-        <dt>ALT+A</dt>
-        <dd>책갈피 만들기</dd>
-        <dt>ALT+F</dt>
-        <dd>플래쉬 넣기</dd>
-        <dt>ALT+H</dt>
-        <dd>구분선 넣기</dd>
-        <dt>ALT+I</dt>
-        <dd>이미지 넣기</dd>
-        <dt>ALT+L</dt>
-        <dd>바로가기 만들기</dd>
-        <dt>ALT+SHIFT+L</dt>
-        <dd>바로가기 없애기</dd>
-        <dt>ALT+ENTER</dt>
-        <dd>페이지 나누기</dd>
-        <dt>ALT+T</dt>
-        <dd>테이블 만들기</dd>
-        <dt>ALT+O</dt>
-        <dd>템플릿 적용</dd>
-        <dt>F1</dt>
-        <dd>도움말 보기</dd>
-        <dt>ALT+#3</dt>
-        <dd>색상선택기</dd>
-        <dt>ALT+M</dt>
-        <dd>복사 잘라내기 붙여넣기 메뉴</dd>
-        <dt>ALT+F11</dt>
-        <dd>요소 경로 포커스</dd>
-        <dt>CTRL+SHIFT+F</dt>
-        <dd>찾기</dd>
-        <dt>ALT+X</dt>
-        <dd>에디터 전체크기 설정/해제</dd>
-        <dt>CTRL+F2</dt>
-        <dd>미리보기</dd>
-        <dt>CTRL+SHIFT+P</dt>
-        <dd>인쇄하기</dd>
-        <dt>CTRL+H</dt>
-        <dd>찾기 바꾸기</dd>
-        <dt>ALT+SHIFT+T</dt>
-        <dd>테두리보기</dd>
-        <dt>ALT+Z</dt>
-        <dd>소스보기</dd>
-        <dt>ALT+F10</dt>
-        <dd>툴바로 이동</dd>
-    </dl>
-    <button type="button" class="btn_cke_sc">닫기</button>
-</div>
\ No newline at end of file
diff --git a/css/admin.css b/css/admin.css
index 89a0c931b..b392c868b 100644
--- a/css/admin.css
+++ b/css/admin.css
@@ -41,14 +41,13 @@ h2 {font-size:1.2em}
 /* ckeditor 단축키 */
 .cke_sc {margin:0 0 5px;text-align:right}
 .btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc !important;background:#fafafa !important;color:#000 !important;text-decoration:none !important;line-height:1.9em;vertical-align:middle}
-.cke_sc_def {display:none;margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
+.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
 .cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
 .cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
 .cke_sc_def dt,
-.cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
+.cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid .e9e9e9}
 .cke_sc_def dt {width:20%;font-weight:bold}
 .cke_sc_def dd {width:30%}
-.cke_sc_def_on {display:block !important}
 
 /* 레이아웃 */
 #hd {z-index:10;min-width:1000px;background:url('../adm/img/hd_bg.jpg') #383b3f top left repeat-x}
diff --git a/css/default.css b/css/default.css
index 66b902c70..31f1bd3e6 100644
--- a/css/default.css
+++ b/css/default.css
@@ -43,14 +43,13 @@ a:active {color:#000;text-decoration:underline}
 /* ckeditor 단축키 */
 .cke_sc {margin:0 0 5px;text-align:right}
 .btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc !important;background:#fafafa !important;color:#000 !important;text-decoration:none !important;line-height:1.9em;vertical-align:middle}
-.cke_sc_def {display:none;margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
+.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
 .cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
 .cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
 .cke_sc_def dt,
-.cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
+.cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid .e9e9e9}
 .cke_sc_def dt {width:20%;font-weight:bold}
 .cke_sc_def dd {width:30%}
-.cke_sc_def_on {display:block !important}
 
 /* 상단 레이아웃 */
 #hd {height:73px;border-top:3px solid #151515;border-bottom:1px solid #e7f1ed;background:#fff}