root/editor/quicktags.js

/*
 original version from WordPress
 by Alex King http://www.alexking.org/

 tax fix and conversion to Prototype by Dobrica Pavlinusic <dpavlin@rot13.org>
*/


var edButtons = new Array();
var edLinks = new Array();
var edOpenTags = new Array();
var edCanvas = null;

function edButton(id, display, tagStart, tagEnd, access, open) {
        Logger.debug('edButton '+id+': '+display);
        this.id = id;                   // used to name the toolbar button
        this.display = display;         // label on button
        this.tagStart = tagStart;       // open tag
        this.tagEnd = tagEnd;           // close tag
        this.access = access;           // access key
        this.open = open;               // set to -1 if tag does not need to be closed
}

edButtons[edButtons.length] =
new edButton('ed_div'
,'div'
,'<div>\n'
,'\n</div>\n'
,'d'
);

edButtons[edButtons.length] =
new edButton('ed_span'
,'span'
,'<span>'
,'</span>'
,'s'
);

edButtons[edButtons.length] =
new edButton('ed_strong'
,'str'
,'<strong>'
,'</strong>'
,'b'
);

edButtons[edButtons.length] =
new edButton('ed_em'
,'em'
,'<em>'
,'</em>'
,'i'
);

/*
edButtons[edButtons.length] =
new edButton('ed_pre'
,'code'
,'<code>'
,'</code>'
,'c'
);

edButtons[edButtons.length] =
new edButton('ed_block'
,'b-quote'
,'<blockquote>'
,'</blockquote>'
,'q'
);
*/

edButtons[edButtons.length] =
new edButton('ed_link'
,'link'
,''
,'</a>'
,'a'
); // special case

function edLink() {
        this.display = '';
        this.URL = '';
        this.newWin = 0;
}

edButtons[edButtons.length] =
new edButton('ed_table'
,'table'
,'\n<table>\n'
,'\n</table>\n'
,'t'
);

edButtons[edButtons.length] =
new edButton('ed_tr'
,'tr'
,'<tr>'
,'</tr>'
,'r'
);

edButtons[edButtons.length] =
new edButton('ed_td'
,'td'
,'<td>'
,'</td>'
,'e'
);

function edShowButton(button, i) {
        if (button.id == 'ed_img') {
                return('<input type="button" id="' + button.id + '" accesskey="' + button.access + '" class="ed_button" onclick="edInsertImage(edCanvas);" value="' + button.display + '" />');
        }
        else if (button.id == 'ed_link') {
                return('<input type="button" id="' + button.id + '" accesskey="' + button.access + '" class="ed_button" onclick="edInsertLink(edCanvas, ' + i + ');" value="' + button.display + '" />');
        }
        else {
                return('<input type="button" id="' + button.id + '" accesskey="' + button.access + '" class="ed_button" onclick="edInsertTag(edCanvas, ' + i + ');" value="' + button.display + '"  />');
        }
}

function edAddTag(button) {
        if (edButtons[button].tagEnd != '') {
                edOpenTags[edOpenTags.length] = button;
                $( edButtons[button].id ).value = '/' + $( edButtons[button].id ).value;
        }
}

function edRemoveTag(button) {
        for (i = 0; i < edOpenTags.length; i++) {
                if (edOpenTags[i] == button) {
                        edOpenTags.splice(i, 1);
                        $( edButtons[button].id ).value = $( edButtons[button].id ).value.replace('/', '');
                }
        }
}

function edCheckOpenTags(button) {
        var tag = 0;
        for (i = 0; i < edOpenTags.length; i++) {
                if (edOpenTags[i] == button) {
                        tag++;
                }
        }
        if (tag > 0) {
                return true; // tag found
        }
        else {
                return false; // tag not found
        }
}

function edCloseAllTags() {
        var count = edOpenTags.length;
        for (o = 0; o < count; o++) {
                edInsertTag(edCanvas, edOpenTags[edOpenTags.length - 1]);
        }
}

var edActiveToolbar = {};

function edToolbar( name ) {

        if (edActiveToolbar.name) return false;

        var toolbar_div = name + '_toolbar';

        Logger.info('edToolbar of '+name+' is '+toolbar_div);

        var div = $( toolbar_div );
        if (! div) {
                Logger.error('div not found');
                return false;
        }

        var toolbar = '';

        for (i = 0; i < edButtons.length; i++) {
                toolbar += edShowButton(edButtons[i], i);
        }
        toolbar += '&nbsp;&nbsp';
        toolbar += '<input type="button" id="ed_close" class="ed_button" onclick="edCloseAllTags();" title="Close all open tags" value="Close Tags" />';

        div.innerHTML = toolbar;
        Logger.debug('before: '+edActiveToolbar.name);
        edActiveToolbar.name = 1;
        Logger.debug('after: '+edActiveToolbar.name);
}

// insertion code

function edInsertTag(myField, i) {

        //IE support
        if (document.selection) {
                myField.focus();
                 sel = document.selection.createRange();
                if (sel.text.length > 0) {
                        sel.text = edButtons[i].tagStart + sel.text + edButtons[i].tagEnd;
                }
                else {
                        if (!edCheckOpenTags(i) || edButtons[i].tagEnd == '') {
                                sel.text = edButtons[i].tagStart;
                                edAddTag(i);
                        }
                        else {
                                sel.text = edButtons[i].tagEnd;
                                edRemoveTag(i);
                        }
                }
                myField.focus();
        }
        //MOZILLA/NETSCAPE support
        else if (myField.selectionStart || myField.selectionStart == '0') {
                var startPos = myField.selectionStart;
                var endPos = myField.selectionEnd;
                var cursorPos = endPos;
                var scrollTop = myField.scrollTop;

                if (startPos != endPos) {
                        myField.value = myField.value.substring(0, startPos)
                                                          + edButtons[i].tagStart
                                                          + myField.value.substring(startPos, endPos)
                                                          + edButtons[i].tagEnd
                                                          + myField.value.substring(endPos, myField.value.length);
                        cursorPos += edButtons[i].tagStart.length + edButtons[i].tagEnd.length;
                }
                else {
                        if (!edCheckOpenTags(i) || edButtons[i].tagEnd == '') {
                                myField.value = myField.value.substring(0, startPos)
                                                                  + edButtons[i].tagStart
                                                                  + myField.value.substring(endPos, myField.value.length);
                                edAddTag(i);
                                cursorPos = startPos + edButtons[i].tagStart.length;
                        }
                        else {
                                myField.value = myField.value.substring(0, startPos)
                                                                  + edButtons[i].tagEnd
                                                                  + myField.value.substring(endPos, myField.value.length);
                                edRemoveTag(i);
                                cursorPos = startPos + edButtons[i].tagEnd.length;
                        }
                }
                myField.focus();
                myField.selectionStart = cursorPos;
                myField.selectionEnd = cursorPos;
                myField.scrollTop = scrollTop;
        }
        else {
                if (!edCheckOpenTags(i) || edButtons[i].tagEnd == '') {
                        myField.value += edButtons[i].tagStart;
                        edAddTag(i);
                }
                else {
                        myField.value += edButtons[i].tagEnd;
                        edRemoveTag(i);
                }
                myField.focus();
        }
}

function edInsertContent(myField, myValue) {
        //IE support
        if (document.selection) {
                myField.focus();
                sel = document.selection.createRange();
                sel.text = myValue;
                myField.focus();
        }
        //MOZILLA/NETSCAPE support
        else if (myField.selectionStart || myField.selectionStart == '0') {
                var startPos = myField.selectionStart;
                var endPos = myField.selectionEnd;
                myField.value = myField.value.substring(0, startPos)
                                                  + myValue
                                                         + myField.value.substring(endPos, myField.value.length);
                myField.focus();
                myField.selectionStart = startPos + myValue.length;
                myField.selectionEnd = startPos + myValue.length;
        } else {
                myField.value += myValue;
                myField.focus();
        }
}

function edInsertLink(myField, i, defaultValue) {
        if (!defaultValue) {
                defaultValue = 'http://';
        }
        if (!edCheckOpenTags(i)) {
                var URL = prompt('Enter the URL' ,defaultValue);
                if (URL) {
                        edButtons[i].tagStart = '<a href="' + URL + '">';
                        edInsertTag(myField, i);
                }
        }
        else {
                edInsertTag(myField, i);
        }
}

/* additional methods on textarea */

/*
        onkeydown="return edTab(event);"
*/
function edTab(event) {
        var e = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;
        if (e == 9) {
                edInsertContent(edCanvas, '\t');
                return false;
        }
        return true;
}

/*
        onfocus="return edFocus('template_content');"
*/
function edFocus( name ) {
        Logger.info('edFocus '+name);
        edCanvas = $( name );
        if (! edCanvas) Logger.error("can't find "+name);
        edToolbar( name );
        return false;
}

/*
        onblur="return edBlur();"
*/
function edBlur() {
        Logger.info('edBlur');
        edChanvas = null;
        return false;
}

/*
        call this function for cleanup of toolbar and other
        temporary data.
*/
function edKill( name ) {
        Logger.info('edKill '+name);
        edActiveToolbar.name = null;
}
1	/*
2	original version from WordPress
3	by Alex King http://www.alexking.org/
4
5	tax fix and conversion to Prototype by Dobrica Pavlinusic <dpavlin@rot13.org>
6	*/
7
8
9	var edButtons = new Array();
10	var edLinks = new Array();
11	var edOpenTags = new Array();
12	var edCanvas = null;
13
14	function edButton(id, display, tagStart, tagEnd, access, open) {
15	Logger.debug('edButton '+id+': '+display);
16	this.id = id; // used to name the toolbar button
17	this.display = display; // label on button
18	this.tagStart = tagStart; // open tag
19	this.tagEnd = tagEnd; // close tag
20	this.access = access; // access key
21	this.open = open; // set to -1 if tag does not need to be closed
22	}
23
24	edButtons[edButtons.length] =
25	new edButton('ed_div'
26	,'div'
27	,'<div>\n'
28	,'\n</div>\n'
29	,'d'
30	);
31
32	edButtons[edButtons.length] =
33	new edButton('ed_span'
34	,'span'
35	,'<span>'
36	,'</span>'
37	,'s'
38	);
39
40	edButtons[edButtons.length] =
41	new edButton('ed_strong'
42	,'str'
43	,'<strong>'
44	,'</strong>'
45	,'b'
46	);
47
48	edButtons[edButtons.length] =
49	new edButton('ed_em'
50	,'em'
51	,'<em>'
52	,'</em>'
53	,'i'
54	);
55
56	/*
57	edButtons[edButtons.length] =
58	new edButton('ed_pre'
59	,'code'
60	,'<code>'
61	,'</code>'
62	,'c'
63	);
64
65	edButtons[edButtons.length] =
66	new edButton('ed_block'
67	,'b-quote'
68	,'<blockquote>'
69	,'</blockquote>'
70	,'q'
71	);
72	*/
73
74	edButtons[edButtons.length] =
75	new edButton('ed_link'
76	,'link'
77	,''
78	,'</a>'
79	,'a'
80	); // special case
81
82	function edLink() {
83	this.display = '';
84	this.URL = '';
85	this.newWin = 0;
86	}
87
88	edButtons[edButtons.length] =
89	new edButton('ed_table'
90	,'table'
91	,'\n<table>\n'
92	,'\n</table>\n'
93	,'t'
94	);
95
96	edButtons[edButtons.length] =
97	new edButton('ed_tr'
98	,'tr'
99	,'<tr>'
100	,'</tr>'
101	,'r'
102	);
103
104	edButtons[edButtons.length] =
105	new edButton('ed_td'
106	,'td'
107	,'<td>'
108	,'</td>'
109	,'e'
110	);
111
112	function edShowButton(button, i) {
113	if (button.id == 'ed_img') {
114	return('<input type="button" id="' + button.id + '" accesskey="' + button.access + '" class="ed_button" onclick="edInsertImage(edCanvas);" value="' + button.display + '" />');
115	}
116	else if (button.id == 'ed_link') {
117	return('<input type="button" id="' + button.id + '" accesskey="' + button.access + '" class="ed_button" onclick="edInsertLink(edCanvas, ' + i + ');" value="' + button.display + '" />');
118	}
119	else {
120	return('<input type="button" id="' + button.id + '" accesskey="' + button.access + '" class="ed_button" onclick="edInsertTag(edCanvas, ' + i + ');" value="' + button.display + '" />');
121	}
122	}
123
124	function edAddTag(button) {
125	if (edButtons[button].tagEnd != '') {
126	edOpenTags[edOpenTags.length] = button;
127	$( edButtons[button].id ).value = '/' + $( edButtons[button].id ).value;
128	}
129	}
130
131	function edRemoveTag(button) {
132	for (i = 0; i < edOpenTags.length; i++) {
133	if (edOpenTags[i] == button) {
134	edOpenTags.splice(i, 1);
135	$( edButtons[button].id ).value = $( edButtons[button].id ).value.replace('/', '');
136	}
137	}
138	}
139
140	function edCheckOpenTags(button) {
141	var tag = 0;
142	for (i = 0; i < edOpenTags.length; i++) {
143	if (edOpenTags[i] == button) {
144	tag++;
145	}
146	}
147	if (tag > 0) {
148	return true; // tag found
149	}
150	else {
151	return false; // tag not found
152	}
153	}
154
155	function edCloseAllTags() {
156	var count = edOpenTags.length;
157	for (o = 0; o < count; o++) {
158	edInsertTag(edCanvas, edOpenTags[edOpenTags.length - 1]);
159	}
160	}
161
162	var edActiveToolbar = {};
163
164	function edToolbar( name ) {
165
166	if (edActiveToolbar.name) return false;
167
168	var toolbar_div = name + '_toolbar';
169
170	Logger.info('edToolbar of '+name+' is '+toolbar_div);
171
172	var div = $( toolbar_div );
173	if (! div) {
174	Logger.error('div not found');
175	return false;
176	}
177
178	var toolbar = '';
179
180	for (i = 0; i < edButtons.length; i++) {
181	toolbar += edShowButton(edButtons[i], i);
182	}
183	toolbar += ' &nbsp';
184	toolbar += '<input type="button" id="ed_close" class="ed_button" onclick="edCloseAllTags();" title="Close all open tags" value="Close Tags" />';
185
186	div.innerHTML = toolbar;
187	Logger.debug('before: '+edActiveToolbar.name);
188	edActiveToolbar.name = 1;
189	Logger.debug('after: '+edActiveToolbar.name);
190	}
191
192	// insertion code
193
194	function edInsertTag(myField, i) {
195
196	//IE support
197	if (document.selection) {
198	myField.focus();
199	sel = document.selection.createRange();
200	if (sel.text.length > 0) {
201	sel.text = edButtons[i].tagStart + sel.text + edButtons[i].tagEnd;
202	}
203	else {
204	if (!edCheckOpenTags(i) \|\| edButtons[i].tagEnd == '') {
205	sel.text = edButtons[i].tagStart;
206	edAddTag(i);
207	}
208	else {
209	sel.text = edButtons[i].tagEnd;
210	edRemoveTag(i);
211	}
212	}
213	myField.focus();
214	}
215	//MOZILLA/NETSCAPE support
216	else if (myField.selectionStart \|\| myField.selectionStart == '0') {
217	var startPos = myField.selectionStart;
218	var endPos = myField.selectionEnd;
219	var cursorPos = endPos;
220	var scrollTop = myField.scrollTop;
221
222	if (startPos != endPos) {
223	myField.value = myField.value.substring(0, startPos)
224	+ edButtons[i].tagStart
225	+ myField.value.substring(startPos, endPos)
226	+ edButtons[i].tagEnd
227	+ myField.value.substring(endPos, myField.value.length);
228	cursorPos += edButtons[i].tagStart.length + edButtons[i].tagEnd.length;
229	}
230	else {
231	if (!edCheckOpenTags(i) \|\| edButtons[i].tagEnd == '') {
232	myField.value = myField.value.substring(0, startPos)
233	+ edButtons[i].tagStart
234	+ myField.value.substring(endPos, myField.value.length);
235	edAddTag(i);
236	cursorPos = startPos + edButtons[i].tagStart.length;
237	}
238	else {
239	myField.value = myField.value.substring(0, startPos)
240	+ edButtons[i].tagEnd
241	+ myField.value.substring(endPos, myField.value.length);
242	edRemoveTag(i);
243	cursorPos = startPos + edButtons[i].tagEnd.length;
244	}
245	}
246	myField.focus();
247	myField.selectionStart = cursorPos;
248	myField.selectionEnd = cursorPos;
249	myField.scrollTop = scrollTop;
250	}
251	else {
252	if (!edCheckOpenTags(i) \|\| edButtons[i].tagEnd == '') {
253	myField.value += edButtons[i].tagStart;
254	edAddTag(i);
255	}
256	else {
257	myField.value += edButtons[i].tagEnd;
258	edRemoveTag(i);
259	}
260	myField.focus();
261	}
262	}
263
264	function edInsertContent(myField, myValue) {
265	//IE support
266	if (document.selection) {
267	myField.focus();
268	sel = document.selection.createRange();
269	sel.text = myValue;
270	myField.focus();
271	}
272	//MOZILLA/NETSCAPE support
273	else if (myField.selectionStart \|\| myField.selectionStart == '0') {
274	var startPos = myField.selectionStart;
275	var endPos = myField.selectionEnd;
276	myField.value = myField.value.substring(0, startPos)
277	+ myValue
278	+ myField.value.substring(endPos, myField.value.length);
279	myField.focus();
280	myField.selectionStart = startPos + myValue.length;
281	myField.selectionEnd = startPos + myValue.length;
282	} else {
283	myField.value += myValue;
284	myField.focus();
285	}
286	}
287
288	function edInsertLink(myField, i, defaultValue) {
289	if (!defaultValue) {
290	defaultValue = 'http://';
291	}
292	if (!edCheckOpenTags(i)) {
293	var URL = prompt('Enter the URL' ,defaultValue);
294	if (URL) {
295	edButtons[i].tagStart = '<a href="' + URL + '">';
296	edInsertTag(myField, i);
297	}
298	}
299	else {
300	edInsertTag(myField, i);
301	}
302	}
303
304	/* additional methods on textarea */
305
306	/*
307	onkeydown="return edTab(event);"
308	*/
309	function edTab(event) {
310	var e = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;
311	if (e == 9) {
312	edInsertContent(edCanvas, '\t');
313	return false;
314	}
315	return true;
316	}
317
318	/*
319	onfocus="return edFocus('template_content');"
320	*/
321	function edFocus( name ) {
322	Logger.info('edFocus '+name);
323	edCanvas = $( name );
324	if (! edCanvas) Logger.error("can't find "+name);
325	edToolbar( name );
326	return false;
327	}
328
329	/*
330	onblur="return edBlur();"
331	*/
332	function edBlur() {
333	Logger.info('edBlur');
334	edChanvas = null;
335	return false;
336	}
337
338	/*
339	call this function for cleanup of toolbar and other
340	temporary data.
341	*/
342	function edKill( name ) {
343	Logger.info('edKill '+name);
344	edActiveToolbar.name = null;
345	}