Podświetlanie składni w edytorze XML dzięki editArea. Closes #17. Niestety dla tekstó...
[redakcja.git] / project / static / js / template.html
1 <?xml version="1.0" encoding="UTF-8"?>\r
2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">\r
3 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >\r
4 <head>\r
5         <title>EditArea</title>\r
6         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />\r
7         <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>\r
8         [__CSSRULES__]\r
9         [__JSCODE__]\r
10 </head>\r
11 <body>\r
12         <div id='editor'>\r
13                 <div class='area_toolbar' id='toolbar_1'>[__TOOLBAR__]</div>\r
14                 <div class='area_toolbar' id='tab_browsing_area'><ul id='tab_browsing_list' class='menu'> <li> </li> </ul></div>\r
15                 <div id='result'>\r
16                         <div id='no_file_selected'></div>\r
17                         <div id='container'>\r
18                                 <div id='cursor_pos' class='edit_area_cursor'>&nbsp;</div>\r
19                                 <div id='end_bracket' class='edit_area_cursor'>&nbsp;</div>\r
20                                 <div id='selection_field'></div>\r
21                                 <div id='line_number' selec='none'></div>\r
22                                 <div id='content_highlight'></div>\r
23                                 <div id='test_font_size'></div>\r
24                                 <div id='selection_field_text'></div>\r
25                                 <textarea id='textarea' wrap='off' onchange='editArea.execCommand("onchange");' onfocus='javascript:editArea.textareaFocused=true;' onblur='javascript:editArea.textareaFocused=false;'>\r
26                                 </textarea>\r
27                                 \r
28                         </div>\r
29                 </div>\r
30                 <div class='area_toolbar' id='toolbar_2'>\r
31                         <table class='statusbar' cellspacing='0' cellpadding='0'>\r
32                                 <tr>\r
33                                         <td class='total' selec='none'>{$position}:</td>\r
34                                         <td class='infos' selec='none'>\r
35                                                 {$line_abbr} <span  id='linePos'>0</span>, {$char_abbr} <span id='currPos'>0</span>\r
36                                         </td>\r
37                                         <td class='total' selec='none'>{$total}:</td>\r
38                                         <td class='infos' selec='none'>\r
39                                                 {$line_abbr} <span id='nbLine'>0</span>, {$char_abbr} <span id='nbChar'>0</span>\r
40                                         </td>\r
41                                         <td class='resize'>\r
42                                                 <span id='resize_area'><img src='[__BASEURL__]images/statusbar_resize.gif' alt='resize' selec='none'></span>\r
43                                         </td>\r
44                                 </tr>\r
45                         </table>\r
46                 </div>\r
47         </div>\r
48         <div id='processing'>\r
49                 <div id='processing_text'>\r
50                         {$processing}\r
51                 </div>\r
52         </div>\r
53 \r
54         <div id='area_search_replace' class='editarea_popup'>\r
55                 <table cellspacing='2' cellpadding='0' style='width: 100%'>\r
56                         <tr>\r
57                                 <td selec='none'>{$search}</td>\r
58                                 <td><input type='text' id='area_search' /></td>\r
59                                 <td id='close_area_search_replace'>\r
60                                         <a onclick='Javascript:editArea.execCommand("hidden_search")'><img selec='none' src='[__BASEURL__]images/close.gif' alt='{$close_popup}' title='{$close_popup}' /></a><br />\r
61                         </tr><tr>\r
62                                 <td selec='none'>{$replace}</td>\r
63                                 <td><input type='text' id='area_replace' /></td>\r
64                                 <td><img id='move_area_search_replace' onmousedown='return parent.start_move_element(event,"area_search_replace", parent.frames["frame_"+editArea.id]);'  src='[__BASEURL__]images/move.gif' alt='{$move_popup}' title='{$move_popup}' /></td>\r
65                         </tr>\r
66                 </table>\r
67                 <div class='button'>\r
68                         <input type='checkbox' id='area_search_match_case' /><label for='area_search_match_case' selec='none'>{$match_case}</label>\r
69                         <input type='checkbox' id='area_search_reg_exp' /><label for='area_search_reg_exp' selec='none'>{$reg_exp}</label>\r
70                         <br />\r
71                         <a onclick='Javascript:editArea.execCommand("area_search")' selec='none'>{$find_next}</a>\r
72                         <a onclick='Javascript:editArea.execCommand("area_replace")' selec='none'>{$replace}</a>\r
73                         <a onclick='Javascript:editArea.execCommand("area_replace_all")' selec='none'>{$replace_all}</a><br />\r
74                 </div>\r
75                 <div id='area_search_msg' selec='none'></div>\r
76         </div>\r
77         <div id='edit_area_help' class='editarea_popup'>\r
78                 <div class='close_popup'>\r
79                         <a onclick='Javascript:editArea.execCommand("close_all_inline_popup")'><img src='[__BASEURL__]images/close.gif' alt='{$close_popup}' title='{$close_popup}' /></a>\r
80                 </div>\r
81                 <div><h2>Editarea [__EA_VERSION__]</h2><br />\r
82                         <h3>{$shortcuts}:</h3>\r
83                                 {$tab}: {$add_tab}<br />\r
84                                 {$shift}+{$tab}: {$remove_tab}<br />\r
85                                 {$ctrl}+f: {$search_command}<br />\r
86                                 {$ctrl}+r: {$replace_command}<br />\r
87                                 {$ctrl}+h: {$highlight}<br />\r
88                                 {$ctrl}+g: {$go_to_line}<br />\r
89                                 {$ctrl}+z: {$undo}<br />\r
90                                 {$ctrl}+y: {$redo}<br />\r
91                                 {$ctrl}+e: {$help}<br />\r
92                                 {$ctrl}+q, {$esc}: {$close_popup}<br />\r
93                                 {$accesskey} E: {$toggle}<br />\r
94                         <br />\r
95                         <em>{$about_notice}</em>\r
96                         <br /><div class='copyright'>&copy; Christophe Dolivet 2007-2009</div>\r
97                 </div>\r
98         </div>\r
99 </body>\r
100 </html>\r