← Back to branch summary

~ubuntu-branches/ubuntu/quantal/dokuwiki/quantal

« back to all changes in this revision

Viewing changes to lib/scripts/editor.js

  • Committer: Package Import Robot
  • Author(s): Tanguy Ortolo
  • Date: 2012-01-26 23:10:28 UTC
  • mfrom: (1.1.14) (19.1.3 experimental)
  • Revision ID: package-import@ubuntu.com-20120126231028-gdcxrxo3j4jqp2de
Tags: 0.0.20120125-1
* New upstream release.
* debian/patches/debianize.diff: updated for the new release.

Show diffs side-by-side

added added

removed removed

Lines of Context:
lib/scripts/editor.js
 
1
/**
 
2
 * The DokuWiki editor features
 
3
 *
 
4
 * These are the advanced features of the editor. It does NOT contain any
 
5
 * code for the toolbar buttons and it functions. See toolbar.js for that.
 
6
 */
 
7
 
 
8
var dw_editor = {
 
9
 
 
10
    /**
 
11
     * initialize the default editor functionality
 
12
     *
 
13
     * All other functions can also be called separately for non-default
 
14
     * textareas
 
15
     */
 
16
    init: function(){
 
17
        var $editor = jQuery('#wiki__text');
 
18
        if($editor.length === 0) {
 
19
            return;
 
20
        }
 
21
 
 
22
        dw_editor.initSizeCtl('#size__ctl',$editor);
 
23
 
 
24
        if($editor.attr('readOnly')) {
 
25
            return;
 
26
        }
 
27
 
 
28
        // in Firefox, keypress doesn't send the correct keycodes,
 
29
        // in Opera, the default of keydown can't be prevented
 
30
        if (jQuery.browser.opera) {
 
31
            $editor.keypress(dw_editor.keyHandler);
 
32
        } else {
 
33
            $editor.keydown(dw_editor.keyHandler);
 
34
        }
 
35
 
 
36
    },
 
37
 
 
38
    /**
 
39
     * Add the edit window size and wrap controls
 
40
     *
 
41
     * Initial values are read from cookie if it exists
 
42
     *
 
43
     * @param selector ctlarea the div to place the controls
 
44
     * @param selector editor  the textarea to control
 
45
     */
 
46
    initSizeCtl: function(ctlarea,editor){
 
47
        var $ctl      = jQuery(ctlarea),
 
48
            $textarea = jQuery(editor);
 
49
 
 
50
        if($ctl.length === 0 || $textarea.length === 0) {
 
51
            return;
 
52
        }
 
53
 
 
54
        $textarea.css('height', DokuCookie.getValue('sizeCtl') || '300px');
 
55
 
 
56
        var wrp = DokuCookie.getValue('wrapCtl');
 
57
        if(wrp){
 
58
            dw_editor.setWrap($textarea[0], wrp);
 
59
        } // else use default value
 
60
 
 
61
        jQuery.each([
 
62
            ['larger', function(){dw_editor.sizeCtl(editor,100);}],
 
63
            ['smaller', function(){dw_editor.sizeCtl(editor,-100);}],
 
64
            ['wrap', function(){dw_editor.toggleWrap(editor);}]
 
65
        ], function (_, img) {
 
66
            jQuery(document.createElement('IMG'))
 
67
                .attr('src', DOKU_BASE+'lib/images/' + img[0] + '.gif')
 
68
                .click(img[1])
 
69
                .appendTo($ctl);
 
70
        });
 
71
    },
 
72
 
 
73
    /**
 
74
     * This sets the vertical size of the editbox and adjusts the cookie
 
75
     *
 
76
     * @param selector editor  the textarea to control
 
77
     * @param int val          the relative value to resize in pixel
 
78
     */
 
79
    sizeCtl: function(editor,val){
 
80
        var $textarea = jQuery(editor),
 
81
            height = parseInt($textarea.css('height')) + val;
 
82
        $textarea.css('height', height+'px');
 
83
        DokuCookie.setValue('sizeCtl',$textarea.css('height'));
 
84
    },
 
85
 
 
86
    /**
 
87
     * Toggle the wrapping mode of the editor textarea and adjusts the
 
88
     * cookie
 
89
     *
 
90
     * @param selector editor  the textarea to control
 
91
     */
 
92
    toggleWrap: function(editor){
 
93
        var $textarea = jQuery(editor),
 
94
            wrap = $textarea.attr('wrap');
 
95
        dw_editor.setWrap($textarea[0],
 
96
                          (wrap && wrap.toLowerCase() == 'off') ? 'soft' : 'off');
 
97
        DokuCookie.setValue('wrapCtl',$textarea.attr('wrap'));
 
98
    },
 
99
 
 
100
    /**
 
101
     * Set the wrapping mode of a textarea
 
102
     *
 
103
     * @author Fluffy Convict <fluffyconvict@hotmail.com>
 
104
     * @author <shutdown@flashmail.com>
 
105
     * @link   http://news.hping.org/comp.lang.javascript.archive/12265.html
 
106
     * @link   https://bugzilla.mozilla.org/show_bug.cgi?id=41464
 
107
     * @param  DomObject textarea
 
108
     * @param  string wrapAttrValue
 
109
     */
 
110
    setWrap: function(textarea, wrapAttrValue){
 
111
        textarea.setAttribute('wrap', wrapAttrValue);
 
112
 
 
113
        // Fix display for mozilla
 
114
        var parNod = textarea.parentNode;
 
115
        var nxtSib = textarea.nextSibling;
 
116
        parNod.removeChild(textarea);
 
117
        parNod.insertBefore(textarea, nxtSib);
 
118
    },
 
119
 
 
120
    /**
 
121
     * Make intended formattings easier to handle
 
122
     *
 
123
     * Listens to all key inputs and handle indentions
 
124
     * of lists and code blocks
 
125
     *
 
126
     * Currently handles space, backspce and enter presses
 
127
     *
 
128
     * @author Andreas Gohr <andi@splitbrain.org>
 
129
     * @fixme handle tabs
 
130
     * @param event e - the key press event object
 
131
     */
 
132
    keyHandler: function(e){
 
133
        if(jQuery.inArray(e.keyCode,[8, 13, 32]) === -1) {
 
134
            return;
 
135
        }
 
136
        var selection = getSelection(this);
 
137
        if(selection.getLength() > 0) {
 
138
            return; //there was text selected, keep standard behavior
 
139
        }
 
140
        var search    = "\n"+this.value.substr(0,selection.start);
 
141
        var linestart = Math.max(search.lastIndexOf("\n"),
 
142
                                 search.lastIndexOf("\r")); //IE workaround
 
143
        search = search.substr(linestart);
 
144
 
 
145
        if(e.keyCode == 13){ // Enter
 
146
            // keep current indention for lists and code
 
147
            var match = search.match(/(\n  +([\*-] ?)?)/);
 
148
            if(match){
 
149
                var scroll = this.scrollHeight;
 
150
                var match2 = search.match(/^\n  +[\*-]\s*$/);
 
151
                // Cancel list if the last item is empty (i. e. two times enter)
 
152
                if (match2 && this.value.substr(selection.start).match(/^($|\r?\n)/)) {
 
153
                    this.value = this.value.substr(0, linestart) + "\n" +
 
154
                                 this.value.substr(selection.start);
 
155
                    selection.start = linestart + 1;
 
156
                    selection.end = linestart + 1;
 
157
                    setSelection(selection);
 
158
                } else {
 
159
                    insertAtCarret(this.id,match[1]);
 
160
                }
 
161
                this.scrollTop += (this.scrollHeight - scroll);
 
162
                e.preventDefault(); // prevent enter key
 
163
                return false;
 
164
            }
 
165
        }else if(e.keyCode == 8){ // Backspace
 
166
            // unindent lists
 
167
            var match = search.match(/(\n  +)([*-] ?)$/);
 
168
            if(match){
 
169
                var spaces = match[1].length-1;
 
170
 
 
171
                if(spaces > 3){ // unindent one level
 
172
                    this.value = this.value.substr(0,linestart)+
 
173
                                 this.value.substr(linestart+2);
 
174
                    selection.start = selection.start - 2;
 
175
                    selection.end   = selection.start;
 
176
                }else{ // delete list point
 
177
                    this.value = this.value.substr(0,linestart)+
 
178
                                 this.value.substr(selection.start);
 
179
                    selection.start = linestart;
 
180
                    selection.end   = linestart;
 
181
                }
 
182
                setSelection(selection);
 
183
                e.preventDefault(); // prevent backspace
 
184
                return false;
 
185
            }
 
186
        }else if(e.keyCode == 32){ // Space
 
187
            // intend list item
 
188
            var match = search.match(/(\n  +)([*-] )$/);
 
189
            if(match){
 
190
                this.value = this.value.substr(0,linestart)+'  '+
 
191
                             this.value.substr(linestart);
 
192
                selection.start = selection.start + 2;
 
193
                selection.end   = selection.start;
 
194
                setSelection(selection);
 
195
                e.preventDefault(); // prevent space
 
196
                return false;
 
197
            }
 
198
        }
 
199
    }
 
200
 
 
201
 
 
202
};
 
203
 
 
204
jQuery(dw_editor.init);