Editor ing.

git-svn-id: http://xe-core.googlecode.com/svn/sandbox@4735 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
ChanMyeong 2008-10-31 18:49:20 +00:00
parent b47437b088
commit 2accecec5d
12 changed files with 937 additions and 723 deletions

View file

@ -7,6 +7,7 @@ body{ background:#fff;}
/* Board Reset */ /* Board Reset */
.board{ font-family:"나눔고딕", NanumGothic, "맑은 고딕", MalgunGothic, AppleGothic, "굴림", Gulim, "돋움", Dotum, Tahoma, Sans-serif; line-height:normal; font-size:.8em;} .board{ font-family:"나눔고딕", NanumGothic, "맑은 고딕", MalgunGothic, AppleGothic, "굴림", Gulim, "돋움", Dotum, Tahoma, Sans-serif; line-height:normal; font-size:.8em;}
.board *{ font-size:1em;} .board *{ font-size:1em;}
.board label{ cursor:pointer;}
.board img{ border:0;} .board img{ border:0;}
.board a{ text-decoration:none; color:#000;} .board a{ text-decoration:none; color:#000;}
.board a:hover, .board a:hover,
@ -211,16 +212,35 @@ body{ background:#fff;}
.replyForm dt{ width:80px; float:left; padding-top:6px; font-weight:bold;} .replyForm dt{ width:80px; float:left; padding-top:6px; font-weight:bold;}
.replyForm dd{ margin-bottom:5px;} .replyForm dd{ margin-bottom:5px;}
.boardWrite{ font-size:.75em;} /* Board Write */
.boardWrite{}
.boardWrite *{ margin:0; padding:0;} .boardWrite *{ margin:0; padding:0;}
.boardWrite li{ list-style:none;} .boardWrite li{ list-style:none;}
.boardWrite fieldset{ border:0; position:relative;} .boardWrite fieldset{ border:0; position:relative;}
.boardWrite legend{ position:absolute; width:0; height:0; overflow:hidden; font:0/0 Sans-serif; visibility:hidden;} .boardWrite legend{ position:absolute; width:0; height:0; overflow:hidden; font:0/0 Sans-serif; visibility:hidden;}
.boardWrite dl:after{ content:""; display:block; float:none; clear:both;}
.boardWrite dt{ float:left; width:50px; margin-right:-50px; font-weight:bold; clear:left; padding-top:6px;} .boardWrite .boardWriteHeader dl{ margin-bottom:5px;}
.boardWrite dd{ margin-left:50px; clear:right;} .boardWrite .boardWriteHeader dl *{ vertical-align:middle; font-family:inherit; font-size:inherit;}
.boardWrite .boardWriteHeader .inputText{ width:96%; border:1px solid #ccc; padding:2px 4px 4px 4px; height:15px; *margin:-1px 0;} .boardWrite .boardWriteHeader dt{ font-weight:bold; display:inline;}
.boardWrite .boardWriteHeader{ margin-bottom:10px;} .boardWrite .boardWriteHeader dd{ display:inline;}
.boardWrite .boardWriteHeader .inputText{ border:1px solid #ccc; padding:2px 4px 4px 4px; height:15px; *margin:-1px 0;}
.boardWrite .boardWriteHeader .userNameAndPw{ margin:0;}
.boardWrite .boardWriteHeader .userNameAndPw dl{ display:inline; white-space:nowrap;}
.boardWrite .boardWriteHeader .userNameAndPw dt{ position:relative; top:-3px;}
.boardWrite .boardWriteHeader .userNameAndPw dd{ margin-right:5px;}
.boardWrite .boardWriteHeader .userNameAndPw dd .inputText{ margin-bottom:5px;}
.boardWrite .boardWriteHeader .userNameAndPw dd.userName .inputText{ width:80px;}
.boardWrite .boardWriteHeader .userNameAndPw dd.userPw .inputText{ width:80px;}
.boardWrite .boardWriteHeader .userNameAndPw dd.emailAddress .inputText{ width:120px;}
.boardWrite .boardWriteHeader .userNameAndPw dd.homePage .inputText{ width:120px;}
.boardWrite .boardWriteHeader dl.title dd{ white-space:nowrap;}
.boardWrite .boardWriteHeader dl.title dd .inputText{ width:60%;}
.boardWrite .boardWriteHeader dl.option input{ width:13px; height:13px;}
.boardWrite .boardWriteHeader dl.option dd{ margin-right:5px; white-space:nowrap;}
.boardWrite .boardWriteBody{ margin-bottom:10px;} .boardWrite .boardWriteBody{ margin-bottom:10px;}
.boardWrite .boardWriteBody dt{ padding-top:30px;} .boardWrite .boardWriteBody dt{ padding-top:30px;}
.boardWrite .boardWriteBody dd{ _zoom:1;} .boardWrite .boardWriteBody dd{ _zoom:1;}

View file

@ -37,7 +37,7 @@
</div> </div>
<div class="buttonRight"> <div class="buttonRight">
<a href="{getUrl('act','dispBoardWrite','document_srl','')}" class="button"><span>{$lang->cmd_write}</span></a> <a href="{getUrl('act','dispBoardWrite','document_srl','')}" class="button green"><span>{$lang->cmd_write}</span></a>
</div> </div>
<!-- 페이지 네비게이션 --> <!-- 페이지 네비게이션 -->

View file

@ -1,9 +1,9 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<skin version="0.2"> <skin version="0.2">
<title xml:lang="ko">Zeroboard XE Default Skin.</title> <title xml:lang="ko">Zeroboard XE Default Skin</title>
<title xml:lang="zh-TW">Zeroboard XE 預設面板</title> <title xml:lang="zh-TW">Zeroboard XE 預設面板</title>
<description xml:lang="ko"> <description xml:lang="ko">
Zeroboard XE Default Skin. Zeroboard XE Default Skin
Front-end : Jeong, Chan Myeong (http://naradesign.net/) Front-end : Jeong, Chan Myeong (http://naradesign.net/)
Back-end : Kim, Ye Sol (http://ngleader.com/) Back-end : Kim, Ye Sol (http://ngleader.com/)
</description> </description>

View file

@ -135,11 +135,16 @@
<!-- 목록, 수정/삭제 버튼 --> <!-- 목록, 수정/삭제 버튼 -->
<div class="boardNavigation"> <div class="boardNavigation">
<!--@if($module_info->default_style != 'blog')--> <!--@if($module_info->default_style != 'blog')-->
<div class="buttonLeft">
<a href="{getUrl('document_srl','')}" class="button"><span>{$lang->cmd_list}</span></a> <a href="{getUrl('document_srl','')}" class="button"><span>{$lang->cmd_list}</span></a>
</div>
<!--@end--> <!--@end-->
<!--@if($oDocument->isEditable())--> <!--@if($oDocument->isEditable())-->
<div class="buttonRight">
<a href="{getUrl('act','dispBoardWrite','document_srl',$oDocument->document_srl,'comment_srl','')}" class="button"><span>{$lang->cmd_modify}</span></a> <a href="{getUrl('act','dispBoardWrite','document_srl',$oDocument->document_srl,'comment_srl','')}" class="button"><span>{$lang->cmd_modify}</span></a>
<a href="{getUrl('act','dispBoardDelete','document_srl',$oDocument->document_srl,'comment_srl','')}" class="button"><span>{$lang->cmd_delete}</span></a> <a href="{getUrl('act','dispBoardDelete','document_srl',$oDocument->document_srl,'comment_srl','')}" class="button"><span>{$lang->cmd_delete}</span></a>
</div>
<!--@end--> <!--@end-->
</div> </div>

View file

@ -1,29 +1,37 @@
<!--%import("filter/insert.xml")--> <!--%import("filter/insert.xml")-->
<!--#include("_header.html")--> <!--#include("_header.html")-->
<form action="./" method="post" onsubmit="return procFilter(this, window.insert)" id="fo_write"> <form action="./" method="post" onsubmit="return procFilter(this, window.insert)" id="fo_write" class="boardWrite">
<input type="hidden" name="mid" value="{$mid}" /> <input type="hidden" name="mid" value="{$mid}" />
<input type="hidden" name="content" value="{$oDocument->getContentText()}" /> <input type="hidden" name="content" value="{$oDocument->getContentText()}" />
<input type="hidden" name="document_srl" value="{$document_srl}" /> <input type="hidden" name="document_srl" value="{$document_srl}" />
<div class="boardWrite"> <div class="boardWriteHeader">
<!--@if(!$is_logged)--> <!--@if(!$is_logged)-->
<div class="userNameAndPw"> <div class="userNameAndPw">
<label for="userName">{$lang->writer}</label> <dl>
<input type="text" name="nick_name" value="{$oDocument->getNickName()}" class="userName inputTypeText" id="userName"/> <dt><label for="userName">{$lang->writer}</label> :</dt>
<dd class="userName"><input type="text" name="nick_name" value="{$oDocument->getNickName()}" class="inputText" id="userName"/></dd>
<label for="userPw">{$lang->password}</label> </dl>
<input type="password" name="password" value="" id="userPw" class="userPw inputTypeText" /> <dl>
<dt><label for="userPw">{$lang->password}</label> :</dt>
<label for="emailAddress">{$lang->email_address}</label> <dd class="userPw"><input type="password" name="password" value="" id="userPw" class="inputText" /></dd>
<input type="text" name="email_address" value="{htmlspecialchars($oDocument->get('email_address'))}" id="emailAddress" class="emailAddress inputTypeText"/> </dl>
<dl>
<label for="homePage">{$lang->homepage}</label> <dt><label for="emailAddress">{$lang->email_address}</label> :</dt>
<input type="text" name="homepage" value="{htmlspecialchars($oDocument->get('homepage'))}" id="homePage" class="homePage inputTypeText"/> <dd class="emailAddress"><input type="text" name="email_address" value="{htmlspecialchars($oDocument->get('email_address'))}" id="emailAddress" class="inputText"/></dd>
</dl>
<dl>
<dt><label for="homePage">{$lang->homepage}</label> :</dt>
<dd class="homePage"><input type="text" name="homepage" value="{htmlspecialchars($oDocument->get('homepage'))}" id="homePage" class="inputText"/></dd>
</dl>
</div> </div>
<!--@end--> <!--@end-->
<div class="title"> <dl class="title">
<dt>제목 : </dt>
<dd>
<!--@if($module_info->use_category=="Y")--> <!--@if($module_info->use_category=="Y")-->
<select name="category_srl" class="category"> <select name="category_srl" class="category">
<option value="">{$lang->category}</option> <option value="">{$lang->category}</option>
@ -36,10 +44,12 @@
<!--@else--> <!--@else-->
<label class="title">{$lang->title}</label> <label class="title">{$lang->title}</label>
<!--@endif--> <!--@endif-->
<input type="text" name="title" class="title inputTypeText" value="{htmlspecialchars($oDocument->getTitleText())}" /> <input type="text" name="title" class="inputText" value="{htmlspecialchars($oDocument->getTitleText())}" />
</div> </dd>
</dl>
<dl class="option"> <dl class="option">
<dt>옵션 : </dt>
<!--@if($grant->manager)--> <!--@if($grant->manager)-->
{@ $_color = array('555555','222288','226622','2266EE','8866CC','88AA66','EE2222','EE6622','EEAA22','EEEE22') } {@ $_color = array('555555','222288','226622','2266EE','8866CC','88AA66','EE2222','EE6622','EEAA22','EEEE22') }
<dd><select name="title_color" id="title_color" <!--@if($oDocument->get('title_color'))-->style="background-color:#{$oDocument->get('title_color')};"<!--@end--> onchange="this.style.backgroundColor=this.options[this.selectedIndex].style.backgroundColor;"> <dd><select name="title_color" id="title_color" <!--@if($oDocument->get('title_color'))-->style="background-color:#{$oDocument->get('title_color')};"<!--@end--> onchange="this.style.backgroundColor=this.options[this.selectedIndex].style.backgroundColor;">
@ -81,6 +91,8 @@
<!--@end--> <!--@end-->
</dl> </dl>
</div>
<!--@if($module_info->extra_vars)--> <!--@if($module_info->extra_vars)-->
<table cellspacing="0" summary="" class="extraVarsList"> <table cellspacing="0" summary="" class="extraVarsList">
<col width="150" /> <col width="150" />
@ -101,22 +113,24 @@
<div class="tag"> <div class="tag">
<input type="text" name="tags" value="{htmlspecialchars($oDocument->get('tags'))}" class="inputTypeText" /> <input type="text" name="tags" value="{htmlspecialchars($oDocument->get('tags'))}" class="inputTypeText" />
<p class="info">{$lang->about_tag}</p> <p class="info">{$lang->about_tag}</p>
</div>
</div> </div>
<div class="fl gap1"> <div class="boardNavigation">
<div class="buttonLeft">
<!--@if($is_logged)--> <!--@if($is_logged)-->
<span class="button"><input type="button" value="{$lang->cmd_temp_save}" onclick="doDocumentSave(this); return false;" /></span> <span class="button"><input type="button" value="{$lang->cmd_temp_save}" onclick="doDocumentSave(this); return false;" /></span>
<span class="button"><input type="button" value="{$lang->cmd_load}" onclick="doDocumentLoad(this); return false;" /></span> <span class="button"><input type="button" value="{$lang->cmd_load}" onclick="doDocumentLoad(this); return false;" /></span>
<!--@end--> <!--@end-->
</div> </div>
<div class="fr gap1"> <div class="buttonRight">
<span class="button"><input type="button" value="{$lang->cmd_back}" onclick="location.href='{getUrl('act','')}'" /></span> <span class="button"><input type="button" value="{$lang->cmd_back}" onclick="location.href='{getUrl('act','')}'" /></span>
<span class="button"><input type="button" value="{$lang->cmd_preview}" onclick="doDocumentPreview(this); return false;" /></span> <span class="button"><input type="button" value="{$lang->cmd_preview}" onclick="doDocumentPreview(this); return false;" /></span>
<span class="button"><input type="submit" value="{$lang->cmd_registration}" accesskey="s" /></span> <span class="button black"><input type="submit" value="{$lang->cmd_registration}" accesskey="s" /></span>
</div>
</div> </div>
<div class="clear"></div>
</form> </form>
<!--#include("_footer.html")--> <!--#include("_footer.html")-->

View file

@ -1,6 +1,161 @@
@charset "utf-8"; @charset "utf-8";
.xeEditor{} .xeEditor{}
.editorTypeSelector{ position:relative; right:3px; z-index:10; float:right; clear:both; *zoom:1; margin-bottom:-2px !important;}
.editorTypeSelector:after{ content:""; display:block; clear:both;}
.editorTypeSelector li,
.editorTypeSelector a{ display:block; float:left; position:relative; background-image:url(../images/tabEditorSelector.gif); background-repeat:no-repeat;}
.editorTypeSelector li{ background-position:left top; margin-right:5px;}
.editorTypeSelector li a{ padding:3px 10px 0 10px; height:21px; left:3px; background-position:right top; text-decoration:none !important; white-space:nowrap;}
.editorTypeSelector li.active{ background-position:left -24px;}
.editorTypeSelector li.active a{ background-position:right -24px; font-weight:bold; height:23px;}
.editorList{ clear:both; position:relative; z-index:1; border-top:1px solid #ddd; *zoom:1}
.editorList .editorItem{ display:none;}
.editorList.xe #xeEditor,
.editorList.text #textEditor,
.editorList.html #htmlEditor{ display:block;}
.toolBox{ padding:5px 10px 8px 10px !important; background:#fafafa url(../images/buttonSetBg.gif) repeat-x left bottom; *zoom:1;}
.toolBox:after{ content:""; display:block; clear:both;}
.toolBox .toolA{ position:relative; float:left; clear:both; *margin-bottom:5px;}
.toolBox .toolA ul{ float:left; margin:0 5px 5px 0;}
.toolBox .toolA li{ float:left; font-size:0; line-height:0;}
.toolBox .toolA button{ border:0; width:21px; height:21px; background-color:#fff; background-image:url(../images/buttonSet.gif); background-position:no-repeat; cursor:pointer;}
.toolBox .toolA span{ position:relative; z-index:-1;}
.toolBox .toolB{ clear:both; position:relative; left:-5px; overflow:hidden;}
.toolBox .toolB li{ position:relative; left:-1px; display:inline; padding-left:3px; background:url(../images/lineV11.gif) no-repeat left center; *zoom:1;}
.toolBox .toolB li button{ background:none; border:none; height:21px; *margin:0 -5px; cursor:pointer; font:11px Dotum, Tahoma; letter-spacing:-1px; display:inline; padding:0 !important;}
/* ToolBox Button Default */
.toolBox .do{ width:43px;}
.toolBox .undo button{ width:22px;}
.toolBox .redo button{ background-position:-22px 0;}
.toolBox .type *{ font-size:12px; line-height:100%;}
.toolBox .type select{ height:21px;}
.toolBox .type .hx{}
.toolBox .type .size .px10{ font-size:10px;}
.toolBox .type .size .px13{ font-size:13px;}
.toolBox .type .size .px16{ font-size:16px;}
.toolBox .type .size .px18{ font-size:18px;}
.toolBox .type .size .px24{ font-size:24px;}
.toolBox .type .size .px32{ font-size:32px;}
.toolBox .type .size .px48{ font-size:48px;}
.toolBox .type .family{}
.toolBox .style{ width:214px;}
.toolBox .bold button{ width:22px; background-position:-43px 0;}
.toolBox .underline button{ background-position:-65px 0;}
.toolBox .italic button{ background-position:-86px 0;}
.toolBox .strike button{ background-position:-107px 0;}
.toolBox .sup button{ background-position:-128px 0;}
.toolBox .sub button{ background-position:-149px 0;}
.toolBox .txColor button{ background-position:-170px 0;}
.toolBox .bgColor button{ background-position:-191px 0;}
.toolBox .styleRemover button{ width:45px; background-position:-212px 0;}
.toolBox .paragraph{ width:169px;}
.toolBox .alignLeft button{ width:22px; background-position:-257px 0;}
.toolBox .alignCenter button{ background-position:-279px 0;}
.toolBox .alignRight button{ background-position:-300px 0;}
.toolBox .alignJustify button{ background-position:-321px 0;}
.toolBox .orderedList button{background-position:-342px 0;}
.toolBox .unorderedList button{ background-position:-363px 0;}
.toolBox .outdent button{ background-position:-384px 0;}
.toolBox .indent button{ background-position:-405px 0;}
.toolBox .extension{ width:132px;}
.toolBox .url button{ width:27px; background-position:-426px 0;}
.toolBox .blockquote button{ background-position:-453px 0;}
.toolBox .table button{ background-position:-474px 0;}
.toolBox .image button{ background-position:-495px 0;}
.toolBox .movie button{ background-position:-516px 0;}
.toolBox .emoticon button{ background-position:-537px 0;}
/* ToolBox Button Hover & Focus & Active */
.toolBox .undo button:hover,
.toolBox .undo button:focus{ background-position:0 -21px;}
.toolBox .undo button:active{ background-position:0 -42px;}
.toolBox .redo button:hover,
.toolBox .redo button:focus{ background-position:-22px -21px;}
.toolBox .redo button:active{ background-position:-22px -42px;}
.toolBox .bold button:hover,
.toolBox .bold button:focus{ background-position:-43px -21px;}
.toolBox .bold button:active{ background-position:-43px -42px;}
.toolBox .underline button:hover,
.toolBox .underline button:focus{ background-position:-65px -21px;}
.toolBox .underline button:active{ background-position:-65px -42px;}
.toolBox .italic button:hover,
.toolBox .italic button:focus{ background-position:-86px -21px;}
.toolBox .italic button:active{ background-position:-86px -42px;}
.toolBox .strike button:hover,
.toolBox .strike button:focus{ background-position:-107px -21px;}
.toolBox .strike button:active{ background-position:-107px -42px;}
.toolBox .sup button:hover,
.toolBox .sup button:focus{ background-position:-128px -21px;}
.toolBox .sup button:active{ background-position:-128px -42px;}
.toolBox .sub button:hover,
.toolBox .sub button:focus{ background-position:-149px -21px;}
.toolBox .sub button:active{ background-position:-149px -42px;}
.toolBox .txColor button:hover,
.toolBox .txColor button:focus{ background-position:-170px -21px;}
.toolBox .txColor button:active{ background-position:-170px -42px;}
.toolBox .bgColor button:hover,
.toolBox .bgColor button:focus{ background-position:-191px -21px;}
.toolBox .bgColor button:active{ background-position:-191px -42px;}
.toolBox .styleRemover button:hover,
.toolBox .styleRemover button:focus{ background-position:-212px -21px;}
.toolBox .styleRemover button:active{ background-position:-212px -42px;}
.toolBox .alignLeft button:hover,
.toolBox .alignLeft button:focus{ background-position:-257px -21px;}
.toolBox .alignLeft button:active{ background-position:-257px -42px;}
.toolBox .alignCenter button:hover,
.toolBox .alignCenter button:focus{ background-position:-279px -21px;}
.toolBox .alignCenter button:active{ background-position:-279px -42px;}
.toolBox .alignRight button:hover,
.toolBox .alignRight button:focus{ background-position:-300px -21px;}
.toolBox .alignRight button:active{ background-position:-300px -42px;}
.toolBox .alignJustify button:hover,
.toolBox .alignJustify button:focus{ background-position:-321px -21px;}
.toolBox .alignJustify button:active{ background-position:-321px -42px;}
.toolBox .orderedList button:hover,
.toolBox .orderedList button:focus{background-position:-342px -21px;}
.toolBox .orderedList button:active{background-position:-342px -42px;}
.toolBox .unorderedList button:hover,
.toolBox .unorderedList button:focus{ background-position:-363px -21px;}
.toolBox .unorderedList button:active{ background-position:-363px -42px;}
.toolBox .outdent button:hover,
.toolBox .outdent button:focus{ background-position:-384px -21px;}
.toolBox .outdent button:active{ background-position:-384px -42px;}
.toolBox .indent button:hover,
.toolBox .indent button:focus{ background-position:-405px -21px;}
.toolBox .indent button:active{ background-position:-405px -42px;}
.toolBox .url button:hover,
.toolBox .url button:focus{ background-position:-426px -21px;}
.toolBox .url button:active{ background-position:-426px -42px;}
.toolBox .blockquote button:hover,
.toolBox .blockquote button:focus{ background-position:-453px -21px;}
.toolBox .blockquote button:active{ background-position:-453px -42px;}
.toolBox .table button:hover,
.toolBox .table button:focus{ background-position:-474px -21px;}
.toolBox .table button:active{ background-position:-474px -42px;}
.toolBox .image button:hover,
.toolBox .image button:focus{ background-position:-495px -21px;}
.toolBox .image button:active{ background-position:-495px -42px;}
.toolBox .movie button:hover,
.toolBox .movie button:focus{ background-position:-516px -21px;}
.toolBox .movie button:active{ background-position:-516px -42px;}
.toolBox .emoticon button:hover,
.toolBox .emoticon button:focus{ background-position:-537px -21px;}
.toolBox .emoticon button:active{ background-position:-537px -42px;}
/* .xeEditor { }
.xeEditor .optionABC { clear:both; width:100%; overflow:hidden; background:transparent;} .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 { 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 { white-space:nowrap; position:relative; display:block; margin:0 .5em 0 0; float:left; height:21px; overflow:hidden; padding-left:2px;}
@ -49,4 +204,4 @@
.xeEditor .fileAttach .fileUploadControl .uploaderButton img { vertical-align:middle;} .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 .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 .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;} .xeEditor .fileAttach .fileUploadControl .uploaderButton .icon { margin:0 .2em;} */

View file

@ -12,102 +12,112 @@
<input type="hidden" name="_saved_doc_message" value="{$lang->msg_load_saved_doc}" /> <input type="hidden" name="_saved_doc_message" value="{$lang->msg_load_saved_doc}" />
<!--@end--> <!--@end-->
<!-- 에디터 --> <ul class="editorTypeSelector">
<div class="xeEditor"> <li class="active"><a href="#xeEditor" onclick="return false"><span>스타일 편집기</span></a></li>
<li><a href="#textEditor" onclick="return false"><span>텍스트 편집기</span></a></li>
<div id="xeEditorOption_{$editor_sequence}"> <!-- HTML 모드 사용 -->
<!--@if($html_mode)-->
<!--@if($html_mode)-->
<li><a href="#htmlEditor" id="use_html_{$editor_sequence}" onclick="editorChangeMode(this, '{$editor_sequence}')"><span>HTML 편집기</span></a></li>
<!--@end-->
<!--@end-->
</ul>
<!-- 에디터 -->
<div class="editorList xe">
<!-- class="editorList xe" | class="editorList text" | class="editorList html" -->
<div id="xeEditor" class="editorItem">
<div id="xeEditorOption_{$editor_sequence}" class="toolBox">
<!--@if($enable_default_component)--> <!--@if($enable_default_component)-->
<!-- 기본 컴포넌트 출력 --> <!-- 기본 컴포넌트 출력 -->
<div class="optionABC"> <div class="toolA">
<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}"> <ul class="do">
<option value="" selected="selected">{$lang->edit->fontsize}</option> <li class="undo"><button type="button" title="Ctrl+Z:Un Do"><span>Un Do</span></button></li>
<option value="1">8pt</option> <li class="redo"><button type="button" title="Ctrl+Y:Re Do"><span>Re Do</span></button></li>
<option value="2">10pt</option> </ul>
<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>
<ul class="type">
<li class="hx">
<select onchange="editorChangeHeader(this,'{$editor_sequence}')" id="editor_header_{$editor_sequence}"> <select onchange="editorChangeHeader(this,'{$editor_sequence}')" id="editor_header_{$editor_sequence}">
<option value="">{$lang->edit->header}</option> <option value="">{$lang->edit->header}</option>
<!--@foreach($lang->edit->header_list as $key=>$obj)--> <!--@foreach($lang->edit->header_list as $key=>$obj)-->
<option value="{$key}">{$obj}</option> <option value="{$key}">{$obj}</option>
<!--@end--> <!--@end-->
</select> </select>
</div> </li>
<li class="size">
<select onchange="editorChangeFontSize(this,'{$editor_sequence}')" id="editor_fontsize_{$editor_sequence}">
<option value="" selected="selected">{$lang->edit->fontsize}</option>
<option value="1" class="px10">10px</option>
<option value="2" class="px13">13px</option>
<option value="3" class="px16">16px</option>
<option value="4" class="px18">18px</option>
<option value="5" class="px24">24px</option>
<option value="6" class="px32">32px</option>
<option value="7" class="px48">48px</option>
</select>
</li>
<li class="family">
<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>
</li>
</ul>
<div class="buttonGroup"> <ul class="style">
<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)" /> <li class="bold"><button type="button" title="Ctrl+B:{$lang->edit->help_bold}" id="component_{$editor_sequence}_Bold"><span>Bold</span></button></li>
<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)" /> <li class="underline"><button type="button" title="Ctrl+U:{$lang->edit->help_underline}" id="component_{$editor_sequence}_Underline"><span>Underline</span></button></li>
<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)" /> <li class="italic"><button type="button" title="Ctrl+I:{$lang->edit->help_italic}" id="component_{$editor_sequence}_Italic"><span>Italic</span></button></li>
<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)" /> <li class="strike"><button type="button" title="{$lang->edit->help_strike_through}" id="component_{$editor_sequence}_StrikeThrough"><span>Strike</span></button></li>
<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)" /> <li class="sup"><button type="button" title="Sup"><span>Sup</span></button></li>
<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)" /> <li class="sub"><button type="button" title="Sub"><span>Sub</span></button></li>
<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)" /> <li class="txColor"><button type="button" title="{$lang->edit->help_fontcolor}" id="component_{$editor_sequence}_colorpicker_text"><span>Text Color</span></button></li>
</div> <li class="bgColor"><button type="button" title="{$lang->edit->help_fontbgcolor}" id="component_{$editor_sequence}_colorpicker_bg"><span>Background Color</span></button></li>
</div> <li class="styleRemover"><button type="button" title="Ctrl+D:{$lang->edit->help_remove_format}" id="component_{$editor_sequence}_RemoveFormat"><span>Style Remover</span></button></li>
</ul>
<div class="optionB"> <ul class="paragraph">
<div class="buttonGroup"> <li class="alignLeft"><button type="button" title="{$lang->edit->help_align_left}" id="component_{$editor_sequence}_JustifyLeft"><span>Align Left</span></button></li>
<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)" /> <li class="alignCenter"><button type="button" title="{$lang->edit->help_align_center}" id="component_{$editor_sequence}_JustifyCenter"><span>Align Center</span></button></li>
<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)" /> <li class="alignRight"><button type="button" title="{$lang->edit->help_align_right}" id="component_{$editor_sequence}_JustifyRight"><span>Align Right</span></button></li>
<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)" /> <li class="alignJustify"><button type="button" title="{$lang->edit->help_align_full}" id="component_{$editor_sequence}_JustifyFull"><span>Align Justify</span></button></li>
<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)" /> <li class="orderedList"><button type="button" title="{$lang->edit->help_list_number}" id="component_{$editor_sequence}_InsertOrderedList"><span>Orderd List</span></button></li>
</div> <li class="unorderedList"><button type="button" title="{$lang->edit->help_list_bullet}" id="component_{$editor_sequence}_InsertUnorderedList"><span>Unordered List</span></button></li>
<li class="outdent"><button type="button" title="{$lang->edit->help_remove_indent}" id="component_{$editor_sequence}_Outdent"><span>Outdent</span></button></li>
<li class="indent"><button type="button" title="{$lang->edit->help_add_indent}" id="component_{$editor_sequence}_Indent"><span>Indent</span></button></li>
</ul>
<div class="buttonGroup"> <ul class="extension">
<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)" /> <li class="url"><button type="button" title="Ctrl+L:URL" id="component_1_url_link"><span>URL</span></button></li>
<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)" /> <li class="blockquote"><button type="button" title="Blockquote" id="component_1_quotation"><span>Blockquote</span></button></li>
</div> <li class="table"><button type="button" title="Table" id="component_1_table_maker"><span>Table</span></button></li>
<li class="image"><button type="button" title="Image" id="component_1_image_link"><span>Image</span></button></li>
<li class="movie"><button type="button" title="Movie" id="component_1_multimedia_link"><span>Movie</span></button></li>
<li class="emoticon"><button type="button" title="Emoticon" id="component_1_emoticon"><span>Emoticon</span></button></li>
</ul>
<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="63" onmouseover="eOptionOver(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="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> </div>
<!--@end--> <!--@end-->
<!--@if($enable_component)--> <!--@if($enable_component)-->
<!-- 확장 컴포넌트 출력 --> <!-- 확장 컴포넌트 출력 -->
<div class="optionDE"> <ul id="editor_component_{$editor_sequence}" class="toolB">
<div class="optionE">
<div class="buttonGroup" id="editor_component_{$editor_sequence}">
<!--@foreach($component_list as $component_name => $component)--> <!--@foreach($component_list as $component_name => $component)-->
<!--@if(substr($component_name,0,11)!="colorpicker")--> <!--@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)" /> <li><button type="button" id="component_{$editor_sequence}_{$component_name}"><span>{$component->title}</span></button></li>
<!--@end--> <!--@end-->
<!--@end--> <!--@end-->
</div> </ul>
</div>
</div>
<!--@end--> <!--@end-->
</div> </div>
<!--@if(!$_COOKIE['EditorInfo'])--> <!--@if(!$_COOKIE['EditorInfo'])-->
@ -184,6 +194,16 @@
<!--@end--> <!--@end-->
</div> </div>
<div id="textEditor" class="editorItem">
여기에 class "textEditor"의 내용 입력
</div>
<div id="htmlEditor" class="editorItem">
여기에 class "htmlEditor"의 내용 입력
</div>
</div>
<!-- 에디터 활성화 --> <!-- 에디터 활성화 -->
<script type="text/javascript">//<![CDATA[ <script type="text/javascript">//<![CDATA[
var editor_path = "{$editor_path}"; var editor_path = "{$editor_path}";

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 168 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 44 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1 KiB

View file

@ -9,7 +9,7 @@ var editorDragObj = {isDrag:false, y:0, obj:null, id:'', det:0, source_height:0}
/** /**
* 에디터 사용시 사용되는 이벤트 연결 함수 호출 * 에디터 사용시 사용되는 이벤트 연결 함수 호출
**/ **/
xAddEventListener(document, 'mouseup', editorEventCheck); xAddEventListener(document, 'click', editorEventCheck);
xAddEventListener(document, 'mousedown', editorDragStart); xAddEventListener(document, 'mousedown', editorDragStart);
xAddEventListener(document, 'mouseup', editorDragStop); xAddEventListener(document, 'mouseup', editorDragStop);