simulz님의 msword2007 에디터 스킨 추가

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

modules/editor/skins/msword2007/css/editor.css

@@ -0,0 +1,58 @@
+@charset "utf-8";
+
+.xeEditor { }
+.xeEditor .optionABC,
+.xeEditor .option2,
+.xeEditor .optionDE { 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:22px; margin:0 .5em 0 0; padding-left:1em; float:left;}
+.xeEditor .optionABC .buttonGroup,
+.xeEditor .option2 .buttonGroup { white-space:nowrap; position:relative; display:block; margin:0 .5em 0 0; float:left; height:22px; overflow:hidden; padding-left:2px;}
+.xeEditor .optionABC .buttonGroup img,
+.xeEditor .option2 .buttonGroup img { float:left; display:block; margin-left:-1px; cursor:pointer;}
+.xeEditor .optionA,
+.xeEditor .optionB,
+.xeEditor .optionC,
+.xeEditor .optionE,
+.xeEditor .optionF { 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 *,
+.xeEditor .optionF * { vertical-align:middle;}
+.xeEditor .optionA { background-position:-3px bottom; padding-left:0;}
+.xeEditor .optionA select option { font-size:.9em; }
+
+.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 .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:10px; margin:0 20px 0 20px; }
+.xeEditor .editor_iframe_textarea { background:#ffffff; clear:both; border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; padding:.5em; margin:0 20px 0 20px; width:100%; font-size:1em; display:none;}
+
+.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 { background:url(../images/select_dot.gif); 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:22px; background:url(../images/buttonTypeBLeft.gif) no-repeat; margin:0 .3em 0 0;  position:relative; left:-1px;}
+.xeEditor .fileAttach .fileUploadControl .uploaderButton .rightCap { width:2px; height:22px; background:url(../images/buttonTypeBRight.gif) no-repeat; margin:0 -1px 0 .4em;}
+.xeEditor .fileAttach .fileUploadControl .uploaderButton .icon { margin:0 .2em;}

modules/editor/skins/msword2007/editor.html

@@ -0,0 +1,165 @@
+<!-- 스킨 css 로드 -->
+<!--%import("css/editor.css")-->
+
+<!-- 기본 js/언어파일 로드 -->
+<!--%import("../../tpl/js/editor_common.js")-->
+<!--%import("../../tpl/js/editor.js")-->
+<!--%import("js/editor.js")-->
+
+<!-- 에디터 활성화 -->
+<script type="text/javascript">//<![CDATA[
+    var editor_path = "{$editor_path}";
+    var auto_saved_msg = "{$lang->msg_auto_saved}";
+    <!--@if(!$editor_manual_start)-->
+    xAddEventListener(window, 'load', function() { editorStart("{$editor_sequence}", "{$editor_primary_key_name}", "{$editor_content_key_name}", '{$editor_height}' ) } );
+    <!--@end-->
+//]]></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_{$editor_sequence}">
+
+        <!--@if($enable_default_component)-->
+        <!-- 기본 컴포넌트 출력 -->
+        <div class="optionABC">
+            <div class="optionA">
+                <div class="selectGroup">
+                    <select onchange="editorChangeFontName(this,'{$editor_sequence}')" id="editor_font_{$editor_sequence}">
+                        <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,'{$editor_sequence}')" id="editor_fontsize_{$editor_sequence}">
+                        <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,'{$editor_sequence}')" id="editor_header_{$editor_sequence}">
+                        <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="66" title="{$lang->edit->help_bold}" alt="{$lang->edit->help_bold}" id="component_{$editor_sequence}_Bold" onmousedown="eOptionClick2(this)" onmouseup="eOptionOver2(this)" onmouseover="eOptionOver2(this)" onmouseout="eOptionOut(this)" />
+                    <img src="./images/editor_btn_i.gif" width="23" height="66" title="{$lang->edit->help_italic}" alt="{$lang->edit->help_italic}" id="component_{$editor_sequence}_Italic" onmousedown="eOptionClick2(this)" onmouseup="eOptionOver2(this)" onmouseover="eOptionOver2(this)" onmouseout="eOptionOut(this)" />
+                    <img src="./images/editor_btn_u.gif" width="23" height="66" title="{$lang->edit->help_underline}" alt="{$lang->edit->help_underline}" id="component_{$editor_sequence}_Underline" onmousedown="eOptionClick2(this)" onmouseup="eOptionOver2(this)" onmouseover="eOptionOver2(this)" onmouseout="eOptionOut(this)" />
+                    <img src="./images/editor_btn_s.gif" width="23" height="66" title="{$lang->edit->help_strike}" alt="{$lang->edit->help_strike}" id="component_{$editor_sequence}_StrikeThrough" onmousedown="eOptionClick2(this)" onmouseup="eOptionOver2(this)" onmouseover="eOptionOver2(this)" onmouseout="eOptionOut(this)" />
+
+                    <img src="./images/editor_btn_sub.gif" width="23" height="66" title="{$lang->edit->help_sub}" alt="{$lang->edit->help_sub}" id="component_{$editor_sequence}_Subscript" onmousedown="eOptionClick2(this)" onmouseup="eOptionOver2(this)" onmouseover="eOptionOver2(this)" onmouseout="eOptionOut(this)" />
+                    <img src="./images/editor_btn_sup.gif" width="23" height="66" title="{$lang->edit->help_sup}" alt="{$lang->edit->help_sup}" id="component_{$editor_sequence}_Superscript" onmousedown="eOptionClick2(this)" onmouseup="eOptionOver2(this)" onmouseover="eOptionOver2(this)" onmouseout="eOptionOut(this)" />
+
+                    <img src="./images/editor_btn_c.gif" width="23" height="66" title="{$lang->edit->help_fontcolor}" alt="{$lang->edit->help_fontcolor}" id="component_{$editor_sequence}_colorpicker_text" onmousedown="eOptionClick2(this)" onmouseup="eOptionOver2(this)" onmouseover="eOptionOver2(this)" onmouseout="eOptionOut(this)" />
+                    <img src="./images/editor_btn_bg.gif" width="23" height="66" title="{$lang->edit->help_fontbgcolor}" alt="{$lang->edit->help_fontbgcolor}" id="component_{$editor_sequence}_colorpicker_bg" onmousedown="eOptionClick2(this)" onmouseup="eOptionOver2(this)" onmouseover="eOptionOver2(this)" onmouseout="eOptionOut(this)" />
+                    <img src="./images/editor_btn_rf.gif" width="23" height="66" title="{$lang->edit->help_remove_format}" alt="{$lang->edit->help_removeformat}" id="component_{$editor_sequence}_RemoveFormat" onmousedown="eOptionClick2(this)" onmouseup="eOptionOver2(this)" onmouseover="eOptionOver2(this)" onmouseout="eOptionOut(this)" />
+                </div>
+            </div>
+
+            <div class="optionB">
+                <div class="buttonGroup">
+                    <img src="./images/editor_btn_al.gif" width="23" height="66" title="{$lang->edit->help_align_left}" alt="{$lang->edit->help_align_left}" id="component_{$editor_sequence}_JustifyLeft" onmousedown="eOptionClick2(this)" onmouseup="eOptionOver2(this)" onmouseover="eOptionOver2(this)" onmouseout="eOptionOut(this)" />
+                    <img src="./images/editor_btn_ac.gif" width="23" height="66"  title="{$lang->edit->help_align_center}" alt="{$lang->edit->help_align_center}" id="component_{$editor_sequence}_JustifyCenter" onmousedown="eOptionClick2(this)" onmouseup="eOptionOver2(this)" onmouseover="eOptionOver2(this)" onmouseout="eOptionOut(this)" />
+                    <img src="./images/editor_btn_ar.gif" width="23" height="66" title="{$lang->edit->help_align_right}" alt="{$lang->edit->help_align_right}"  id="component_{$editor_sequence}_JustifyRight" onmousedown="eOptionClick2(this)" onmouseup="eOptionOver2(this)" onmouseover="eOptionOver2(this)" onmouseout="eOptionOut(this)" />
+                    <img src="./images/editor_btn_aj.gif" width="23" height="66" title="{$lang->edit->help_align_full}" alt="{$lang->edit->help_align_full}"  id="component_{$editor_sequence}_JustifyFull" onmousedown="eOptionClick2(this)" onmouseup="eOptionOver2(this)" onmouseover="eOptionOver2(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_{$editor_sequence}_Outdent" width="23" height="66" onmousedown="eOptionClick2(this)" onmouseup="eOptionOver2(this)" onmouseover="eOptionOver2(this)" onmouseout="eOptionOut(this)" />
+                    <img src="./images/editor_btn_id.gif" width="23" height="66" title="{$lang->edit->help_add_indent}" alt="{$lang->edit->help_add_indent}" id="component_{$editor_sequence}_Indent" onmousedown="eOptionClick2(this)" onmouseup="eOptionOver2(this)" onmouseover="eOptionOver2(this)" onmouseout="eOptionOut(this)" />
+                </div>
+
+                <div class="buttonGroup">
+                    <img src="./images/editor_btn_ul.gif" title="{$lang->edit->help_list_bullet}" alt="{$lang->edit->help_list_bullet}" id="component_{$editor_sequence}_InsertUnorderedList"  width="23" height="66" onmousedown="eOptionClick2(this)" onmouseup="eOptionOver2(this)" onmouseover="eOptionOver2(this)" onmouseout="eOptionOut(this)" />
+                    <img src="./images/editor_btn_ol.gif" title="{$lang->edit->help_list_number}" alt="{$lang->edit->help_list_number}" id="component_{$editor_sequence}_InsertOrderedList" width="23" height="66" onmousedown="eOptionClick2(this)" onmouseup="eOptionOver2(this)" onmouseover="eOptionOver2(this)" onmouseout="eOptionOut(this)" />                    
+                </div>
+            </div>
+        </div>
+        <!--@end-->
+        
+        <!--@if($enable_component)-->
+        <!-- 확장 컴포넌트 출력 -->
+        <div class="optionDE">
+            <div class="optionE">
+                <div class="buttonGroup" id="editor_component_{$editor_sequence}">
+                <!--@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_{$editor_sequence}_{$component_name}" onmousedown="eOptionClick(this)" onmouseup="eOptionOver(this)" onmouseover="eOptionOver(this)" onmouseout="eOptionOut(this)" />
+                    <!--@end-->
+                <!--@end-->
+                </div>
+            </div>
+        </div>
+        <!--@end-->
+    </div>
+
+    <!--@if(!$_COOKIE['EditorInfo'])-->
+    <!-- 에디터 안내 출력 -->
+    <div id="editorInfo_{$editor_sequence}" class="editorInfo" >
+        {$lang->about_dblclick_in_editor}
+        <span id="for_ie_help_{$editor_sequence}" style="display:none">{$lang->edit->help_use_paragrapth}</span>
+        <img src="./images/buttonClose.gif" alt="close" width="13" height="13" class="close" onclick="closeEditorInfo('{$editor_sequence}'); return false;" />
+    </div>
+    <!--@end-->
+
+    <!-- HTML 모드 사용 기능 및 자동저장 메세지 출력용 -->
+    <div class="editor_info">
+        <div class="editor_option">
+            <input type="checkbox" id="use_html_{$editor_sequence}" value="Y" onclick="editorChangeMode(this, '{$editor_sequence}');" /> <label for="use_html_{$editor_sequence}">HTML</label>
+        </div>
+        <div class="editor_autosaved_message" id="editor_autosaved_message_{$editor_sequence}">&nbsp;</div>
+    </div>
+
+    <!-- 에디터 출력 -->
+    <div class="editor_iframe_box"><iframe id="editor_iframe_{$editor_sequence}" frameborder="0" width="100%" height="{$editor_height}" style="background-color:transparent;"></iframe></div>
+    <textarea id="editor_textarea_{$editor_sequence}" class="editor_iframe_textarea" style="display:none; height:{$editor_height}"  rows="10" cols="10"></textarea>
+
+    <!-- 에디터 크기 조절 bar -->
+    <div class="textAreaDragIndicator"><div class="textAreaDragIndicatorBar" id="editor_drag_bar_{$editor_sequence}"></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("{$editor_sequence}");
+    //]]></script>
+
+    <div class="fileAttach">
+        <div class="preview iePngFix" id="preview_uploaded_{$editor_sequence}">
+            <img src="./images/blank.gif" alt="preview" width="100" height="100" />
+        </div>
+
+        <!-- 파일 업로드 영역 -->
+        <div class="fileListArea">
+            <select id="uploaded_file_list_{$editor_sequence}" multiple="multiple" size="7" class="fileList" onclick="editor_preview(this, '{$editor_sequence}');"></select>
+            <span class="file_attach_info" id="uploader_status_{$editor_sequence}">{$upload_status}</span>
+        </div>
+
+        <div class="fileUploadControl"><a href="#" onclick="editor_upload_file('{$editor_sequence}');return false;" class="button"><span>{$lang->edit->upload_file}</span></a></div>
+        <div class="fileUploadControl"><a href="#" onclick="editor_remove_file('{$editor_sequence}');return false;" class="button"><span>{$lang->edit->delete_selected}</span></a></div>
+        <div class="fileUploadControl"><a href="#" onclick="editor_insert_file('{$editor_sequence}');return false;" class="button"><span>{$lang->edit->link_file}</span></a></div>
+
+        <div class="clear"></div>
+    </div>
+<!--@end-->
+</div>

modules/editor/skins/msword2007/js/editor.js

@@ -0,0 +1,10 @@
+// Editor Option Button 
+function eOptionOver2(obj) {
+    obj.style.marginTop='-22px';	
+    obj.style.zIndex='99';	
+}
+
+function eOptionClick2(obj) {
+    obj.style.marginTop='-44px';	
+    obj.style.zIndex='99';
+}

modules/editor/skins/msword2007/skin.xml

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<skin>
+  <title xml:lang="ko">MS Word 2007 테마</title>
+  <maker email_address="simulz@simulz.com" link="http://php.simulz.com" date="2007. 9. 10">
+    <name xml:lang="ko">Simulz</name>
+    <description xml:lang="ko">
+        MS Word 2007 테마입니다.
+    </description>
+  </maker>
+</skin>