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

modules/board/skins/xe_list/css/white.css

@@ -228,24 +228,6 @@ Jeong, Chan Myeong 070601~070630
 .boardEditor .userNameAndPw .emailAddress { width:6em;}
 .boardEditor .userNameAndPw .homePage { width:6em;}
 .boardEditor .userNameAndPw .checkSecret { position:absolute; right:2em; top:.7em;}
-.boardEditor .optionABC { clear:both; width:100%; border-bottom:1px solid #c2c2c2; overflow:hidden; background:#ffffff url(../images/white/bgBoardEditorOption.gif) no-repeat -3px bottom;}
-.boardEditor .optionABC .selectGroup { white-space:nowrap; display:block; height:21px; margin:0 .5em 0 0; padding-left:1em; float:left;}
-.boardEditor .optionABC .buttonGroup { white-space:nowrap; position:relative; display:block; margin:0 .5em 0 0; float:left; height:21px; overflow:hidden; padding-left:2px;}
-.boardEditor .optionABC .buttonGroup img { float:left; display:block; margin-left:-1px; cursor:pointer;}
-.boardEditor .optionA,
-.boardEditor .optionB,
-.boardEditor .optionC { float:left; background:#ffffff url(../images/white/bgBoardEditorOption.gif) no-repeat left bottom; padding:.5em 0 .5em .7em; overflow:hidden;}
-.boardEditor .optionA *,
-.boardEditor .optionB *,
-.boardEditor .optionC * { vertical-align:middle;}
-.boardEditor .optionA { background-position:-3px bottom; padding-left:0;}
-.boardEditor .optionDE { width:100%; clear:both; overflow:hidden; background:#f8f8f8; border-bottom:1px solid #e1e1e1;}
-.boardEditor .optionDE .buttonGroup { white-space:nowrap; position:relative; display:block; float:left; height:21px; overflow:hidden; padding-left:2px;}
-.boardEditor .optionDE img { float:left; display:block; margin-right:.5em; cursor:pointer;}
-.boardEditor .optionD { padding:.5em 0 .5em .8em; overflow:hidden; float:left; border-right:1px solid #e0e0e0;}
-.boardEditor .optionE { padding:.5em; overflow:hidden; border-left:1px solid #ffffff; float:left;}
-.boardEditor .textAreaWrap { position:relative; padding:1em;}
-.boardEditor .textArea { overflow:auto; clear:both; width:100%; _width:96%; height:20em; border:none; font-size:1em;}
 .boardEditor .buttonReply { position:relative; float:left; left:50%; margin:.5em 0 0 -2em; _padding-bottom:1em;}
 
 /* boardWrite */
@@ -260,27 +242,12 @@ Jeong, Chan Myeong 070601~070630
 .boardWrite .option dd { float:left; margin-right:1em; padding-top:.2em; _padding-top:.1em;}
 .boardWrite .option dd * { vertical-align:middle;}
 .boardWrite .inputTypeText { background:#fbfbfb;}
-.boardWrite .inputTypeTextArea { background:#fbfbfb; padding:1em; width:94%;}
-.boardWrite #editorInfo { background:#fbfbfb; padding:1em; width:94%; border:1px solid #e1e1dd; color:#999999; position:relative; margin-bottom:.8em;}
-.boardWrite .close { cursor:pointer; position:absolute; top:0; right:0;}
-.boardWrite #textAreaDragIndicator { text-align:center; background:url(../images/white/lineTextAreaDrag.gif) repeat-x left center; cursor:pointer; margin-bottom:1em;}
-.boardWrite #textAreaDrag {}
-.boardWrite .fileAttach { padding:0 1em .5em 1em;}
-.boardWrite .fileAttach .preview { padding:5px; width:110px; height:110px; border:1px solid #e1e1dd; background:#fbfbfb; float:left; margin-right:.5em;}
-.boardWrite .fileAttach .preview img { width:110px; height:110px; float:left; display:block;}
-.boardWrite .fileAttach .fileListArea { float:left; width:50%; margin-right:.7em; padding-bottom:.5em;}
-.boardWrite .fileAttach .fileListArea .fileList { overflow:auto; width:100%; height:auto; border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; margin-bottom:.3em;}
-.boardWrite .fileAttach .fileListArea .fileList option { line-height:100%; padding-left:.5em;}
-.boardWrite .fileAttach .fileListArea .info { color:#3f4040; font:.75em Tahoma; text-align:right;}
-.boardWrite .fileAttach .fileListArea .info strong { color:#ff6600; font:bold 1em Tahoma;}
-.boardWrite .fileAttach .fileUploadControl { float:left;}
-.boardWrite .fileAttach .fileUploadControl li { float:left; clear:both; margin-bottom:.3em;}
 .boardWrite .trackbackURI { clear:both; border-top:1px solid #eff0ed; padding:4px 0 .8em 0;}
 .boardWrite .trackbackURI label { display:block; float:left; color:#333333; font-weight:bold; padding:.4em 0 0 1.5em; width:6em;}
-.boardWrite .trackbackURI .inputTypeText { width:70%;}
+.boardWrite .trackbackURI .inputTypeText { width:50%;}
 .boardWrite .tag { clear:both; border-top:1px solid #eff0ed; padding:.8em 0;}
 .boardWrite .tag label { display:block; float:left; color:#333333; font-weight:bold; padding:.4em 0 0 1.5em; width:6em;}
-.boardWrite .tag .inputTypeText { width:70%;}
+.boardWrite .tag .inputTypeText { width:50%;}
 .boardWrite .tag .help { vertical-align:middle;}
 .boardWrite .tag .info { padding:.5em 0 0 .6em; margin-left:8.5em; font-size:.9em; color:#999999; background:url(../images/white/iconArrowD8.gif) no-repeat left center;}
 .boardWrite .buttonWrite { position:relative; float:left; left:50%; margin:1em 0 0 -2em; _padding-bottom:1em;}

modules/board/skins/xe_list/write_form.html

@@ -69,6 +69,7 @@
 
             <div class="trackbackURI">
                 <label for="trackbackURI">{$lang->cmd_send_trackback}</label>
+                <input type="text" name="trackback_url" id="trackbackURI" class="inputTypeText" />
                 <select name="trackback_charset">
                     <option value='UTF-8'>UTF-8</option>
                     <option value='EUC-KR'>EUC-KR</option>
@@ -78,7 +79,6 @@
                     <option value='HZ'>HZ</option>
                     <option value='BIG5'>BIG5</option>
                 </select>
-                <input type="text" name="trackback_url" id="trackbackURI" class="inputTypeText" />
             </div>
 
             <div class="tag">

modules/editor/tpl/css/editor.css

@@ -1,191 +1,39 @@
 @charset "utf-8";
 
-div.editor_content {
-    margin:3px;
-}
+.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 .optionDE { width:100%; clear:both; overflow:hidden; background:#f8f8f8; border-bottom:1px solid #e1e1e1;}
+.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:.5em; overflow:hidden; border-left:1px solid #ffffff; float:left;}
+.xeEditor .textAreaWrap { padding:1em; }
+.xeEditor #editorInfo { background:#fbfbfb; padding:1em; border:1px solid #e1e1dd; color:#999999; position:relative; margin-bottom:.8em;}
+.xeEditor .close { cursor:pointer; position:absolute; top:0; right:0; _top:3px; _right:15px;}
+.xeEditor .textAreaDragIndicator { text-align:center; background:url(../images/lineTextAreaDrag.gif) repeat-x left center; margin-bottom:1em;}
+.xeEditor .textAreaDragIndicatorBar { background:url(../images/buttonTextAreaDrag.gif) no-repeat center; margin-bottom:1em;position:relative;cursor:move;}
+.xeEditor .editor_iframe_box { clear:both; border:1px solid #EFEFEF; }
 
-div.editor_area_1 {
-}
+div.editor_autosaved_message { font-size:9pt; font-weight:bold; color:#888888; display:none; position:absolute; top:10px; right:10px; }
 
-div.editor_area_2 {
-    clear:left;
-}
-
-div.editor_area_about_dbl {
-    clear:left;
-    border:1px dotted #DDDDDD;
-    padding:3px;
-    font-size:9pt;
-    color:#888888;
-}
-
-div.editor_fontbox {
-    margin : 3px 3px 3px 0px;
-    float:left;
-}
-
-div.editor_fontbox select {
-    width:70px;
-    height:18px;
-}
-
-div.editor_iconbox {
-    margin : 3px 3px 3px 0px;
-    white-space:nowrap;
-    font-size:1pt;
-    float:left;
-}
-
-img.editor_icon {
-    height : 16px;
-    border : 1px solid #EEEEEE;
-    background-color : #FFFFFF;
-    padding:1px;
-    cursor : pointer;
-    margin-right:1px;
-}
-
-img.editor_icon_over {
-    height : 16px;
-    border : 1px solid #A8C2E8;
-    background-color : #FFFFFF;
-    padding:1px;
-    cursor : pointer;
-    margin-right:1px;
-}
-
-div.editor_parabox {
-    margin : 3px 3px 3px 0px;
-    font-size:9pt;
-    text-align:right;
-    display:none;
-    float:right;
-}
-
-div.editor_iframe_box {
-    clear:left;
-    border:1px solid #EFEFEF; 
-    margin:3px 0px 0px 0px;
-}
-
-div.editor_drag_down_area {
-    width:100%;
-    height:15px;
-    background:url(../images/icon_drag_down.gif) no-repeat center;
-    background-color:#EFEFEF;
-    cursor:s-resize;
-    position:relative;
-    margin-top:10px;
-}
-
-.editor_uploader_box {
-    margin:10px 0px 0px 5px;
-    border:0;
-    padding:0px;
-    clear:both;
-}
-
-.editor_preview_uploaded {
-    float:left;
-    width:110px;
-    height:110px;
-    padding:5px;
-    border:1px solid #AAAAAA;
-    margin-right:10px;
-    text-align:center;
-}
-
-.editor_uploader {
-    float:left;
-    width:300px;
-    height:120px;
-    margin-right:10px;
-    padding-right:10px;
-    border-right:1px dotted #AAAAAA;
-}
-
-.uploaded_file_list {
-    width:100%;
-    height:122px;
-    border:1px solid #AAAAAA;
-}
-
-.editor_uploader_button_area {
-    width:150px;
-    float:left;
-    clear:right;
-}
-
-.editor_uploader_file_input {
-    display:none;
-    height:18px;
-    border:1px solid #AAAAAA;
-    background-color:#FFFFFF;
-    position:relative;
-}
-
-.editor_uploader_button {
-    display:block;
-    width:92px;
-    height:18px;
-    border:1px solid #AAAAAA;
-    background-color:#FFFFFF;
-    margin-bottom:3px;
-}
-
-.editor_uploader_status {
-    margin:5px 0px 5px 0px;
-height:20px;
-}
-
-.editor_uploader_status .title {
-    color:#999999;
-}
-
-.editor_uploader_status .desc_attached {
-    color:#000000;
-    font-weight:bold;
-    margin-right:3px;
-}
-
-.editor_uploader_status .desc {
-    color:#999999;
-    font-weight:bold;
-    margin-right:10px;
-}
-
-.component_setup_window {
-    width:800px;
-}
-
-.component_view_window {
-    width:600px;
-}
-
-.editor_input {
-    border:1px solid #AAAAAA;
-    height:14px;
-    font-size:9pt;
-    width:200px;
-}
-
-.editor_button {
-    border:1px solid #AAAAAA;
-    background-color:#FFFFFF;
-    height:17px;
-    font-size:9pt;
-}
-
-.about_component_icon {
-    vertical-align:middle;
-}
-
-div.editor_autosaved_message {
-    font-size:9pt;
-    font-weight:bold;
-    color:#888888;
-    display:none;
-    position:absolute;
-    top:10px;
-    right:10px;
-}
+.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;}
+.xeEditor .fileAttach .fileListArea .fileList option { line-height:100%; padding-left:.5em;}
+.xeEditor .fileAttach .fileListArea .info { color:#3f4040; font:.75em Tahoma; text-align:left;}
+.xeEditor .fileAttach .fileListArea .info strong { color:#ff6600; font:bold 1em Tahoma;}
+.xeEditor .fileAttach .fileUploadControl { float:left;}
+.xeEditor .fileAttach .fileUploadControl li { float:left; clear:both; margin-bottom:.3em;}

modules/editor/tpl/editor.html

@@ -15,88 +15,107 @@
 <!--@end-->
 
 <!-- 에디터 -->
-<div class="editor_content">
+<div class="xeEditor">
 
     <!--@if($enable_default_component)-->
-    <div class="editor_area_1">
+    <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>
 
-        <!-- 폰트 종류와 크기 -->
-        <div class="editor_fontbox">
-            <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="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>
 
-            <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 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)" onclick="eOptionClick(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)" onclick="eOptionClick(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)" onclick="eOptionClick(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)" onclick="eOptionClick(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)" onclick="eOptionClick(this)" />
+            </div>
         </div>
 
-        <!-- 에디팅 관련 아이콘 -->
-        <div class="editor_iconbox">
-            <img src="../components/colorpicker_text/icon.gif" title="{$lang->edit->help_fontcolor}" alt="{$lang->edit->help_fontcolor}" class="editor_icon" onmouseover="this.className='editor_icon_over'" onmouseout="this.className='editor_icon'" id="component_{$upload_target_srl}_colorpicker_text" />
-            <img src="../components/colorpicker_bg/icon.gif" title="{$lang->edit->help_fontbgcolor}" alt="{$lang->edit->help_fontbgcolor}" class="editor_icon" onmouseover="this.className='editor_icon_over'" onmouseout="this.className='editor_icon'" id="component_{$upload_target_srl}_colorpicker_bg" />
-            <img src="./images/bold.gif" title="{$lang->edit->help_bold}" alt="{$lang->edit->help_bold}" class="editor_icon" onmouseover="this.className='editor_icon_over'" onmouseout="this.className='editor_icon'" id="component_{$upload_target_srl}_Bold" />
-            <img src="./images/italic.gif" title="{$lang->edit->help_italic}" alt="{$lang->edit->help_italic}" class="editor_icon" onmouseover="this.className='editor_icon_over'" onmouseout="this.className='editor_icon'" id="component_{$upload_target_srl}_Italic" />
-            <img src="./images/underline.gif" title="{$lang->edit->help_underline}" alt="{$lang->edit->help_underline}" class="editor_icon" onmouseover="this.className='editor_icon_over'" onmouseout="this.className='editor_icon'" id="component_{$upload_target_srl}_Underline" />
-            <img src="./images/strike.gif" title="{$lang->edit->help_strike}" alt="{$lang->edit->help_strike}" class="editor_icon" onmouseover="this.className='editor_icon_over'" onmouseout="this.className='editor_icon'" id="component_{$upload_target_srl}_StrikeThrough" />
-            <img src="./images/undo.gif" title="{$lang->edit->help_undo}" alt="{$lang->edit->help_undo}" class="editor_icon" onmouseover="this.className='editor_icon_over'" onmouseout="this.className='editor_icon'" id="component_{$upload_target_srl}_undo" />
-            <img src="./images/redo.gif" title="{$lang->edit->help_redo}" alt="{$lang->edit->help_redo}" class="editor_icon" onmouseover="this.className='editor_icon_over'" onmouseout="this.className='editor_icon'" id="component_{$upload_target_srl}_redo" />
-        </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)" onclick="eOptionClick(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)" onclick="eOptionClick(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)" onclick="eOptionClick(this)" />
+                <!--<img src="./images/editor_btn_aj.gif" width="23" height="63" onmouseover="eOptionOver(this)" onmouseout="eOptionOut(this)" onclick="eOptionClick(this)" />-->
+            </div>
 
-        <div id="editor_paragraph_{$upload_target_srl}" class="editor_iconbox">
-            <img src="./images/align_left.gif" title="{$lang->edit->help_align_left}" alt="{$lang->edit->help_align_left}" onmouseover="this.className='editor_icon_over'" onmouseout="this.className='editor_icon'" id="component_{$upload_target_srl}_justifyleft" class="editor_icon" />
-            <img src="./images/align_center.gif" title="{$lang->edit->help_align_center}" alt="{$lang->edit->help_align_center}" onmouseover="this.className='editor_icon_over'" onmouseout="this.className='editor_icon'" id="component_{$upload_target_srl}_justifycenter" class="editor_icon" />
-            <img src="./images/align_right.gif" title="{$lang->edit->help_align_right}" alt="{$lang->edit->help_align_right}" onmouseover="this.className='editor_icon_over'" onmouseout="this.className='editor_icon'" id="component_{$upload_target_srl}_justifyright" class="editor_icon" />
-            <img src="./images/remove_indent.gif" title="{$lang->edit->help_remove_indent}" alt="{$lang->edit->help_remove_indent}" onmouseover="this.className='editor_icon_over'" onmouseout="this.className='editor_icon'" id="component_{$upload_target_srl}_outdent" class="editor_icon" />
-            <img src="./images/add_indent.gif" title="{$lang->edit->help_add_indent}" alt="{$lang->edit->help_add_indent}" onmouseover="this.className='editor_icon_over'" onmouseout="this.className='editor_icon'" id="component_{$upload_target_srl}_indent" class="editor_icon" />
-            <img src="./images/list_number.gif" title="{$lang->edit->help_list_number}" alt="{$lang->edit->help_list_number}" onmouseover="this.className='editor_icon_over'" onmouseout="this.className='editor_icon'" id="component_{$upload_target_srl}_insertorderedlist" class="editor_icon" />
-            <img src="./images/list_bullet.gif" title="{$lang->edit->help_list_bullet}" alt="{$lang->edit->help_list_bullet}" onmouseover="this.className='editor_icon_over'" onmouseout="this.className='editor_icon'" id="component_{$upload_target_srl}_insertunorderedlist" class="editor_icon" />
-        </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)" onclick="eOptionClick(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)" onclick="eOptionClick(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)" onclick="eOptionClick(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)" onclick="eOptionClick(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)" onclick="eOptionClick(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)" onclick="eOptionClick(this)" />
+            </div>
+        </div>
     </div>
     <!--@end-->
 
     <!--@if($enable_component)-->
-    <div class="editor_area_2">
-        <!-- 컴포넌트 -->
-        <div id="editor_component_{$upload_target_srl}" class="editor_iconbox">
+    <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}" class="editor_icon" onmouseover="this.className='editor_icon_over'" onmouseout="this.className='editor_icon'" id="component_{$upload_target_srl}_{$component_name}" />
+                    <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)" onclick="eOptionClick(this)" />
                 <!--@end-->
             <!--@end-->
+            </div>
         </div>
     </div>
     <!--@end-->
 
-    <div class="editor_area_about_dbl">
-        {$lang->about_dblclick_in_editor}
-        <div id="for_ie_help_{$upload_target_srl}" style="display:none">{$lang->edit->help_use_paragrapth}</div>
+    <div class="textAreaWrap">
+
+        <div id="editorInfo">
+            <img src="./images/buttonClose.gif" alt="close" width="13" height="13" class="close" onclick="closeEditorInfo()" />
+            {$lang->about_dblclick_in_editor}
+            <span id="for_ie_help_{$upload_target_srl}" style="display:none">{$lang->edit->help_use_paragrapth}</span>
+        </div>
+
+        <div class="editor_iframe_box" id="editor_iframe_area_{$upload_target_srl}"></div>
     </div>
 
-    <!-- iframe -->
-    <div class="editor_iframe_box" id="editor_iframe_area_{$upload_target_srl}"></div><div class="editor_drag_down_area" id="editor_drag_bar_{$upload_target_srl}"></div>
-    <div class="editor_autosaved_message" id="editor_autosaved_message">{$lang->msg_auto_saved} &nbsp;</div>
-</div>
+    <div class="textAreaDragIndicator"><div class="textAreaDragIndicatorBar" id="editor_drag_bar_{$upload_target_srl}"><img src="./images/blank.gif" alt="" width="1" height="16" /></div></div>
 
-<!--@if($allow_fileupload)-->
+
+    <!--@if($allow_fileupload)-->
     <!-- 첨부파일 영역 -->
     <!--%import("./js/uploader.js")-->
     <script type="text/javascript">
@@ -105,35 +124,29 @@
         editor_upload_init("{$upload_target_srl}");
     </script>
 
-    <div class="editor_uploader_box">
-
+    <div class="fileAttach">
         <input type="hidden" name="upload_target_srl" value="{$upload_target_srl}" />
 
-        <table border="0" cellspacing="0" cellpadding="0">
-        <tr valign="top">
-            <td>
-                <!-- 미리보기 -->
-                <div class="editor_preview_uploaded" id="preview_uploaded_{$upload_target_srl}"><img src="./images/blank.gif" width="100" height="100"  alt="preview" /></div>
-            </td>
-            <td>
-                <!-- 파일 업로드 영역 -->
-                <div class="editor_uploader">
-                    <select id="uploaded_file_list_{$upload_target_srl}" size="9" class="uploaded_file_list" onclick="editor_preview(this, '{$upload_target_srl}');"></select>
-                </div>
-            </td>
-            <td>
-                <div class="editor_uploader_button_area">
-                    <input type="button" value="{$lang->edit->upload_file}" class="editor_uploader_button" onclick="editor_upload_file('{$upload_target_srl}');return false;" />
-                    <input type="button" value="{$lang->edit->delete_selected}" class="editor_uploader_button" onclick="editor_remove_file('{$upload_target_srl}');return false;" />
-                    <input type="button" value="{$lang->edit->link_file}" class="editor_uploader_button" onclick="editor_insert_file('{$upload_target_srl}');return false;" />
-                </div>
-            </td>
-        </tr>
-        <tr>
-            <td colspan="3">
-                <div class="editor_uploader_status" id="uploader_status_{$upload_target_srl}"></div>
-            </td>
-        </tr>
-        </table>
+        <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>
+            <p class="info" id="uploader_status_{$upload_target_srl}"></p>
+        </div>
+
+        <ul class="fileUploadControl">
+            <li><a href="#" onclick="editor_upload_file('{$upload_target_srl}');return false;" class="buttonTypeB"><img src="./images/blank.gif" alt="" class="leftCap" />{$lang->edit->upload_file}<img src="./images/blank.gif" alt="" class="rightCap" /></a></li>
+
+            <li><a href="#" onclick="editor_remove_file('{$upload_target_srl}');return false;" class="buttonTypeB"><img src="./images/blank.gif" alt="" class="leftCap" />{$lang->edit->delete_selected}<img src="./images/blank.gif" alt="" class="rightCap" /></a></li>
+            <li><a href="#" onclick="editor_insert_file('{$upload_target_srl}');return false;" class="buttonTypeB"><img src="./images/blank.gif" alt="" class="leftCap" />{$lang->edit->link_file}<img src="./images/blank.gif" alt="" class="rightCap" /></a></li>
+        </ul>
     </div>
-<!--@end-->
+    <!--@end-->
+
+    <div class="editor_autosaved_message" id="editor_autosaved_message">{$lang->msg_auto_saved} &nbsp;</div>
+</div>
+
+

modules/editor/tpl/js/editor.js

@@ -602,3 +602,23 @@ function editorDragStop(evt) {
     editorDragObj.obj = null;
     editorDragObj.id = '';
 }
+
+// Editor Option Button 
+function eOptionOver(obj) {
+    obj.style.marginTop='-21px';	
+    obj.style.zIndex='99';	
+}
+function eOptionOut(obj) {
+    obj.style.marginTop='0';	
+    obj.style.zIndex='1';	
+}
+function eOptionClick(obj) {
+    obj.style.marginTop='-42px';	
+    obj.style.zIndex='99';
+}
+
+// Editor Info Close
+function closeEditorInfo() {
+    xGetElementById('editorInfo').style.display='none';	
+}
+

modules/editor/tpl/lang/ko.lang.php

@@ -21,12 +21,12 @@
 
   $lang->edit->header = "형식";
   $lang->edit->header_list = array(
-    "h1" => "큰 제목 (h1)",
-    "h2" => "중간 제목 (h2)",
-    "h3" => "작은 제목 (h3)",
-    "h4" => "제목 (h4)",
-    "h5" => "일반 (h5)",
-    "h6" => "작은글 (h6)",
+    "h1" => "제목 1",
+    "h2" => "제목 2",
+    "h3" => "제목 3",
+    "h4" => "제목 4",
+    "h5" => "제목 5",
+    "h6" => "제목 6",
   );
 
   $lang->edit->submit = '확인';

modules/file/file.controller.php

@@ -259,7 +259,7 @@
 
             // 업로드 상태 표시 작성
             $upload_status = sprintf(
-                    '<span class="title">- %s : </span><span class="desc_attached">%s</span><span class="desc">/ %s</span><span class="title">- %s : </span><span class="desc">%s</span><span class="title">- %s : </span><span class="desc">%s</span>',
+                    '<span class="title">%s : </span><span class="desc_attached">%s</span><span class="desc">/ %s</span><br /><span class="title">%s : </span><span class="desc">%s</span> (<span class="title">%s : </span><span class="desc">%s</span>)',
                     Context::getLang('allowed_attach_size'),
                     FileHandler::filesize($attached_size),
                     FileHandler::filesize($file_config->allowed_attach_size*1024*1024),