PageRenderTime 64ms CodeModel.GetById 22ms RepoModel.GetById 0ms app.codeStats 0ms

/modules/editor/skins/dreditor/editor.html

http://xe-core.googlecode.com/
HTML | 687 lines | 553 code | 31 blank | 103 comment | 0 complexity | f914bd2bd30b00ea714bef5eefc769d2 MD5 | raw file
Possible License(s): LGPL-2.1, BSD-3-Clause
  1. <!--// ?? css ?? -->
  2. <!--%import("css/dreditor.css")-->
  3. <!--%import("css/style@content.css")-->
  4. <!--%import("css/button.css")-->
  5. <!--// ?? JS ?? -->
  6. <!--%import("../../tpl/js/editor_common.js")-->
  7. <!--%load_js_plugin("ui")-->
  8. <!--// ??? JS ?? -->
  9. <!--%import("js/Xpress_Editor.js")-->
  10. <!--%import("js/DrEditor.js",optimized=false)-->
  11. <!--%import("js/xe_interface.js",optimized=false)-->
  12. <!--// ?? ?? ?? ?? -->
  13. <!--@if(file_exists(_XE_PATH_.'modules/material/material.class.php'))-->
  14. {@$material_exists = true}
  15. <!--@else-->
  16. {@$material_exists = false}
  17. <!--@end-->
  18. {@$cookie_tool=explode(',', $_COOKIE['DrEditorToolbar'])}
  19. {@$default_tool=explode(',', 'hx,txt,'.($material_exists?'material,':'').'link,list,quote,img,movie,file,hr,index');}
  20. {@$external_components=array_keys($drComponentList)}
  21. {@$enable_tool=array_unique(array_merge($cookie_tool, $default_tool, (array)$external_components))}
  22. <!-- ????? ? -->
  23. <!--@if($enable_autosave)-->
  24. <input type="hidden" name="_saved_doc_title" value="{htmlspecialchars($saved_doc->title)}" />
  25. <input type="hidden" name="_saved_doc_content" value="{htmlspecialchars($saved_doc->content)}" />
  26. <input type="hidden" name="_saved_doc_message" value="{$lang->msg_load_saved_doc}" />
  27. <div style="display:none"><p class="editor_autosaved_message" id="editor_autosaved_message_{$editor_sequence}" style="display:none"></p></div>
  28. <!--@end-->
  29. <!-- ?? ???? ?? ?? -->
  30. <input type="hidden" name="editor_sequence" id="dreditor_dummy_{$editor_sequence}" value="{$editor_sequence}" />
  31. <!-- ??? -->
  32. <div id="DrEditor{$editor_sequence}" class="textyleEditor">
  33. <!-- class="textyleEditor" | class="textyleEditor keepClose" -->
  34. <div class="editorContainer">
  35. <!-- Editor Area -->
  36. <div class="editorArea textyleContent"></div>
  37. <!-- Writer Area -->
  38. <div class="writeArea textyleContent">
  39. <div class="wArea hx">
  40. <!-- class="wArea hx" | class="wArea hx open" -->
  41. <fieldset>
  42. <legend>{$lang->edit->title}</legend>
  43. <ul>
  44. <li class="h3"><input name="hx" type="radio" value="h3" id="h3" class="inputRadio" checked="checked" /> <label for="h3">{$lang->edit->title1}</label></li>
  45. <li class="h4"><input name="hx" type="radio" value="h4" id="h4" class="inputRadio" /> <label for="h4">{$lang->edit->title2}</label></li>
  46. <li class="h5"><input name="hx" type="radio" value="h5" id="h5" class="inputRadio" /> <label for="h5">{$lang->edit->title3}</label></li>
  47. </ul>
  48. <input name="" type="text" class="inputTitle h3" value="{$lang->edit->insert_dr_title}" title="{$lang->edit->insert_dr_title}" />
  49. <!-- class="inputTitle h3" | class="inputTitle h4" | class="inputTitle h5" -->
  50. <div class="buttonArea">
  51. <span class="buttonGray medium strong"><button type="button" title="Ctrl+Enter"><img src="img/iconCheckSmall.gif" width="12" height="8" alt="" class="icon" />{$lang->cmd_confirm}</button></span>
  52. <span class="buttonGray medium"><button type="button" title="ESC"><img src="img/buttonCloseLayerX.gif" width="7" height="7" alt="" class="icon" />{$lang->cmd_cancel}</button></span>
  53. </div>
  54. <ul class="eTool">
  55. <li class="edit"><button type="button">{$lang->cmd_edit}</button></li>
  56. <li class="move"><button type="button"><span>{$lang->cmd_move}</span></button></li>
  57. <li class="delete"><button type="button"><span>{$lang->cmd_delete}</span></button></li>
  58. </ul>
  59. <span class="cap capTL"></span>
  60. <span class="cap capTR"></span>
  61. <span class="cap capBL"></span>
  62. <span class="cap capBR"></span>
  63. </fieldset>
  64. </div>
  65. <div class="wArea txt">
  66. <!-- class="wArea txt" | class="wArea txt open" -->
  67. <fieldset>
  68. <legend>Text</legend>
  69. <input type="hidden" />
  70. <div class="txEditor">
  71. <ul class="toolbar tool">
  72. <li class="xpress_xeditor_ui_undo undo"><button type="button" title="Ctrl+Z:{$lang->edit->undo}"><span>{$lang->edit->undo}</span></button></li>
  73. <li class="xpress_xeditor_ui_redo redo"><button type="button" title="Ctrl+Y:{$lang->edit->redo}"><span>{$lang->edit->redo}</span></button></li>
  74. <li class="vRule xpress_xeditor_ui_fontName">
  75. <select class="xpress_xeditor_ui_fontName_select">
  76. <option value="">{$lang->edit->fontname}</option>
  77. <!--@foreach($lang->edit->fontlist as $key=>$obj)-->
  78. <option value="{$key}" style="font-family:{$obj}">{$obj}</option>
  79. <!--@end-->
  80. </select>
  81. </li>
  82. <li class="fSize xpress_xeditor_ui_fontSize">
  83. <select class="xpress_xeditor_ui_fontSize_select">
  84. <option>{$lang->edit->fontsize}</option>
  85. <option value="9px" class="font9px">9px</option>
  86. <option value="10px" class="font10px">10px</option>
  87. <option value="11px" class="font11px">11px</option>
  88. <option value="12px" class="font12px">12px</option>
  89. <option value="14px" class="font14px">14px</option>
  90. <option value="16px" class="font16px">16px</option>
  91. <option value="18px" class="font18px">18px</option>
  92. <option value="20px" class="font20px">20px</option>
  93. <option value="24px" class="font24px">24px</option>
  94. <option value="28px" class="font28px">28px</option>
  95. <option value="32px" class="font32px">32px</option>
  96. <option value="36px" class="font36px">36px</option>
  97. </select>
  98. </li>
  99. <li class="xpress_xeditor_ui_lineHeight">
  100. <select class="xpress_xeditor_ui_lineHeight_select">
  101. <option value="">{$lang->edit->lineheight}</option>
  102. <option value="1">100%</option>
  103. <option value="1.2">120%</option>
  104. <option value="1.4">140%</option>
  105. <option value="1.6">160%</option>
  106. <option value="1.8">180%</option>
  107. <option value="2">200%</option>
  108. </select>
  109. </li>
  110. <li class="strong vRule xpress_xeditor_ui_bold"><button type="button"><span>{$lang->edit->bold}</span></button></li>
  111. <li class="em xpress_xeditor_ui_italic"><button type="button"><span>{$lang->edit->italic}</span></button></li>
  112. <li class="underline xpress_xeditor_ui_underline"><button type="button"><span>{$lang->edit->underline}</span></button></li>
  113. <li class="del xpress_xeditor_ui_lineThrough"><button type="button"><span>{$lang->edit->strike}</span></button></li>
  114. <li class="aHref vRule xpress_xeditor_ui_hyperlink">
  115. <button type="button" title="{$lang->edit->url}"><span>{$lang->edit->url}</span></button>
  116. <!-- URL ??? -->
  117. <div class="uri xpress_xeditor_hyperlink_layer" style="display:none;">
  118. <fieldset>
  119. <h3>{$lang->edit->hyperlink}</h3>
  120. <input name="" class="link" type="text" value="http://" title="URL" />
  121. <p><input name="" id="target" type="checkbox" value="" /><label for="target">{$lang->edit->target_blank}</label></p>
  122. <div class="btn_area">
  123. <span class="buttonGray small"><button type="button" class="confirm" title="{$lang->cmd_confirm}">{$lang->cmd_confirm}</button></span>
  124. <span class="buttonGray small"><button type="button" class="cancel" title="{$lang->cmd_cancel}">{$lang->cmd_cancel}</button></span>
  125. </div>
  126. </fieldset>
  127. </div>
  128. <!-- /URL ??? -->
  129. </li>
  130. <li class="fColor xpress_xeditor_ui_fontColor">
  131. <button type="button" title="{$lang->edit->help_fontcolor}"><span>{$lang->edit->fontcolor}</span></button>
  132. <!-- ??? ??? -->
  133. <div class="xpress_xeditor_fontcolor_layer" style="display:none;">
  134. <ul class="palette xpress_xeditor_color_palette">
  135. <li><button type="button" title="#ff0000" style="background:#ff0000"><span>#ff0000</span></button></li>
  136. <li><button type="button" title="#ff6c00" style="background:#ff6c00"><span>#ff6c00</span></button></li>
  137. <li><button type="button" title="#ffaa00" style="background:#ffaa00"><span>#ffaa00</span></button></li>
  138. <li><button type="button" title="#ffef00" style="background:#ffef00"><span>#ffef00</span></button></li>
  139. <li><button type="button" title="#a6cf00" style="background:#a6cf00"><span>#a6cf00</span></button></li>
  140. <li><button type="button" title="#009e25" style="background:#009e25"><span>#009e25</span></button></li>
  141. <li><button type="button" title="#00b0a2" style="background:#00b0a2"><span>#00b0a2</span></button></li>
  142. <li><button type="button" title="#0075c8" style="background:#0075c8"><span>#0075c8</span></button></li>
  143. <li><button type="button" title="#3a32c3" style="background:#3a32c3"><span>#3a32c3</span></button></li>
  144. <li><button type="button" title="#7820b9" style="background:#7820b9"><span>#7820b9</span></button></li>
  145. <li><button type="button" title="#ef007c" style="background:#ef007c"><span>#ef007c</span></button></li>
  146. <li><button type="button" title="#000000" style="background:#000000"><span>#000000</span></button></li>
  147. <li><button type="button" title="#252525" style="background:#252525"><span>#252525</span></button></li>
  148. <li><button type="button" title="#464646" style="background:#464646"><span>#464646</span></button></li>
  149. <li><button type="button" title="#636363" style="background:#636363"><span>#636363</span></button></li>
  150. <li><button type="button" title="#7d7d7d" style="background:#7d7d7d"><span>#7d7d7d</span></button></li>
  151. <li><button type="button" title="#9a9a9a" style="background:#9a9a9a"><span>#9a9a9a</span></button></li>
  152. <li><button type="button" title="#ffe8e8" style="background:#ffe8e8"><span>#ffe8e8</span></button></li>
  153. <li><button type="button" title="#f7e2d2" style="background:#f7e2d2"><span>#f7e2d2</span></button></li>
  154. <li><button type="button" title="#f5eddc" style="background:#f5eddc"><span>#f5eddc</span></button></li>
  155. <li><button type="button" title="#f5f4e0" style="background:#f5f4e0"><span>#f5f4e0</span></button></li>
  156. <li><button type="button" title="#edf2c2" style="background:#edf2c2"><span>#edf2c2</span></button></li>
  157. <li><button type="button" title="#def7e5" style="background:#def7e5"><span>#def7e5</span></button></li>
  158. <li><button type="button" title="#d9eeec" style="background:#d9eeec"><span>#d9eeec</span></button></li>
  159. <li><button type="button" title="#c9e0f0" style="background:#c9e0f0"><span>#c9e0f0</span></button></li>
  160. <li><button type="button" title="#d6d4eb" style="background:#d6d4eb"><span>#d6d4eb</span></button></li>
  161. <li><button type="button" title="#e7dbed" style="background:#e7dbed"><span>#e7dbed</span></button></li>
  162. <li><button type="button" title="#f1e2ea" style="background:#f1e2ea"><span>#f1e2ea</span></button></li>
  163. <li><button type="button" title="#acacac" style="background:#acacac"><span>#acacac</span></button></li>
  164. <li><button type="button" title="#c2c2c2" style="background:#c2c2c2"><span>#c2c2c2</span></button></li>
  165. <li><button type="button" title="#cccccc" style="background:#cccccc"><span>#cccccc</span></button></li>
  166. <li><button type="button" title="#e1e1e1" style="background:#e1e1e1"><span>#e1e1e1</span></button></li>
  167. <li><button type="button" title="#ebebeb" style="background:#ebebeb"><span>#ebebeb</span></button></li>
  168. <li><button type="button" title="#ffffff" style="background:#ffffff"><span>#ffffff</span></button></li>
  169. <li><button type="button" title="#e97d81" style="background:#e97d81"><span>#e97d81</span></button></li>
  170. <li><button type="button" title="#e19b73" style="background:#e19b73"><span>#e19b73</span></button></li>
  171. <li><button type="button" title="#d1b274" style="background:#d1b274"><span>#d1b274</span></button></li>
  172. <li><button type="button" title="#cfcca2" style="background:#cfcca2"><span>#cfcca2</span></button></li>
  173. <li><button type="button" title="#cfcca2" style="background:#cfcca2"><span>#cfcca2</span></button></li>
  174. <li><button type="button" title="#61b977" style="background:#61b977"><span>#61b977</span></button></li>
  175. <li><button type="button" title="#53aea8" style="background:#53aea8"><span>#53aea8</span></button></li>
  176. <li><button type="button" title="#518fbb" style="background:#518fbb"><span>#518fbb</span></button></li>
  177. <li><button type="button" title="#6a65bb" style="background:#6a65bb"><span>#6a65bb</span></button></li>
  178. <li><button type="button" title="#9a54ce" style="background:#9a54ce"><span>#9a54ce</span></button></li>
  179. <li><button type="button" title="#e573ae" style="background:#e573ae"><span>#e573ae</span></button></li>
  180. <li><button type="button" title="#5a504b" style="background:#5a504b"><span>#5a504b</span></button></li>
  181. <li><button type="button" title="#767b86" style="background:#767b86"><span>#767b86</span></button></li>
  182. <li><button type="button" title="#00ffff" style="background:#00ffff"><span>#00ffff</span></button></li>
  183. <li><button type="button" title="#00ff00" style="background:#00ff00"><span>#00ff00</span></button></li>
  184. <li><button type="button" title="#a0f000" style="background:#a0f000"><span>#a0f000</span></button></li>
  185. <li><button type="button" title="#ffff00" style="background:#ffff00"><span>#ffff00</span></button></li>
  186. <li><button type="button" title="#951015" style="background:#951015"><span>#951015</span></button></li>
  187. <li><button type="button" title="#6e391a" style="background:#6e391a"><span>#6e391a</span></button></li>
  188. <li><button type="button" title="#785c25" style="background:#785c25"><span>#785c25</span></button></li>
  189. <li><button type="button" title="#5f5b25" style="background:#5f5b25"><span>#5f5b25</span></button></li>
  190. <li><button type="button" title="#4c511f" style="background:#4c511f"><span>#4c511f</span></button></li>
  191. <li><button type="button" title="#1c4827" style="background:#1c4827"><span>#1c4827</span></button></li>
  192. <li><button type="button" title="#0d514c" style="background:#0d514c"><span>#0d514c</span></button></li>
  193. <li><button type="button" title="#1b496a" style="background:#1b496a"><span>#1b496a</span></button></li>
  194. <li><button type="button" title="#2b285f" style="background:#2b285f"><span>#2b285f</span></button></li>
  195. <li><button type="button" title="#45245b" style="background:#45245b"><span>#45245b</span></button></li>
  196. <li><button type="button" title="#721947" style="background:#721947"><span>#721947</span></button></li>
  197. <li><button type="button" title="#352e2c" style="background:#352e2c"><span>#352e2c</span></button></li>
  198. <li><button type="button" title="#3c3f45" style="background:#3c3f45"><span>#3c3f45</span></button></li>
  199. <li><button type="button" title="#00aaff" style="background:#00aaff"><span>#00aaff</span></button></li>
  200. <li><button type="button" title="#0000ff" style="background:#0000ff"><span>#0000ff</span></button></li>
  201. <li><button type="button" title="#a800ff" style="background:#a800ff"><span>#a800ff</span></button></li>
  202. <li><button type="button" title="#ff00ff" style="background:#ff00ff"><span>#ff00ff</span></button></li>
  203. </ul>
  204. </div>
  205. <!-- /??? ??? -->
  206. </li>
  207. <li class="bgColor xpress_xeditor_ui_bgColor">
  208. <button type="button" title="{$lang->edit->help_fontbgcolor}"><span>{$lang->edit->fontbgcolor}</span></button>
  209. <div class="xpress_xeditor_bgcolor_layer" style="display:none;"></div>
  210. </li>
  211. <li class="left vRule xpress_xeditor_ui_justifyleft">
  212. <button type="button" title="{$lang->edit->help_align_left}"><span>{$lang->edit->align_left}</span></button>
  213. </li>
  214. <li class="center xpress_xeditor_ui_justifycenter">
  215. <button type="button" title="{$lang->edit->help_align_center}"><span>{$lang->edit->align_center}</span></button>
  216. </li>
  217. <li class="right xpress_xeditor_ui_justifyright">
  218. <button type="button" title="{$lang->edit->help_align_right}"><span>{$lang->edit->align_right}</span></button>
  219. </li>
  220. <li class="justify xpress_xeditor_ui_justifyfull">
  221. <button type="button" title="{$lang->edit->help_align_justify}"><span>{$lang->edit->align_justify}</span></button>
  222. </li>
  223. <li class="character vRule xpress_xeditor_ui_sCharacter">
  224. <button type="button" title="{$lang->edit->special_character}"><span>{$lang->edit->special_character}</span></button>
  225. <!-- ???? ??? -->
  226. <div class="layer xpress_xeditor_sCharacter_layer" style="display:none">
  227. <h3>{$lang->edit->insert_special_character}</h3>
  228. <button type="button" class="close" title="{$lang->edit->close_special_character}"><span>{$lang->edit->close_special_character}</span></button>
  229. <ul class="nav">
  230. <li><a href="#character1" class="on">{$lang->edit->symbol}</a></li>
  231. <li><a href="#character2">{$lang->edit->number_unit}</a></li>
  232. <li><a href="#character3">{$lang->edit->circle_bracket}</a></li>
  233. <li><a href="#character4">{$lang->edit->korean}</a></li>
  234. <li><a href="#character5">{$lang->edit->greece},{$lang->edit->Latin}</a></li>
  235. <li><a href="#character6">{$lang->edit->japan}</a></li>
  236. </ul>
  237. <ul style="display: block;" id="character1" class="list"></ul>
  238. <ul style="display: none;" id="character2" class="list"></ul>
  239. <ul style="display: none;" id="character3" class="list"></ul>
  240. <ul style="display: none;" id="character4" class="list"></ul>
  241. <ul style="display: none;" id="character5" class="list"></ul>
  242. <ul style="display: none;" id="character6" class="list"></ul>
  243. <p>
  244. <label for="preview">{$lang->edit->selected_symbol}</label>
  245. <input id="preview" name="" type="text" />
  246. <button type="button" title="{$lang->confirm}"><span>{$lang->confirm}</span></button>
  247. </p>
  248. <button type="button" class="close" title="{$lang->edit->close_special_character}"><span>{$lang->edit->close_special_character}</span></button>
  249. </div>
  250. <!-- /???? ??? -->
  251. </li>
  252. </ul>
  253. <div class="inputRichText xpress_xeditor_editing_area_container">
  254. <iframe src="{$editor_path}blank.html" frameborder="0" scrolling="yes" title="{$lang->edit->richtext_area}"></iframe>
  255. </div>
  256. <div class="resizeVertical xpress_xeditor_editingArea_verticalResizer">
  257. <button type="button"><span>{$lang->edit->edit_height_control}</span></button>
  258. </div>
  259. </div>
  260. <div class="buttonArea">
  261. <span class="buttonGray medium strong"><button type="button" title="Ctrl+Enter"><img src="img/iconCheckSmall.gif" width="12" height="8" alt="" class="icon" />{$lang->cmd_confirm}</button></span>
  262. <span class="buttonGray medium"><button type="button" title="ESC"><img src="img/buttonCloseLayerX.gif" width="7" height="7" alt="" class="icon" />{$lang->cmd_cancel}</button></span>
  263. </div>
  264. <span class="cap capTL"></span>
  265. <span class="cap capTR"></span>
  266. <span class="cap capBL"></span>
  267. <span class="cap capBR"></span>
  268. </fieldset>
  269. </div>
  270. <div class="wArea link">
  271. <!-- class="wArea link" | class="wArea link open" -->
  272. <fieldset>
  273. <legend>{$lang->edit->link}</legend>
  274. <input name="" type="text" class="iText" value="" title="{$lang->edit->insert_site_name}" />
  275. <input name="" type="text" class="inputLink" value="" title="http://" />
  276. <input name="" type="text" class="iText" value="" title="{$lang->edit->insert_explain}" />
  277. <div class="buttonArea">
  278. <span class="buttonGray medium strong"><button type="button" title="Ctrl+Enter"><img src="img/iconCheckSmall.gif" width="12" height="8" alt="" class="icon" />{$lang->cmd_confirm}</button></span>
  279. <span class="buttonGray medium"><button type="button" title="ESC"><img src="img/buttonCloseLayerX.gif" width="7" height="7" alt="" class="icon" />{$lang->cmd_cancel}</button></span>
  280. </div>
  281. <span class="cap capTL"></span>
  282. <span class="cap capTR"></span>
  283. <span class="cap capBL"></span>
  284. <span class="cap capBR"></span>
  285. </fieldset>
  286. </div>
  287. <div class="wArea list">
  288. <!-- class="wArea list" | class="wArea list open" -->
  289. <fieldset>
  290. <legend>{$lang->cmd_list}</legend>
  291. <ul class="toolbar">
  292. <li><button type="button" class="type_disc"><span>disc</span></button></li>
  293. <li><button type="button" class="type_circle"><span>circle</span></button></li>
  294. <li><button type="button" class="type_square"><span>square</span></button></li>
  295. <li><button type="button" class="type_decimal"><span>decimal</span></button></li>
  296. <li><button type="button" class="type_lower-alpha"><span>lower alpha</span></button></li>
  297. <li><button type="button" class="type_upper-alpha"><span>upper alpha</span></button></li>
  298. <li><button type="button" class="type_lower-roman"><span>lower roman</span></button></li>
  299. <li><button type="button" class="type_upper-roman"><span>upper roman</span></button></li>
  300. </ul>
  301. <div class="listArea"></div>
  302. <div class="buttonArea">
  303. <span class="buttonGray medium strong"><button type="button" title="Ctrl+Enter"><img src="img/iconCheckSmall.gif" width="12" height="8" alt="" class="icon" />{$lang->cmd_confirm}</button></span>
  304. <span class="buttonGray medium"><button type="button" title="ESC"><img src="img/buttonCloseLayerX.gif" width="7" height="7" alt="" class="icon" />{$lang->cmd_cancel}</button></span>
  305. <p class="info">{$lang->edit->list_explain}</p>
  306. </div>
  307. <span class="cap capTL"></span>
  308. <span class="cap capTR"></span>
  309. <span class="cap capBL"></span>
  310. <span class="cap capBR"></span>
  311. </fieldset>
  312. </div>
  313. <div class="wArea quote">
  314. <!-- class="wArea blockquote" | class="wArea blockquote open" -->
  315. <fieldset>
  316. <legend>{$lang->edit->blockquote}</legend>
  317. <textarea name="" rows="8" cols="42" class="iTextArea" title="{$lang->edit->insert_blockquote}"></textarea>
  318. <input name="" type="text" class="iText" value="" title="{$lang->edit->insert_cite}" />
  319. <div class="buttonArea">
  320. <span class="buttonGray medium strong"><button type="button" title="Ctrl+Enter"><img src="img/iconCheckSmall.gif" width="12" height="8" alt="" class="icon" />{$lang->cmd_confirm}</button></span>
  321. <span class="buttonGray medium"><button type="button" title="ESC"><img src="img/buttonCloseLayerX.gif" width="7" height="7" alt="" class="icon" />{$lang->cmd_cancel}</button></span>
  322. </div>
  323. <span class="cap capTL"></span>
  324. <span class="cap capTR"></span>
  325. <span class="cap capBL"></span>
  326. <span class="cap capBR"></span>
  327. </fieldset>
  328. </div>
  329. <div class="wArea img">
  330. <!-- class="wArea img" | class="wArea img open" -->
  331. <fieldset>
  332. <legend>{$lang->edit->image}</legend>
  333. <input name="Filedata" type="file" class="inputFile" title="{$lang->edit->find_image}" />
  334. <p class="uploading">{$lang->edit->uploading} <button type="button">{$lang->cmd_cancel}</button> <span></span></p>
  335. <p class="info">{sprintf($lang->edit->uploading_info,($file_config->allowed_filesize/(1024*1024)))}</p>
  336. <div class="hr"></div>
  337. <div class="image">
  338. <img src="" alt="{$lang->edit->uploaded_image}" />
  339. </div>
  340. <div class="align">
  341. <dl>
  342. <dt>{$lang->edit->image_align} :</dt>
  343. <dd>
  344. <input type="radio" name="align" id="img_align_left" value="left" /> <label for="img_align_left">{$lang->edit->align_left}</label>
  345. <input type="radio" name="align" id="img_align_center" value="center" /> <label for="img_align_center">{$lang->edit->align_center}</label>
  346. <input type="radio" name="align" id="img_align_right" value="right" /> <label for="img_align_right">{$lang->edit->align_right}</label>
  347. </dd>
  348. </dl>
  349. </div>
  350. <div class="resize">
  351. <dl>
  352. <dt>{$lang->edit->image_width} :</dt>
  353. <dd><em></em> px ? <input name="" type="text" class="width copy" value="" title="" /> px <span class="buttonGray medium"><button type="button" class="btn_resize">{$lang->edit->resize}</button></span> <span class="resizeInfo">{$lang->edit->resize_info}</span></dd>
  354. </dl>
  355. <p class="resizeError">{$lang->edit->resize_error}</p>
  356. </div>
  357. <input name="" type="text" class="iText desc" value="" title="{$lang->edit->insert_image_explain}" />
  358. <div class="buttonArea">
  359. <span class="buttonGray medium strong"><button type="button" title="Ctrl+Enter"><img src="img/iconCheckSmall.gif" width="12" height="8" alt="" class="icon" />{$lang->cmd_confirm}</button></span>
  360. <span class="buttonGray medium"><button type="button" title="ESC"><img src="img/buttonCloseLayerX.gif" width="7" height="7" alt="" class="icon" />{$lang->cmd_cancel}</button></span>
  361. </div>
  362. <span class="cap capTL"></span>
  363. <span class="cap capTR"></span>
  364. <span class="cap capBL"></span>
  365. <span class="cap capBR"></span>
  366. </fieldset>
  367. </div>
  368. <div class="wArea movie">
  369. <!-- class="wArea mov" | class="wArea mov open" -->
  370. <fieldset>
  371. <legend>{$lang->edit->mov}</legend>
  372. <textarea name="" rows="8" cols="42" class="iTextArea" title="{$lang->edit->insert_mov}"></textarea>
  373. <textarea name="" rows="8" cols="42" class="iTextArea" title="{$lang->edit->insert_mov_explain}"></textarea>
  374. <input name="" type="text" class="iText" value="" title="{$lang->edit->insert_cite}" />
  375. <div class="buttonArea">
  376. <span class="buttonGray medium strong"><button type="button" title="Ctrl+Enter"><img src="img/iconCheckSmall.gif" width="12" height="8" alt="" class="icon" />{$lang->cmd_confirm}</button></span>
  377. <span class="buttonGray medium"><button type="button" title="ESC"><img src="img/buttonCloseLayerX.gif" width="7" height="7" alt="" class="icon" />{$lang->cmd_cancel}</button></span>
  378. </div>
  379. <span class="cap capTL"></span>
  380. <span class="cap capTR"></span>
  381. <span class="cap capBL"></span>
  382. <span class="cap capBR"></span>
  383. </fieldset>
  384. </div>
  385. <!--@if($allow_fileupload)-->
  386. <!--%import("js/uploader.js",optimized=false)-->
  387. <!--%import("../../tpl/js/swfupload.js",optimized=false)-->
  388. <script>//<![CDATA[
  389. uploaderSettings=
  390. {
  391. "editorSequence" : {$editor_sequence},
  392. "sessionName" : "{session_name()}",
  393. "allowedFileSize" : "{$file_config->allowed_filesize}",
  394. "allowedFileTypes" : "{$file_config->allowed_filetypes}",
  395. "allowedFileTypesDescription" : "{$file_config->allowed_filetypes}",
  396. "insertedFiles" : {(int)$files_count},
  397. "replaceButtonID" : "swfUploadButton{$editor_sequence}",
  398. "fileListAreaID" : "uploaded_file_list_{$editor_sequence}",
  399. "previewAreaID" : "preview_uploaded_{$editor_sequence}",
  400. "uploaderStatusID" : "uploader_status_{$editor_sequence}"
  401. };
  402. //reloadFileList(editorUploadSettings);
  403. //]]></script>
  404. <div class="wArea file">
  405. <!-- class="wArea file" | class="wArea file open" -->
  406. <fieldset>
  407. <legend>{$lang->edit->file}</legend>
  408. <span id="swfUploadButton{$editor_sequence}" class="buttonFileUpload"><button type="button">{$lang->edit->file_select}</button></span>
  409. <p class="info">{sprintf($lang->edit->file_uploadinfo,($file_config->allowed_filesize/(1024*1024)),($file_config->allowed_attach_size/(1024*1024)))} <!--button type="button" class="help">?? ???? ??? ???? ?? ??.</button--></p>
  410. <!--input name="" type="file" class="inputFile" title="?? ??" /-->
  411. <!-- class="inputFile" | class="inputFile open" -->
  412. <div class="hr"></div>
  413. <dl class="attachedFile">
  414. <dd style="display:none"><strong>{filename}</strong> <em>{filesize}</em> <button type="button" class="buttonDelete"><span>{$lang->cmd_delete}</span></button></dd>
  415. </dl>
  416. <p class="summary">{$lang->edit->file_total} <em class="filesize">{total_filesize}</em></p>
  417. <div class="hr"></div>
  418. <input name="" type="text" class="iText" value="" title="{$lang->edit->insert_file_explain}" />
  419. <input name="" type="text" class="iText" value="" title="{$lang->edit->insert_cite}" />
  420. <div class="buttonArea">
  421. <span class="buttonGray medium strong"><button type="button" title="Ctrl+Enter"><img src="img/iconCheckSmall.gif" width="12" height="8" alt="" class="icon" />{$lang->cmd_confirm}</button></span>
  422. <span class="buttonGray medium"><button type="button" title="ESC"><img src="img/buttonCloseLayerX.gif" width="7" height="7" alt="" class="icon" />{$lang->cmd_cancel}</button></span>
  423. </div>
  424. <span class="cap capTL"></span>
  425. <span class="cap capTR"></span>
  426. <span class="cap capBL"></span>
  427. <span class="cap capBR"></span>
  428. </fieldset>
  429. </div>
  430. <!--@end-->
  431. <div class="wArea hr">
  432. <!-- class="wArea hr" | class="wArea hr open" -->
  433. <fieldset>
  434. <legend>{$lang->edit->hr}</legend>
  435. <ul>
  436. <li><span class="hRule"></span><input name="hr" type="radio" value="hline" id="hr1" class="inputRadio" checked="checked" /> <label for="hr1">{$lang->edit->hr_simple}</label></li>
  437. </ul>
  438. <div class="buttonArea">
  439. <span class="buttonGray medium strong"><button type="button" title="Ctrl+Enter"><img src="img/iconCheckSmall.gif" width="12" height="8" alt="" class="icon" />{$lang->cmd_confirm}</button></span>
  440. <span class="buttonGray medium"><button type="button" title="ESC"><img src="img/buttonCloseLayerX.gif" width="7" height="7" alt="" class="icon" />{$lang->cmd_cancel}</button></span>
  441. </div>
  442. <span class="cap capTL"></span>
  443. <span class="cap capTR"></span>
  444. <span class="cap capBL"></span>
  445. <span class="cap capBR"></span>
  446. </fieldset>
  447. </div>
  448. <div class="wArea index">
  449. <!-- class="wArea index" | class="wArea index open" -->
  450. <fieldset>
  451. <legend>{$lang->edit->toc}</legend>
  452. <div class="buttonArea">
  453. <span class="buttonGray medium strong"><button type="button" title="Ctrl+Enter"><img src="img/iconCheckSmall.gif" width="12" height="8" alt="" class="icon" />{$lang->cmd_confirm}</button></span>
  454. <span class="buttonGray medium"><button type="button" title="ESC"><img src="img/buttonCloseLayerX.gif" width="7" height="7" alt="" class="icon" />{$lang->cmd_cancel}</button></span>
  455. <p class="info">{$lang->edit->toc_explain}</p>
  456. </div>
  457. <span class="cap capTL"></span>
  458. <span class="cap capTR"></span>
  459. <span class="cap capBL"></span>
  460. <span class="cap capBR"></span>
  461. </fieldset>
  462. </div>
  463. <div class="wArea mArea material" cond="$material_exists">
  464. <!-- class="mArea" | class="mArea open" -->
  465. <fieldset>
  466. <legend>{$lang->edit->materials}</legend>
  467. <h4 class="h4">{$lang->edit->materials}</h4>
  468. <div class="controls">
  469. <span class="buttonDrEditor black"><button type="button" class="_reload">{$lang->edit->refresh}</button></span>
  470. <span class="buttonDrEditor black"><button type="button" class="_close">{$lang->edit->close_materials}</button></span>
  471. </div>
  472. <p class="noData">{$lang->edit->no_materials}</p>
  473. <div class="_container">
  474. <dl>
  475. <dt>{regdate}</dt>
  476. <dd>
  477. <div class="eArea">{content}</div>
  478. <span class="buttonDrEditor green small"><button type="button">{$lang->edit->insert}</button></span>
  479. </dd>
  480. </dl>
  481. </div>
  482. <!-- pagenate -->
  483. <div class="paginate">
  484. <button type="button" class="prev" title="{$lang->edit->paging_prev_help}"><span>{$lang->edit->paging_prev}</span></button>
  485. <button type="button" class="next" title="{$lang->edit->paging_next_help}"><span>{$lang->edit->paging_next}</span></button>
  486. <span>{current}/{total}</span>
  487. </div>
  488. <!-- pagenate -->
  489. <span class="cap capTL"></span>
  490. <span class="cap capTR"></span>
  491. <span class="cap capBL"></span>
  492. <span class="cap capBR"></span>
  493. </fieldset>
  494. </div>
  495. <div class="wArea mArea help">
  496. <!-- class="mArea" | class="mArea open" -->
  497. <fieldset>
  498. <legend>{$lang->edit->help}</legend>
  499. <h4 class="h4">{$lang->edit->help}</h4>
  500. <div class="controls">
  501. <span class="buttonDrEditor black"><button type="button">{$lang->edit->close_help}</button></span>
  502. </div>
  503. <dl>
  504. <dt>{$lang->edit->help_first_dt_1}</dt>
  505. <dd>{$lang->edit->help_first_dd_1}</dd>
  506. <dt>{$lang->edit->help_first_dt_2}</dt>
  507. <dd>{$lang->edit->help_first_dd_2}</dd>
  508. <dt>{$lang->edit->help_first_dt_3}</dt>
  509. <dd>{$lang->edit->help_first_dd_3}</dd>
  510. <dt>{$lang->edit->help_first_dt_4}</dt>
  511. <dd>{$lang->edit->help_first_dd_4}</dd>
  512. <dt>{$lang->edit->help_first_dt_5}</dt>
  513. <dd>{$lang->edit->help_first_dd_5}</dd>
  514. </dl>
  515. <span class="cap capTL"></span>
  516. <span class="cap capTR"></span>
  517. <span class="cap capBL"></span>
  518. <span class="cap capBR"></span>
  519. </fieldset>
  520. </div>
  521. <!-- wArea blank-->
  522. <div class="wArea blank">
  523. <!-- class="wArea blank" | class="wArea blank open" -->
  524. <h4 class="h4">{$lang->edit->help_first_title}</h4>
  525. <dl>
  526. <dt>{$lang->edit->help_first_dt_1}</dt>
  527. <dd>{$lang->edit->help_first_dd_1}</dd>
  528. <dt>{$lang->edit->help_first_dt_2}</dt>
  529. <dd>{$lang->edit->help_first_dd_2}</dd>
  530. <dt>{$lang->edit->help_first_dt_3}</dt>
  531. <dd>{$lang->edit->help_first_dd_3}</dd>
  532. <dt>{$lang->edit->help_first_dt_4}</dt>
  533. <dd>{$lang->edit->help_first_dd_4}</dd>
  534. <dt>{$lang->edit->help_first_dt_5}</dt>
  535. <dd>{$lang->edit->help_first_dd_5}</dd>
  536. </dl>
  537. <p class="drEditorBugReport"><a href="http://code.google.com/p/xe-core/issues/entry" target="_blank" title="{$lang->edit->cmd_new_window}">{$lang->edit->help_bug_report}</a></p>
  538. <span class="cap capTL"></span>
  539. <span class="cap capTR"></span>
  540. <span class="cap capBL"></span>
  541. <span class="cap capBR"></span>
  542. </div>
  543. <!-- /wArea blank-->
  544. <!-- External Components -->
  545. <!--@foreach($drComponentList as $k=>$v)-->
  546. {$v->html}
  547. <!--@endforeach-->
  548. <!-- /External Components -->
  549. <!-- wToolbar -->
  550. <div class="wToolbarContainer">
  551. <!-- class="wToolbarContainer" | class="wToolbarContainer more" -->
  552. <div class="wToolbar">
  553. <!-- class="wToolbar" | class="wToolbar hx | txt | link | list | quote | img | movie | file | hr | index | material | help" -->
  554. <ul>
  555. <!--<li class="close"><button type="button" title="{$lang->edit->close_toolbar}(~)"></button></li>-->
  556. <!--@foreach($enable_tool as $k => $v)-->
  557. <!--@if($k<9)-->
  558. {@$_title = $lang->edit->help_shortcut.'('.($k+1).')'}
  559. <!--@else-->
  560. {@$_title = ''}
  561. <!--@endif-->
  562. <!--@if($v=='hx')-->
  563. <li class="hx"><button type="button" title="{$_title}"><span class="tx">{$lang->edit->title_title}</span></button><span class="dragable">{$lang->edit->move_button}</span></li>
  564. <!--@elseif($v=='txt')-->
  565. <li class="txt"><button type="button" title="{$_title}"><span class="tx">{$lang->edit->text}</span></button><span class="dragable">{$lang->edit->move_button}</span></li>
  566. <!--@elseif($v=='link')-->
  567. <li class="link"><button type="button" title="{$_title}"><span class="tx">{$lang->edit->link}</span></button><span class="dragable">{$lang->edit->move_button}</span></li>
  568. <!--@elseif($v=='list')-->
  569. <li class="list"><button type="button" title="{$_title}"><span class="tx">{$lang->edit->list}</span></button><span class="dragable">{$lang->edit->move_button}</span></li>
  570. <!--@elseif($v=='quote')-->
  571. <li class="quote"><button type="button" title="{$_title}"><span class="tx">{$lang->edit->blockquote}</span></button><span class="dragable">{$lang->edit->move_button}</span></li>
  572. <!--@elseif($v=='img')-->
  573. <li class="img"><button type="button" title="{$_title}"><span class="tx">{$lang->edit->image}</span></button><span class="dragable">{$lang->edit->move_button}</span></li>
  574. <!--@elseif($v=='movie')-->
  575. <li class="movie"><button type="button" title="{$_title}"><span class="tx">{$lang->edit->mov}</span></button><span class="dragable">{$lang->edit->move_button}</span></li>
  576. <!--@elseif($v=='file' && $allow_fileupload)-->
  577. <li class="file"><button type="button" title="{$_title}"><span class="tx">{$lang->edit->file}</span></button><span class="dragable">{$lang->edit->move_button}</span></li>
  578. <!--@elseif($v=='hr')-->
  579. <li class="hr"><button type="button" title="{$_title}"><span class="tx">{$lang->edit->hr}</span></button><span class="dragable">{$lang->edit->move_button}</span></li>
  580. <!--@elseif($v=='index')-->
  581. <li class="index"><button type="button" title="{$_title}"><span class="tx">{$lang->edit->toc}</span></button><span class="dragable">{$lang->edit->move_button}</span></li>
  582. <!--@elseif($v=='material')-->
  583. <li class="material"><button type="button" title="{$_title}"><span class="tx">{$lang->edit->material}</span></button><span class="dragable">{$lang->edit->move_button}</span></li>
  584. <!--@elseif($drComponentList[$v])-->
  585. <li class="{$v}"><button type="button" title="{$_title}"><span class="tx">{$drComponentList[$v]->title}</span></button><span class="dragable">{$lang->edit->move_button}</span></li>
  586. <!--@end-->
  587. <!--@end-->
  588. <li class="help"><button type="button"><span class="tx">{$lang->edit->help}</span></button></li>
  589. <li class="more"><button type="button" title="(0)"><span class="tx">{$lang->edit->more}</span><span class="nx">0</span></button></li>
  590. </ul>
  591. <!-- JS for Prototype -->
  592. <script>
  593. //<![CDATA[
  594. jQuery(function($){
  595. $('.wToolbar button').slice(0,9).append('<span class="nx"></span>');
  596. $('.wToolbar li').slice(0,9).each(function(i){
  597. $(this).find('.nx').append(i+1);
  598. });
  599. });
  600. //]]>
  601. </script>
  602. <!-- /JS for Prototype -->
  603. <!--
  604. <div class="shortcut">
  605. <ul>
  606. <li><span>1</span></li>
  607. <li><span>2</span></li>
  608. <li><span>3</span></li>
  609. <li><span>4</span></li>
  610. <li><span>5</span></li>
  611. <li><span>6</span></li>
  612. <li><span>7</span></li>
  613. <li><span>8</span></li>
  614. <li><span>9</span></li>
  615. <li class="more"><span>0</span></li>
  616. </ul>
  617. </div>
  618. -->
  619. <span class="cap capLeft"></span>
  620. <span class="cap capRight"></span>
  621. <span class="top topLeft"></span>
  622. <span class="top topRight"></span>
  623. <span class="arrow"></span>
  624. </div>
  625. </div>
  626. <!-- /wToolbar -->
  627. </div>
  628. <!-- /Editor Area -->
  629. </div>
  630. </div>
  631. <!-- /??? -->
  632. <!-- ??? ??? -->
  633. <script>//<![CDATA[
  634. var editor_path = "{$editor_path}";
  635. var auto_saved_msg = "{$lang->msg_auto_saved}";
  636. var delete_dr_confirm_msg = "{$lang->edit->msg_dr_delete_confirm}";
  637. var no_selected_object_msg = "{$lang->edit->msg_no_selected_object}";
  638. var insert_value_msg = "{$lang->edit->msg_insert_value}";
  639. var submit_without_saving_msg = "{$lang->edit->confirm_submit_without_saving}";
  640. var msg_close_before_write = "{$lang->msg_close_before_write}";
  641. if (typeof(xe.lang) == 'undefined') xe.lang = {};
  642. xe.lang.attached_files = '{$lang->edit->attached_files}';
  643. xe.lang.shortcut = '{$lang->edit->help_shortcut}';
  644. xe.lang.drag_this = '{$lang->edit->drag_this}';
  645. xe.lang.cmd_del = '{$lang->edit->cmd_del}';
  646. editorStart_xe(
  647. '{$editor_sequence}',
  648. '{$editor_primary_key_name}',
  649. '{$editor_content_key_name}',
  650. '{$editor_height}',
  651. '{$colorset}',
  652. '{$content_style}',
  653. '{$content_font}',
  654. '{$content_font_size}'
  655. );
  656. //]]></script>