rhymix/modules/editor/tpl/editor.html

<!--%import("./js/editor.js")-->
<!--%import("./css/editor.css")-->
<!--%import("./lang")-->

<!-- 에디터 활성화 -->
<script type="text/javascript">
  var editor_path = "{$editor_path}";
  editorInit("{$upload_target_srl}");
</script>

<!-- 에디터 -->
<div class="editor_content">
  <!-- 폰트 종류와 크기 -->
  <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>{$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>
  </div>

  <!-- 에디팅 관련 아이콘 -->
  <div class="editor_iconbox">
    <img src="./images/bold.gif" alt="{$lang->edit->help_bold}" class="editor_icon" id="component_{$upload_target_srl}_Bold" />
    <img src="./images/italic.gif" alt="{$lang->edit->help_italic}" class="editor_icon" id="component_{$upload_target_srl}_Italic" />
    <img src="./images/underline.gif" alt="{$lang->edit->help_underline}" class="editor_icon" id="component_{$upload_target_srl}_Underline" />
    <img src="./images/strike.gif" alt="{$lang->edit->help_strike}" class="editor_icon" id="component_{$upload_target_srl}_StrikeThrough" />
  </div>

  <!-- 컴포넌트 -->
  <div id="editor_component_{$upload_target_srl}" class="editor_iconbox">
    <!--@foreach($component_list as $component)-->
    <img src="../components/{$component}/icon.gif" alt="{$component}" class="editor_icon" id="component_{$upload_target_srl}_{$component}" />
    <!--@end-->
  </div>

  <!-- 에디팅 관련 문단 기능 (IE에서는 사용자 선택시 나타남) -->
  <div id="editor_paragraph_{$upload_target_srl}" class="editor_iconbox" style="display:none">
    <img src="./images/align_left.gif" alt="{$lang->edit->help_align_left}" id="component_{$upload_target_srl}_justifyleft" />
    <img src="./images/align_center.gif" alt="{$lang->edit->help_align_center}" id="component_{$upload_target_srl}_justifycenter" />
    <img src="./images/align_right.gif" alt="{$lang->edit->help_align_right}" id="component_{$upload_target_srl}_justifyright" />
    <img src="./images/remove_indent.gif" alt="{$lang->edit->help_remove_indent}" id="component_{$upload_target_srl}_outdent" />
    <img src="./images/add_indent.gif" alt="{$lang->edit->help_add_indent}" id="component_{$upload_target_srl}_indent" />
    <img src="./images/list_number.gif" alt="list number" id="component_{$upload_target_srl}_insertorderedlist" />
    <img src="./images/list_bullet.gif" alt="list bullet" id="component_{$upload_target_srl}_insertunorderedlist" />
  </div>

  <!-- IE의 경우 엔터시 p 태그를 쓸지 br 태그로 변경을 할지 체크하는 항목 -->
  <div class="editor_parabox" id="editor_use_paragraph_box_{$upload_target_srl}">
    <input type="checkbox" name="use_paragraph" id="editor_use_paragraph_{$upload_target_srl}" onclick="editorUseParagraph(this,'{$upload_target_srl}');" />
    <label for="editor_use_paragraph_{$upload_target_srl}">{$lang->edit->use_paragraph}</label>
  </div>
    
  <!-- iframe -->
  <div class="editor_iframe_box"><iframe id="editor_iframe_{$upload_target_srl}" frameBorder="0" style="border:0px;width:99%;height:300px;margin:0px;"></iframe><div class="editor_drag_down_area" id="editor_drag_bar_{$upload_target_srl}"></div></div>
</div>

<!--@if($allow_fileupload)-->
<!--%import("./js/uploader.js")-->
<script type="text/javascript">
  editor_upload_init("{$upload_target_srl}");
</script>

<input type="hidden" name="upload_target_srl" value="{$upload_target_srl}" />
<input type="hidden" name="act" value="procUploadFile" />

<div class="editor_uploader_box">

  <!-- 파일 업로드 영역 -->
  <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><br />
    <input type="file" name="file" onchange="editor_file_upload(this, '{$upload_target_srl}')" value="{$lang->edit->upload}" /><br />
    <input type="button" value="{$lang->edit->delete_selected}" onclick="editor_remove_file('{$upload_target_srl}');return false;" />
    <input type="button" value="{$lang->edit->link_selected}" onclick="editor_insert_file('{$upload_target_srl}');return false;" />
  </div>

  <!-- 컴포넌트 노출 영역 -->
  <div id="editor_component_area_{$upload_target_srl}" class="editor_component">
    <div id="uploaded_file_preview_box_{$upload_target_srl}" class="uploaded_file_preview_box"></div>
    <div>
      <div class="editor_align_icon">
        <img src="./images/icon_align_article.gif" border="0" onclick="editor_insert_file('{$upload_target_srl}', '');" alt="{$lang->edit->icon_align_article}"/>
        {$lang->edit->icon_align_article}
      </div>
      <div class="editor_align_icon">
        <img src="./images/icon_align_left.gif" border="0" onclick="editor_insert_file('{$upload_target_srl}', 'left');" alt="{$lang->edit->icon_align_left}"/>
        {$lang->edit->icon_align_left}
      </div>
      <div class="editor_align_icon">
        <img src="./images/icon_align_middle.gif" border="0" onclick="editor_insert_file('{$upload_target_srl}', 'middle');" alt="{$lang->edit->icon_align_middle}"/>
        {$lang->edit->icon_align_middle}
      </div>
      <div class="editor_align_icon">
        <img src="./images/icon_align_right.gif" border="0" onclick="editor_insert_file('{$upload_target_srl}', 'right');" alt="{$lang->edit->icon_align_right}"/>
        {$lang->edit->icon_align_right}
      </div>
    </div>
  </div>
</div>
<!--@end-->