rhymix/modules/editor/skins/xeed/editor.html
ChanMyeong bd7b16fbca Layout Skin, Login Widget ... etc.
git-svn-id: http://xe-core.googlecode.com/svn/branches/1.5.0@9226 201d5d3c-b55e-5fd7-737f-ddc643e51545
2011-09-20 07:01:46 +00:00

367 lines
19 KiB
HTML

<!--// 스킨 css 로드 -->
<!--%import("xd.css")-->
<!--// 기본 JS 로드 -->
<!--%import("../../tpl/js/editor_common.js")-->
<!--// 기본 js/언어파일 로드 -->
<!--%import("js/xeed.js")-->
<!--%import("js/xe_interface.js")-->
<!--@if($enable_autosave)-->
<!-- Auto-saving fields -->
<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-->
<!-- {{{ Editor HTML -->
<!-- XEED -->
<textarea id="xeed-{$editor_sequence}" name="{$editor_content_key_name}" cols="80" rows="10"></textarea>
<div class="xd">
<!-- tool -->
<div class="tool">
<a href="#edit" class="skip">{$lang->edit->jumptoedit}</a>
<div class="t1" cond="$allow_fileupload || $enable_component">
<button type="button" class="mo"><span>{$lang->edit->toolbar_moreless}</span></button>
<ul class="u1" cond="$allow_fileupload">
<li class="ti al">
<a href="#xdal" class="tb">
<span class="all">{$lang->edit->upload_list}</span>
<span class="img"><span>{$lang->edit->image}</span><strong>0</strong></span>
<span class="media"><span>{$lang->edit->multimedia}</span><strong>0</strong></span>
<span class="file"><span>{$lang->edit->file}</span><strong>0</strong></span>
</a>
</li>
</ul>
<!-- editor components -->
<block cond="$enable_component">
<!--@foreach($component_list as $component_name => $component)-->
<ul class="u2">
<li class="ti"><a href="{getUrl('module','editor','act','dispEditorPopup','editor_sequence', $editor_sequence, 'component', $component_name)}" target="_blank" class="tb" id="component_{$editor_sequence}_{$component_name}" title="{$component->title}">{$component->title}</a></li>
</ul>
<!--@end-->
</block>
<!-- //editor components -->
</div>
<div class="t2">
<button type="button" class="mo"><span>{$lang->edit->toolbar_moreless}</span></button>
<ul class="u1">
<li class="ti ud disable"><button type="button" class="tb ud"><span>{$lang->edit->undo} Ctrl+Z</span></button></li>
<li class="ti rd disable"><button type="button" class="tb rd da"><span>{$lang->edit->redo} Ctrl+Y</span></button></li>
</ul>
<ul class="u2">
<li class="ti hx"><button type="button" class="tb">{$lang->edit->header}</button>
<ul class="lr">
<!--@foreach($lang->edit->header_list as $key=>$obj)-->
<li class="{$key}"><button type="button" title="Ctrl+1">{$obj}</button></li>
<!--@end-->
<li class="h7"><button type="button" title="Ctrl+7">{$lang->edit->paragraph}</button></li>
</ul>
</li>
<li class="ti ff"><button type="button" class="tb">{$lang->edit->fontname}</button>
<ul class="lr">
<!--@foreach($lang->edit->fontlist as $key=>$obj)-->
<li><button type="button" style="font-family:{$key}">{$obj}</button></li>
<!--@end-->
</ul>
</li>
<li class="ti fs"><button type="button" class="tb">{$lang->edit->fontsize}</button>
<ul class="lr">
<li><button type="button">9px;10px;11px;12px;13px;14px;16px;18px;24px;32px</button></li>
</ul>
</li>
<li class="ti lh"><button type="button" class="tb">{$lang->edit->lineheight}</button>
<ul class="lr">
<li><button type="button">100%;120%;140%;160%;180%;200%</button></li>
</ul>
</li>
</ul>
<ul class="u3">
<li class="ti bd"><button type="button" class="tb bd" title="{$lang->edit->bold} (Ctrl+B)"><span>{$lang->edit->bold} Ctrl+B</span></button></li>
<li class="ti ue"><button type="button" class="tb ue" title="{$lang->edit->underline} (Ctrl+U)"><span>{$lang->edit->underline} Ctrl+U</span></button></li>
<li class="ti ic"><button type="button" class="tb ic" title="{$lang->edit->italic} (Ctrl+I)"><span>{$lang->edit->italic} Ctrl+I</span></button></li>
<li class="ti se"><button type="button" class="tb se" title="{$lang->edit->strike} (Ctrl+D)"><span>{$lang->edit->strike} Ctrl+D</span></button></li>
<li class="ti cr fc">
<button type="button" class="tb cr fc" title="{$lang->edit->fontcolor_apply}" style="background-color:#74c600"><span>{$lang->edit->fontcolor_apply}</span></button><button type="button" class="tb more" title="{$lang->edit->fontcolor_more}"><span>{$lang->edit->fontcolor_more}</span></button>
<div class="lr">
<fieldset>
<legend>{$lang->edit->fontcolor}</legend>
<ul class="ct">
<li><button type="button"><span>ff0000;ff6c00;ffaa00;ffef00;a6cf00;009e25;00b0a2;0075c8;3a32c3;7820b9;ef007c;000000;252525;464646;636363;7d7d7d;9a9a9a;ffe8e8;f7e2d2;f5eddc;f5f4e0;edf2c2;def7e5;d9eeec;c9e0f0;d6d4eb;e7dbed;f1e2ea;acacac;c2c2c2;cccccc;e1e1e1;ebebeb;ffffff;e97d81;e19b73;d1b274;cfcca2;cfcca2;61b977;53aea8;518fbb;6a65bb;9a54ce;e573ae;5a504b;767b86;00ffff;00ff00;a0f000;ffff00;951015;6e391a;785c25;5f5b25;4c511f;1c4827;0d514c;1b496a;2b285f;45245b;721947;352e2c;3c3f45;00aaff;0000ff;a800ff;ff00ff</span></button></li>
</ul>
</fieldset>
</div>
</li>
<li class="ti cr bc">
<button type="button" class="tb cr bc" title="{$lang->edit->fontbgcolor_apply}" style="background-color:#74c600"><span>{$lang->edit->fontbgcolor_apply}</span></button><button type="button" class="tb more" title="{$lang->edit->fontbgcolor_more}"><span>{$lang->edit->fontbgcolor_more}</span></button>
<div class="lr">
<fieldset>
<legend>{$lang->edit->fontbgcolor}</legend>
<ul class="cx">
<li><button type="button">000000:fff;333333:fff;666666:fff;B82200:fff;FF3000:fff;FF6947:fff;457700:fff;61A500:fff;74C600:fff;006CA7:fff;0092E0:fff;33BAFF:fff;005147:fff;006F61:fff;51A59A:fff;A1005A:fff;E60081:fff;FF2DA4:fff;DDDDDD:000;EEEEEE:000;FFFFFF:000</button></li>
</ul>
<ul class="ct">
<li><button type="button"><span>ff0000;ff6c00;ffaa00;ffef00;a6cf00;009e25;00b0a2;0075c8;3a32c3;7820b9;ef007c;000000;252525;464646;636363;7d7d7d;9a9a9a;ffe8e8;f7e2d2;f5eddc;f5f4e0;edf2c2;def7e5;d9eeec;c9e0f0;d6d4eb;e7dbed;f1e2ea;acacac;c2c2c2;cccccc;e1e1e1;ebebeb;ffffff;e97d81;e19b73;d1b274;cfcca2;cfcca2;61b977;53aea8;518fbb;6a65bb;9a54ce;e573ae;5a504b;767b86;00ffff;00ff00;a0f000;ffff00;951015;6e391a;785c25;5f5b25;4c511f;1c4827;0d514c;1b496a;2b285f;45245b;721947;352e2c;3c3f45;00aaff;0000ff;a800ff;ff00ff</span></button></li>
</ul>
</fieldset>
</div>
</li>
<li class="ti sp"><button type="button" class="tb sp" title="{$lang->edit->sup}"><span>{$lang->edit->sup}</span></button></li>
<li class="ti sb"><button type="button" class="tb sb" title="{$lang->edit->sub}"><span>{$lang->edit->sub}</span></button></li>
</ul>
<ul class="u4">
<li class="ti al"><button type="button" class="tb al" title="{$lang->edit->align_left}"><span>{$lang->edit->align_left}</span></button></li>
<li class="ti ac"><button type="button" class="tb ac" title="{$lang->edit->align_center}"><span>{$lang->edit->align_center}</span></button></li>
<li class="ti ar"><button type="button" class="tb ar" title="{$lang->edit->align_right}"><span>{$lang->edit->align_right}</span></button></li>
<li class="ti aj"><button type="button" class="tb aj" title="{$lang->edit->align_justify}"><span>{$lang->edit->align_justify}</span></button></li>
<li class="ti ol"><button type="button" class="tb ol" title="{$lang->edit->list_number}"><span>{$lang->edit->list_number}</span></button></li>
<li class="ti ul"><button type="button" class="tb ul" title="{$lang->edit->list_bullet}"><span>{$lang->edit->list_bullet}</span></button></li>
<li class="ti od disable"><button type="button" class="tb od" title="{$lang->edit->remove_indent} Ctrl+(Left Arrow Key)"><span>{$lang->edit->remove_indent} Ctrl+(Left Arrow Key)</span></button></li>
<li class="ti id"><button type="button" class="tb id" title="{$lang->edit->add_indent} Ctrl+(Right Arrow Key)"><span>{$lang->edit->add_indent} Ctrl+(Right Arrow Key)</span></button></li>
<li class="ti qm"><button type="button" class="tb qm" title="{$lang->edit->blockquote}"><span>{$lang->edit->blockquote}</span></button></li>
<li class="ti bx"><button type="button" class="tb bx" title="{$lang->edit->fieldset}"><span>{$lang->edit->fieldset}</span></button></li>
</ul>
<ul class="u5">
<li class="ti er"><button type="button" class="tb er" title="{$lang->edit->remove_format}"><span>{$lang->edit->remove_format}</span></button></li>
</ul>
<ul class="u6">
<li class="ti ur"><button type="button" class="tb ur" title="{$lang->edit->url}"><span>{$lang->edit->url}</span></button>
<div class="lr">
<fieldset>
<input name="" type="text" class="itx" title="input URL" value="http://" />
<span class="nw">
<input name="" type="checkbox" value="" class="icx" id="nw" />
<label for="nw">{$lang->edit->target_blank}</label>
</span>
<span class="btnArea">
<button type="button" class="btn strong">{$lang->cmd_apply}</button>
<button type="button" class="btn">{$lang->cmd_cancel}</button>
</span>
</fieldset>
</div>
</li>
<li class="ti te"><button type="button" class="tb te" title="{$lang->edit->table}"><span>{$lang->edit->table}</span></button>
<div class="lr">
<fieldset class="pv">
<legend>{$lang->cmd_preview}</legend>
<div class="xdcs">
<table border="1" cellpadding="1" cellspacing="0" class="ts" style="caption-side:top; width:100%;">
<caption style="text-align:left">Caption</caption>
<tr>
<td>TD</td>
<td>TD</td>
<td>TD</td>
</tr>
<tr>
<td>TD</td>
<td>TD</td>
<td>TD</td>
</tr>
<tr>
<td>TD</td>
<td>TD</td>
<td>TD</td>
</tr>
</table>
</div>
</fieldset>
<fieldset class="cn">
<legend>{$lang->edit->table_caption_position}</legend>
<div class="liow">
<label for="cn">{$lang->edit->table_caption}</label>
<input name="" type="text" id="cn" class="itx" />
<ul>
<li class="tl selected"><button type="button" title="{$lang->edit->upper_left}"><span>{$lang->edit->upper_left}</span></button></li>
<li class="tc"><button type="button" title="{$lang->edit->upper_center}"><span>{$lang->edit->upper_center}</span></button></li>
<li class="tr"><button type="button" title="{$lang->edit->upper_right}"><span>{$lang->edit->upper_right}</span></button></li>
<li class="bl"><button type="button" title="{$lang->edit->bottom_left}"><span>{$lang->edit->bottom_left}</span></button></li>
<li class="bc"><button type="button" title="{$lang->edit->bottom_center}"><span>{$lang->edit->bottom_center}</span></button></li>
<li class="br"><button type="button" title="{$lang->edit->bottom_right}"><span>{$lang->edit->bottom_right}</span></button></li>
</ul>
</div>
</fieldset>
<fieldset class="th">
<legend>{$lang->edit->table_header}</legend>
<ul>
<li class="no selected"><button type="button" title="{$lang->edit->table_header_none}"><span>{$lang->edit->table_header_none}</span></button></li>
<li class="lt"><button type="button" title="{$lang->edit->table_header_left}"><span>{$lang->edit->table_header_left}</span></button></li>
<li class="tp"><button type="button" title="{$lang->edit->table_header_top}"><span>{$lang->edit->table_header_top}</span></button></li>
<li class="bh"><button type="button" title="{$lang->edit->table_header_both}"><span>{$lang->edit->table_header_both}</span></button></li>
</ul>
</fieldset>
<fieldset class="wh">
<legend>{$lang->edit->table_size}</legend>
<table>
<tr>
<th scope="row"><label for="xdtCol">{$lang->edit->row}</label></th>
<td><input name="" type="text" id="xdtCol" class="itx" value="3" /></td>
</tr>
<tr>
<th scope="row"><label for="xdtRow">{$lang->edit->col}</label></th>
<td><input name="" type="text" id="xdtRow" class="itx" value="3" /></td>
</tr>
<tr>
<th><label for="xdtWidth">{$lang->edit->table_width}</label></th>
<td><input name="" type="text" id="xdtWidth" class="itx" value="100" /> <button type="button" class="selected">%</button> <button type="button">px</button></td>
</tr>
</table>
</fieldset>
<div class="btnArea">
<button type="button" class="btn strong" title="{$lang->cmd_apply}">{$lang->cmd_apply}</button>
<button type="button" class="btn" title="{$lang->cmd_cancel}">{$lang->cmd_cancel}</button>
</div>
</div>
</li>
<!--
<li class="ti cm disable"><button type="button" class="tb tn cm"><span>셀 합치기</span></button></li>
<li class="ti cs disable"><button type="button" class="tb tn cs"><span>열 나누기</span></button></li>
<li class="ti rs disable"><button type="button" class="tb tn rs"><span>행 나누기</span></button></li>
<li class="ti tc disable"><button type="button" class="tb tn tc"><span>목차 넣기</span></button></li>
<li class="ti fr"><button type="button" class="tb ty fr"><span>찾기/바꾸기</span></button>
<div class="lr">
<fieldset class="find">
<legend>찾기</legend>
<div class="liow">
<label for="find">찾을단어</label>
<input name="" type="text" class="itx" id="find" />
<button type="button" class="btn">찾기</button>
</div>
</fieldset>
<fieldset class="replace">
<legend>찾아 바꾸기</legend>
<div class="liow">
<label for="findAnd">찾을단어</label>
<input name="" type="text" class="itx" id="findAnd" />
<button type="button" class="btn">찾기</button>
</div>
<div class="liow">
<label for="replace">바꿀단어</label>
<input name="" type="text" class="itx" id="replace" />
<button type="button" class="btn strong">바꾸기</button>
</div>
<button type="button" class="btn strong frAll">모두 찾아 바꾸기</button>
</fieldset>
</div>
</li>
-->
</ul>
</div>
</div>
<!-- /tool -->
<!-- edit -->
<div class="edit">
<div class="xdcs" title="{$lang->edit->break_or_paragraph}"></div>
</div>
<!-- /edit -->
<!-- Time -->
<div class="time">
<p>글을 쓰기 시작한지 <strong>1시간</strong>이 지났습니다. 마지막 저장 시간은 <strong>10분 전</strong> 입니다.</p>
</div>
<!-- /Time -->
<!-- mode -->
<div class="mode">
<button type="button" class="resize" title="{$lang->edit->edit_height_control}"><span>{$lang->edit->edit_height_control}</span></button>
<div class="autoResize">
<input name="" type="checkbox" value="" class="icx" id="autoResize" />
<label for="autoResize">Auto Resize</label>
</div>
<ul>
<li class="wysiwyg active"><button type="button" class="wysiwyg" title="{$lang->edit->rich_editor}">{$lang->edit->rich_editor}</button></li>
<li class="html"><button type="button" class="html" title="{$lang->edit->html_editor}">{$lang->edit->html_editor}</button></li>
</ul>
</div>
<!-- /mode -->
</div>
<!-- /XEED -->
<!-- XD Layer Window -->
<div class="xdlw">
<!-- Attach List -->
<!--@if($allow_fileupload)-->
<!--%load_js_plugin("uploader")-->
<div class="xdal" id="xdal">
<div class="iHead">
<h2>{$lang->edit->upload_list} <em>[<strong>0</strong>]</em></h2>
<div class="btnArea fr">
<button type="button" class="btn at strong" title="{$lang->edit->upload_file}">{$lang->edit->upload_file}</button>
<button type="button" class="btn cs" title="{$lang->cmd_close}">{$lang->cmd_close}</button>
</div>
</div>
<div class="iBody">
<div class="sn img none">
<h3 class="label">{$lang->edit->image}</h3>
<p class="nofile">{$lang->edit->no_image}</p>
<ul>
<li>
<button type="button" class="ob"><img src="../../../../../../common/img/blank.gif" alt="" /></button>
<button type="button" class="ctr ins" title="{$lang->edit->link_file}"><span>{$lang->edit->link_file}</span></button>
<button type="button" class="ctr del" title="{$lang->cmd_delete}"><span>{$lang->cmd_delete}</span></button> <br />
<input name="" type="checkbox" value="" class="icx" id="img1" /> <label for="img1">@exThumbH.jpg</label>
</li>
</ul>
<p class="task">
<button type="button" class="all">{$lang->cmd_select_all}</button>
<button type="button" class="insert">{$lang->edit->insert_selected}</button>
<button type="button" class="delete">{$lang->edit->delete_selected}</button>
</p>
</div>
<div class="sn media none">
<h3 class="label">{$lang->edit->multimedia}</h3>
<p class="nofile">{$lang->edit->no_multimedia}</p>
<ul></ul>
<p class="task">
<button type="button" class="all" title="{$lang->cmd_select_all}">{$lang->cmd_select_all}</button>
<button type="button" class="insert" title="{$lang->edit->insert_selected}">{$lang->edit->insert_selected}</button>
<button type="button" class="delete">{$lang->edit->delete_selected}</button>
</p>
</div>
<div class="sn file none">
<h3 class="label">{$lang->edit->file}</h3>
<p class="nofile">{$lang->edit->no_attachment}</p>
<ul></ul>
<p class="task">
<button type="button" class="all" title="{$lang->cmd_select_all}">{$lang->cmd_select_all}</button>
<button type="button" class="insert" title="{$lang->edit->insert_selected}">{$lang->edit->insert_selected}</button>
<button type="button" class="delete">{$lang->edit->delete_selected}</button>
</p>
</div>
</div>
<div class="iFoot">
<p class="info">{$upload_status}</p>
<div class="btnArea fr">
<button type="button" class="btn at strong" title="{$lang->edit->upload_file}">{$lang->edit->upload_file}</button>
<button type="button" class="btn cs" title="{$lang->cmd_close}">{$lang->cmd_close}</button>
</div>
</div>
</div>
<!--@end-->
<!-- /Attach List -->
</div>
<!-- /XD Layer Window -->
<!-- }}} Editor HTML -->
<!-- Activate Editor -->
<script type="text/javascript">//<![CDATA[
var editor_path = '{$editor_path}';
var xeed_path = '{$editor_path}';
var auto_saved_msg = '{$lang->msg_auto_saved}';
var oEditor = editorStart_xe('{$editor_sequence}', '{$editor_primary_key_name}', '{$editor_content_key_name}', '{$editor_height}', '{$colorset}', '{$content_style}', '{$content_font}', '{$content_font_size}');
// upload settings
try {
oEditor.setOption('allowed_filesize', '{$file_config->allowed_filesize}');
oEditor.setOption('allowed_filetypes', '{$file_config->allowed_filetypes}');
} catch(e){}
window.lang = jQuery.extend(window.lang||{}, {
<!--@foreach($lang->edit as $key=>$val)-->
<!--@if(strpos($key,'autosave')===0)-->'{$key}':'{$val}',<!--@end-->
<!--@end-->
'upload_not_enough_quota':'{$lang->edit->upload_not_enough_quota}'
});
//]]></script>
<!-- // Activate Editor -->