검은 배경에서 적용할 수 있는 default_black 에디터 추가

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

modules/editor/skins/default_black/css/editor.css

@@ -0,0 +1,53 @@
+@charset "utf-8";
+
+.xeEditor { }
+.xeEditor .optionABC { clear:both; width:100%; overflow:hidden; background:transparent;}
+.xeEditor .optionABC .selectGroup { white-space:nowrap; display:block; height:21px; margin:0 .5em 0 0; padding-left:1em; float:left;}
+.xeEditor .optionABC .selectGroup select {background-color:transparent; color:#AAAAAA; }
+.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:transparent; 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:transparent;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 9px; overflow:hidden; float:left;}
+
+.xeEditor .editorInfo { background:transparent; padding:.5em; border:1px solid #e1e1dd; color:#999999; position:relative; margin:5px 10px 0 10px;}
+.xeEditor .close { cursor:pointer; position:absolute; top:3px; right:3px; _top:3px; _right:15px;}
+.xeEditor .editor_iframe_box { clear:both; border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; padding:0; margin:3px 10px 5px 10px; }
+.xeEditor .editor_iframe_textarea { background:#ffffff; clear:both; border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; margin:5px 10px 0 10px; 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 10px 0 10px; overflow:hidden;}
+.xeEditor .editor_info .editor_option { float:left; color:#888888; }
+.xeEditor .editor_info .editor_autosaved_message { display:none; color:#888888; float:right; }
+
+.xeEditor .inputTypeTextArea { background:#fbfbfb; padding:1em; width:94%;}
+
+.xeEditor .fileAttach { border:none; table-layout:fixed; margin:0 10px 0 10px; }
+
+.xeEditor .fileAttach .preview { padding:5px; border:1px solid #e1e1dd; width:100px; height:100px; margin-right:10px;}
+.xeEditor .fileAttach .preview img { width:100px; height:100px; }
+
+.xeEditor .fileAttach .fileListArea .fileList { background:transparent; overflow:auto; width:100%; height:auto; border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; margin-bottom:10px; font-size:11px;}
+.xeEditor .fileAttach .fileListArea .fileList option { line-height:100%; padding-left:.5em; color:#AAAAAA;}
+.xeEditor .fileAttach .fileUploadControl { float:left; }
+.xeEditor .fileAttach .file_attach_info { color:#AAAAAA; font-size:.9em; _font-size:8pt; text-align:right;}
+*:first-child+html .xeEditor .fileAttach .file_attach_info { font-size:8pt; }
+
+.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_black/editor.html

@@ -0,0 +1,188 @@
+<!-- 스킨 css 로드 -->
+<!--%import("css/editor.css")-->
+
+<!-- 기본 js/언어파일 로드 -->
+<!--%import("../../tpl/js/editor_common.js")-->
+<!--%import("../../tpl/js/editor.js")-->
+
+<!-- 자동저장용 폼 -->
+<!--@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="63" title="{$lang->edit->help_bold}" alt="{$lang->edit->help_bold}" id="component_{$editor_sequence}_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_{$editor_sequence}_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_{$editor_sequence}_Underline" onmouseover="eOptionOver(this)" onmouseout="eOptionOut(this)" />
+                    <img src="./images/editor_btn_strikethrough.gif" width="23" height="63" title="{$lang->edit->help_strike_through}" alt="{$lang->edit->help_underline}" id="component_{$editor_sequence}_StrikeThrough" onmouseover="eOptionOver(this)" onmouseout="eOptionOut(this)" />
+                    <img src="./images/editor_btn_removeformat.gif" width="23" height="63" title="{$lang->edit->help_remove_format}" alt="{$lang->edit->help_underline}" id="component_{$editor_sequence}_RemoveFormat" 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_{$editor_sequence}_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_{$editor_sequence}_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_{$editor_sequence}_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_{$editor_sequence}_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_{$editor_sequence}_JustifyRight"  onmouseover="eOptionOver(this)" onmouseout="eOptionOut(this)" />
+                    <img src="./images/editor_btn_aj.gif" width="23" height="63" title="{$lang->edit->help_align_full}" alt="{$lang->edit->help_align_full}" id="component_{$editor_sequence}_JustifyFull" 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_{$editor_sequence}_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_{$editor_sequence}_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_{$editor_sequence}_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_{$editor_sequence}_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_{$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}" 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 모드 사용 기능 및 자동저장 메세지 출력용 -->
+    <!--@if($html_mode || $enable_autosave)-->
+    <div class="editor_info">
+        <!--@if($html_mode)-->
+        <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>
+        <!--@end-->
+        <!--@if($enable_autosave)-->
+        <div class="editor_autosaved_message" id="editor_autosaved_message_{$editor_sequence}"></div>
+        <!--@end-->
+    </div>
+    <!--@end-->
+
+    <!-- 에디터 출력 -->
+    <div class="editor_iframe_box"><iframe id="editor_iframe_{$editor_sequence}" frameborder="0" height="{$editor_height}" style="background-color:transparent;" allowTransparency="true"></iframe></div>
+    <textarea id="editor_textarea_{$editor_sequence}" class="editor_iframe_textarea" style="display:none; height:{$editor_height}"  rows="10" cols="10"></textarea>
+
+    <!-- 에디터 크기 조절 bar -->
+    <!--@if($enable_resizable)-->
+    <div class="textAreaDragIndicator"><div class="textAreaDragIndicatorBar" id="editor_drag_bar_{$editor_sequence}"></div></div>
+    <!--@end-->
+
+<!--@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}" }
+        <!--@if(!$editor_manual_start)-->
+        editor_upload_init("{$editor_sequence}", '', "{$files_count}");
+        <!--@end-->
+    //]]></script>
+
+    <table cellspacing="0" class="fileAttach">
+    <col width="120" />
+    <col width="100%" />
+    <tr valign="top">
+        <td width="120"><div class="preview" id="preview_uploaded_{$editor_sequence}"><img src="./images/blank.gif" alt="preview" width="100" height="100" /></div></td>
+        <td>
+            <!-- 파일 업로드 영역 -->
+            <div class="fileListArea">
+                <select id="uploaded_file_list_{$editor_sequence}" multiple="multiple" size="5" class="fileList" onclick="editor_preview(this, '{$editor_sequence}');"></select>
+            </div>
+            <div class="fileUploadControl">
+                <a href="#" onclick="editor_upload_file('{$editor_sequence}');return false;" class="button"><span>{$lang->edit->upload_file}</span></a>
+                <a href="#" onclick="editor_remove_file('{$editor_sequence}');return false;" class="button"><span>{$lang->edit->delete_selected}</span></a>
+                <a href="#" onclick="editor_insert_file('{$editor_sequence}');return false;" class="button"><span>{$lang->edit->link_file}</span></a>
+            </div>
+            <div class="file_attach_info" id="uploader_status_{$editor_sequence}">{$upload_status}</div>
+        </td>
+    </tr>
+    </table>
+<!--@end-->
+</div>
+
+
+<!-- 에디터 활성화 -->
+<script type="text/javascript">//<![CDATA[
+    var editor_path = "{$editor_path}";
+    var auto_saved_msg = "{$lang->msg_auto_saved}";
+
+    <!--@if(!$editor_manual_start)-->
+    editorStart("{$editor_sequence}", "{$editor_primary_key_name}", "{$editor_content_key_name}", '{$editor_height}' , '#FFFFFF');
+    <!--@end-->
+//]]></script>
+

modules/editor/skins/default_black/skin.xml

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<skin>
+  <title xml:lang="ko">제로보드XE 검은 배경 기본 에디터</title>
+  <maker email_address="zero@zeroboard.com" link="http://www.zeroboard.com" date="2007. 2. 28">
+    <name xml:lang="ko">zero</name>
+    <name xml:lang="zh-CN">Zero</name>
+    <name xml:lang="jp">Zero</name>
+    <description xml:lang="ko">
+        개발 : zero (http://www.zeroboard.com) 
+    </description>
+    <description xml:lang="zh-CN">
+        程序 : zero (http://www.zeroboard.com) 
+    </description>
+    <description xml:lang="jp">
+        開発 : Zero (http://www.zeroboard.com) 
+    </description>
+  </maker>
+</skin>

modules/editor/tpl/js/editor.js

@@ -63,7 +63,9 @@ function editorGetSelectedNode(editor_sequence) {
 /**
  * editor 시작 (editor_sequence로 iframe객체를 얻어서 쓰기 모드로 전환)
  **/
-function editorStart(editor_sequence, primary_key, content_key, editor_height) {
+function editorStart(editor_sequence, primary_key, content_key, editor_height, font_color) {
+    if(typeof(font_color)=='undefined') font_color = '#000000';
+
     // iframe obj를 찾음
     var iframe_obj = editorGetIFrame(editor_sequence);
     if(!iframe_obj) return;
@@ -118,7 +120,7 @@ function editorStart(editor_sequence, primary_key, content_key, editor_height) {
         '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">'+
         '<html lang="ko" xmlns="http://www.w3.org/1999/xhtml><head><meta http-equiv="content-type" content="text/html; charset=utf-8"/>'+
         '<style type="text/css">'+
-        'body {font-size:9pt;height:'+editor_height+'px; padding:0; margin:0; background-color:transparent; }'+
+        'body {font-size:9pt;height:'+editor_height+'px; padding:0; margin:0; background-color:transparent; color:'+font_color+';}'+
         '</style>'+
         '</head><body editor_sequence="'+editor_sequence+'">'+
         content+