#119 파이어폭스에서 에디터에 포커스가 이동되어도 커서가 나타나지 않던 문제 해결.

#117 위지윅 에디터의 스킨화를 위한 분리 및 검사 완료. 단 모듈에서 에디터 스킨을 선택하는 부분에 대한 기획 필요.
에디터 tpl내의 언어파일을 에디터 모듈의 공통 언어로 합쳐서 수정.
에디터 iframe을 window.onload후 객체 생성을 하지 않고 바로 html태그로 출력하여 브라우저의 버벅거림을 살짝 줄임.



git-svn-id: http://xe-core.googlecode.com/svn/sandbox@2406 201d5d3c-b55e-5fd7-737f-ddc643e51545

modules/editor/skins/default/css/editor.css

@@ -0,0 +1,50 @@
+@charset "utf-8";
+
+.xeEditor { }
+.xeEditor .optionABC { clear:both; width:100%; border-bottom:1px solid #c2c2c2; overflow:hidden; background:#ffffff url(../images/bgBoardEditorOption.gif) no-repeat -3px bottom;}
+.xeEditor .optionABC .selectGroup { white-space:nowrap; display:block; height:21px; margin:0 .5em 0 0; padding-left:1em; float:left;}
+.xeEditor .optionABC .buttonGroup { white-space:nowrap; position:relative; display:block; margin:0 .5em 0 0; float:left; height:21px; overflow:hidden; padding-left:2px;}
+.xeEditor .optionABC .buttonGroup img { float:left; display:block; margin-left:-1px; cursor:pointer;}
+.xeEditor .optionA,
+.xeEditor .optionB,
+.xeEditor .optionC { float:left; background:#ffffff url(../images/bgBoardEditorOption.gif) no-repeat left bottom; padding:.5em 0 .5em .7em; overflow:hidden;}
+.xeEditor .optionA *,
+.xeEditor .optionB *,
+.xeEditor .optionC * { vertical-align:middle;}
+.xeEditor .optionA { background-position:-3px bottom; padding-left:0;}
+.xeEditor .optionA select option { font-size:.9em; }
+.xeEditor .optionDE { width:100%; clear:both; overflow:hidden; background:#f8f8f8; border-bottom:1px solid #e1e1e1; height:29px;}
+.xeEditor .optionDE .buttonGroup { white-space:nowrap; position:relative; display:block; float:left; height:21px; overflow:hidden; padding-left:2px;}
+.xeEditor .optionDE img { float:left; display:block; margin-right:.5em; cursor:pointer;}
+.xeEditor .optionD { padding:.5em 0 .5em .8em; overflow:hidden; float:left; border-right:1px solid #e0e0e0;}
+.xeEditor .optionE { padding:4px 0 0 8px; overflow:hidden; border-left:1px solid #ffffff; float:left;}
+
+.xeEditor .editorInfo { background:#fbfbfb; padding:.5em; border:1px solid #e1e1dd; color:#999999; position:relative; margin:5px 20px 0 20px;}
+.xeEditor .close { cursor:pointer; position:absolute; top:3px; right:3px; _top:3px; _right:25px;}
+.xeEditor .editor_iframe_box { background:#ffffff; clear:both; border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; padding:.5em; margin:0 20px 0 20px; }
+
+.xeEditor .textAreaDragIndicator { text-align:center; background:url(../images/lineTextAreaDrag.gif) repeat-x left center; padding:5px 0 5px 0; }
+.xeEditor .textAreaDragIndicatorBar { background:url(../images/buttonTextAreaDrag.gif) no-repeat center; cursor:move;height:14px;}
+
+.xeEditor .editor_info { clear:both; padding:5px 20px 5px 20px; overflow:hidden;}
+.xeEditor .editor_info .editor_option { float:left; color:#888888; }
+.xeEditor .editor_info .editor_autosaved_message { color:#888888; float:right; }
+
+.xeEditor .inputTypeTextArea { background:#fbfbfb; padding:1em; width:94%;}
+.xeEditor #textAreaDrag {}
+.xeEditor .fileAttach { padding:0 1em .5em 1em;}
+.xeEditor .fileAttach .preview { padding:5px; width:110px; height:110px; border:1px solid #e1e1dd; background:#fbfbfb; float:left; margin-right:.5em;}
+.xeEditor .fileAttach .preview img { width:110px; height:110px; float:left; display:block;}
+.xeEditor .fileAttach .fileListArea { float:left; width:50%; margin-right:.7em; padding-bottom:.5em; margin-bottom:1em}
+.xeEditor .fileAttach .fileListArea .fileList { overflow:auto; width:100%; height:auto; border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; margin-bottom:.3em; font-size:11px;}
+.xeEditor .fileAttach .fileListArea .fileList option { line-height:100%; padding-left:.5em;}
+.xeEditor .fileAttach .fileListArea span.file_attach_info { color:#3f4040; font-size:11px; text-align:left;}
+.xeEditor .fileAttach .fileListArea span.file_attach_info strong { color:#ff6600; font-size:11px; font-weight:bold; }
+.xeEditor .fileAttach .fileUploadControl { margin-bottom:5px; }
+
+.xeEditor .fileAttach .fileUploadControl .uploaderButton { display:block; cursor:pointer; background:url(../images/buttonTypeBCenter.gif) repeat-x left center; line-height:100%; overflow:visible; color:#3f4040; margin:0 1px; font-size:.9em; white-space:nowrap;}
+.xeEditor .fileAttach .fileUploadControl .uploaderButton:hover { text-decoration:none;}
+.xeEditor .fileAttach .fileUploadControl .uploaderButton img { vertical-align:middle;}
+.xeEditor .fileAttach .fileUploadControl .uploaderButton .leftCap { width:2px; height:21px; background:url(../images/buttonTypeBLeft.gif) no-repeat; margin:0 .3em 0 0;  position:relative; left:-1px;}
+.xeEditor .fileAttach .fileUploadControl .uploaderButton .rightCap { width:2px; height:21px; background:url(../images/buttonTypeBRight.gif) no-repeat; margin:0 -1px 0 .4em;}
+.xeEditor .fileAttach .fileUploadControl .uploaderButton .icon { margin:0 .2em;}

modules/editor/skins/default/editor.html

@@ -0,0 +1,167 @@
+<!-- 스킨 css 로드 -->
+<!--%import("css/editor.css")-->
+
+<!-- 기본 js/언어파일 로드 -->
+<!--%import("../../tpl/js/editor.js")-->
+
+<!-- 에디터 활성화 -->
+<script type="text/javascript">//<![CDATA[
+    var editor_path = "{$editor_path}";
+    var auto_saved_msg = "{$lang->msg_auto_saved}";
+    xAddEventListener(window, 'load', function() { editorStart("{$upload_target_srl}", {$enable_resizable}, '{$editor_height}' ) } );
+//]]></script>
+
+<!-- 자동저장용 폼 -->
+<!--@if($enable_autosave)-->
+<input type="hidden" name="_saved_doc_title" value="{htmlspecialchars($saved_doc->title)}" />
+<input type="hidden" name="_saved_doc_content" value="{htmlspecialchars($saved_doc->content)}" />
+<input type="hidden" name="_saved_doc_message" value="{$lang->msg_load_saved_doc}" />
+<!--@end-->
+
+<!-- 에디터 -->
+<div class="xeEditor">
+
+    <div id="xeEditorOption_{$upload_target_srl}">
+
+        <!--@if($enable_default_component)-->
+        <!-- 기본 컴포넌트 출력 -->
+        <div class="optionABC">
+            <div class="optionA">
+                <div class="selectGroup">
+                    <select onchange="editorChangeFontName(this,'{$upload_target_srl}')" id="editor_font_{$upload_target_srl}">
+                        <option value="">{$lang->edit->fontname}</option>
+                        <!--@foreach($lang->edit->fontlist as $key=>$obj)-->
+                        <option style="font-family:{$obj}" value="{$obj}">{$obj}</option>
+                        <!--@end-->
+                    </select>
+
+                    <select onchange="editorChangeFontSize(this,'{$upload_target_srl}')" id="editor_fontsize_{$upload_target_srl}">
+                        <option value="" selected="selected">{$lang->edit->fontsize}</option>
+                        <option value="1">8pt</option>
+                        <option value="2">10pt</option>
+                        <option value="3">12pt</option>
+                        <option value="4">14pt</option>
+                        <option value="5">18pt</option>
+                        <option value="6">24pt</option>
+                        <option value="7">36pt</option>
+                    </select>
+
+                    <select onchange="editorChangeHeader(this,'{$upload_target_srl}')" id="editor_header_{$upload_target_srl}">
+                        <option value="">{$lang->edit->header}</option>
+                        <!--@foreach($lang->edit->header_list as $key=>$obj)-->
+                        <option value="{$key}">{$obj}</option>
+                        <!--@end-->
+                    </select>
+                </div>
+
+                <div class="buttonGroup">
+                    <img src="./images/editor_btn_b.gif" width="23" height="63" title="{$lang->edit->help_bold}" alt="{$lang->edit->help_bold}" id="component_{$upload_target_srl}_Bold" onmouseover="eOptionOver(this)" onmouseout="eOptionOut(this)" />
+                    <img src="./images/editor_btn_i.gif" width="23" height="63" title="{$lang->edit->help_italic}" alt="{$lang->edit->help_italic}" id="component_{$upload_target_srl}_Italic" onmouseover="eOptionOver(this)" onmouseout="eOptionOut(this)" />
+                    <img src="./images/editor_btn_u.gif" width="23" height="63" title="{$lang->edit->help_underline}" alt="{$lang->edit->help_underline}" id="component_{$upload_target_srl}_Underline" onmouseover="eOptionOver(this)" onmouseout="eOptionOut(this)" />
+                    <img src="./images/editor_btn_c.gif" width="23" height="63" title="{$lang->edit->help_fontcolor}" alt="{$lang->edit->help_fontcolor}" id="component_{$upload_target_srl}_colorpicker_text" onmouseover="eOptionOver(this)" onmouseout="eOptionOut(this)" />
+                    <img src="./images/editor_btn_bg.gif" width="23" height="63" title="{$lang->edit->help_fontbgcolor}" alt="{$lang->edit->help_fontbgcolor}" id="component_{$upload_target_srl}_colorpicker_bg" onmouseover="eOptionOver(this)" onmouseout="eOptionOut(this)" />
+                </div>
+            </div>
+
+            <div class="optionB">
+                <div class="buttonGroup">
+                    <img src="./images/editor_btn_al.gif" width="23" height="63" title="{$lang->edit->help_align_left}" alt="{$lang->edit->help_align_left}" id="component_{$upload_target_srl}_justifyleft" onmouseover="eOptionOver(this)" onmouseout="eOptionOut(this)" />
+                    <img src="./images/editor_btn_ac.gif" width="23" height="63"  title="{$lang->edit->help_align_center}" alt="{$lang->edit->help_align_center}" id="component_{$upload_target_srl}_justifycenter" onmouseover="eOptionOver(this)" onmouseout="eOptionOut(this)" />
+                    <img src="./images/editor_btn_ar.gif" width="23" height="63" title="{$lang->edit->help_align_right}" alt="{$lang->edit->help_align_right}"  id="component_{$upload_target_srl}_justifyright"  onmouseover="eOptionOver(this)" onmouseout="eOptionOut(this)" />
+                    <!--<img src="./images/editor_btn_aj.gif" width="23" height="63" onmouseover="eOptionOver(this)" onmouseout="eOptionOut(this)" />-->
+                </div>
+
+                <!--
+                <div class="buttonGroup">
+                    <img src="./images/editor_btn_od.gif" title="{$lang->edit->help_remove_indent}" alt="{$lang->edit->help_remove_indent}"  id="component_{$upload_target_srl}_outdent" width="23" height="63" onmouseover="eOptionOver(this)" onmouseout="eOptionOut(this)" />
+                    <img src="./images/editor_btn_id.gif" width="23" height="63" title="{$lang->edit->help_add_indent}" alt="{$lang->edit->help_add_indent}" id="component_{$upload_target_srl}_indent" onmouseover="eOptionOver(this)" onmouseout="eOptionOut(this)" />
+                </div>
+
+                <div class="buttonGroup">
+                    <img src="./images/editor_btn_ol.gif" title="{$lang->edit->help_list_number}" alt="{$lang->edit->help_list_number}" id="component_{$upload_target_srl}_insertorderedlist" width="23" height="63" onmouseover="eOptionOver(this)" onmouseout="eOptionOut(this)" />
+                    <img src="./images/editor_btn_ul.gif" title="{$lang->edit->help_list_bullet}" alt="{$lang->edit->help_list_bullet}" id="component_{$upload_target_srl}_insertunorderedlist"  width="23" height="63" onmouseover="eOptionOver(this)" onmouseout="eOptionOut(this)" />
+                </div>
+
+                <div class="buttonGroup">
+                    <img src="./images/editor_btn_lh.gif" alt="Line hight" width="23" height="63" onmouseover="eOptionOver(this)" onmouseout="eOptionOut(this)" />
+                </div>
+                -->
+            </div>
+            
+            <!--
+            <div class="optionC">
+                <div class="buttonGroup">
+                    <img src="./images/editor_btn_tag.gif" alt="Tag" width="23" height="63" onmouseover="eOptionOver(this)" onmouseout="eOptionOut(this)" />
+                </div>
+            </div>
+            -->
+        </div>
+        <!--@end-->
+
+        <!--@if($enable_component)-->
+        <!-- 확장 컴포넌트 출력 -->
+        <div class="optionDE">
+            <div class="optionE">
+                <div class="buttonGroup" id="editor_component_{$upload_target_srl}">
+                <!--@foreach($component_list as $component_name => $component)-->
+                    <!--@if(substr($component_name,0,11)!="colorpicker")-->
+                        <img src="../../components/{$component_name}/icon.gif" alt="{$component->title}" title="{$component->title}" id="component_{$upload_target_srl}_{$component_name}" onmouseover="eOptionOver(this)" onmouseout="eOptionOut(this)" />
+                    <!--@end-->
+                <!--@end-->
+                </div>
+            </div>
+        </div>
+        <!--@end-->
+    </div>
+
+    <!--@if(!$_COOKIE['EditorInfo'])-->
+    <div id="editorInfo_{$upload_target_srl}" class="editorInfo" >
+        {$lang->about_dblclick_in_editor}
+        <span id="for_ie_help_{$upload_target_srl}" style="display:none">{$lang->edit->help_use_paragrapth}</span>
+        <img src="./images/buttonClose.gif" alt="close" width="13" height="13" class="close" onclick="closeEditorInfo('{$upload_target_srl}'); return false;" />
+    </div>
+    <!--@end-->
+
+    <div class="editor_info">
+        <div class="editor_option">
+            <input type="checkbox" id="use_html_{$upload_target_srl}" value="Y" onclick="editorChangeMode(this, '{$upload_target_srl}');" /> <label for="use_html_{$upload_target_srl}">HTML</label>
+        </div>
+        <div class="editor_autosaved_message" id="editor_autosaved_message_{$upload_target_srl}">&nbsp;</div>
+    </div>
+
+    <div class="editor_iframe_box"><iframe id="editor_iframe_{$upload_target_srl}" frameBorder="0" width="100%" height="{$editor_height}" style="background-color:transparent;"></iframe></div>
+
+    <div class="textAreaDragIndicator"><div class="textAreaDragIndicatorBar" id="editor_drag_bar_{$upload_target_srl}"></div></div>
+
+<!--@if($allow_fileupload)-->
+    <!-- 첨부파일 영역 -->
+    <!--%import("../../tpl/js/uploader.js")-->
+    <script type="text/javascript">//<![CDATA[
+        var zbxe_session_name = "{session_name()}";
+        var uploader_setting = { "allowed_filesize" : {$file_config->allowed_filesize}, "allowed_filetypes" : "{$file_config->allowed_filetypes}", "allowed_filetypes_description" : "{$file_config->allowed_filetypes}" }
+        editor_upload_init("{$upload_target_srl}");
+    //]]></script>
+
+    <div class="fileAttach">
+        <input type="hidden" name="upload_target_srl" value="{$upload_target_srl}" />
+
+        <div class="preview" id="preview_uploaded_{$upload_target_srl}">
+            <img src="./images/blank.gif" alt="preview" width="100" height="100" />
+        </div>
+
+        <!-- 파일 업로드 영역 -->
+        <div class="fileListArea">
+            <select id="uploaded_file_list_{$upload_target_srl}" size="7" class="fileList" onclick="editor_preview(this, '{$upload_target_srl}');"></select>
+            <span class="file_attach_info" id="uploader_status_{$upload_target_srl}"></span>
+        </div>
+
+        <div class="fileUploadControl"><a href="#" onclick="editor_upload_file('{$upload_target_srl}');return false;" class="button"><span>{$lang->edit->upload_file}</span></a></div>
+        <div class="fileUploadControl"><a href="#" onclick="editor_remove_file('{$upload_target_srl}');return false;" class="button"><span>{$lang->edit->delete_selected}</span></a></div>
+        <div class="fileUploadControl"><a href="#" onclick="editor_insert_file('{$upload_target_srl}');return false;" class="button"><span>{$lang->edit->link_file}</span></a></div>
+
+        <div class="clear"></div>
+    </div>
+<!--@end-->
+</div>
+
+

modules/editor/skins/default/skin.xml

@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="utf-8"?>
+<skin>
+  <title xml:lang="ko">제로보드XE 게시판 기본 스킨(목록형)</title>
+  <title xml:lang="jp">ゼロボードXE掲示板のデフォルトスキン（リストスタイル）</title>
+  <title xml:lang="zh-CN">Zeroboard XE Board 基本皮肤（目录型）</title>
+  <title xml:lang="en">ZeroboardXE Basic Board Skin (List Style)</title>
+  <maker email_address="zero@zeroboard.com" link="http://www.zeroboard.com" date="2007. 2. 28">
+    <name xml:lang="ko">(주)NHN</name>
+    <name xml:lang="jp">（株）NHN</name>
+    <name xml:lang="zh-CN">(株)NHN</name>
+    <name xml:lang="en">NHN Corp</name>
+    <description xml:lang="ko">
+        디자인 : 서기정 (http://blog.naver.com/addcozy)
+        HTML/CSS : 정찬명 (http://naradesign.net)
+    </description>
+    <description xml:lang="jp">
+        デザイン：ソギジョン (http://blog.naver.com/addcozy)
+        HTML/CSS：ジョンチャンミョン (http://naradesign.net)
+    </description>
+    <description xml:lang="zh-CN">
+        设计 : Ki-Jeong Seo (http://blog.naver.com/addcozy)
+        HTML/CSS : Chan-Myung Jeong (http://naradesign.net)
+    </description>
+    <description xml:lang="en">
+        Design : Ki-Jeong Seo (http://blog.naver.com/addcozy)
+        HTML/CSS : Chan-Myung Jeong (http://naradesign.net)
+    </description>
+  </maker>
+</skin>