~azzar1/unity/add-show-desktop-key

« back to all changes in this revision

Viewing changes to www/media/common/edit_area/template.html

  • Committer: mattgiuca
  • Date: 2008-01-15 06:17:23 UTC
  • Revision ID: svn-v3-trunk0:2b9c9e99-6f39-0410-b283-7f802c844ae2:trunk:233
Added a shaky implementation of EditArea as the text editor.
Installed the EditArea files in media/common.
FileBrowser app includes EditArea.
editor.js calls the appropriate methods to set up an EditArea and the Save
button saves its contents.

Show diffs side-by-side

added added

removed removed

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