Subversion Repositories Sites.tela-botanica.org

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
420 florian 1
var devkit = parent.tinyMCE.plugins['devkit'], logEnabled = true, flip = false, book = null;
2
 
3
function init() {
4
	var log, i, f = document.forms[0];
5
 
6
	devkit._winLoaded = true;
7
 
8
	log = tinyMCE.log;
9
 
10
	for (i=0; i<log.length; i++)
11
		debug(log[i]);
12
 
13
	f.logfilter.value = devkit._logFilter;
14
}
15
 
16
function changeFilter(f) {
17
	devkit._logFilter = f;
18
}
19
 
20
function toggleLog(s) {
21
	logEnabled = s;
22
}
23
 
24
function toggleFlip() {
25
	document.getElementById('flipbtn').src = flip ? 'images/flip_down.gif' : 'images/flip_up.gif';
26
 
27
	if (flip)
28
		parent.document.getElementById('devkit').className = 'devkitup';
29
	else
30
		parent.document.getElementById('devkit').className = 'devkitdown';
31
 
32
	flip = !flip;
33
}
34
 
35
function debug(s) {
36
	var d, l, n;
37
 
38
	if (!logEnabled || !new RegExp(devkit._logFilter, 'gi').test(s))
39
		return;
40
 
41
	d = document;
42
	l = d.getElementById('log');
43
	n = d.createElement('span');
44
 
45
	n.innerHTML = tinyMCE.xmlEncode(s);
46
 
47
	l.appendChild(n);
48
	l.scrollTop = l.scrollHeight;
49
}
50
 
51
function renderInfo() {
52
	var se = document.getElementById('info'), n, sn, inst, h = '', sel, rng, instCount = 0, rc;
53
 
54
	h += '<h2>Browser info:</h2>';
55
 
56
	h += '<table border="0" cellpadding="0" cellspacing="0" class="data">';
57
	h += addRenderInfo('navigator.userAgent', navigator.userAgent);
58
	h += addRenderInfo('navigator.appName', navigator.appName);
59
	h += addRenderInfo('navigator.platform', navigator.platform);
60
	h += addRenderInfo('navigator.language', navigator.language, 'bspec');
61
	h += addRenderInfo('navigator.browserLanguage', navigator.browserLanguage, 'bspec');
62
	h += addRenderInfo('navigator.systemLanguage', navigator.systemLanguage, 'bspec');
63
	h += addRenderInfo('navigator.userLanguage', navigator.userLanguage, 'bspec');
64
	h += addRenderInfo('opera.buildNumber("inconspicuous")', typeof(opera) != 'undefined' && opera.buildNumber ? opera.buildNumber('inconspicuous') : null, 'bspec');
65
	h += addRenderInfo('window.innerWidth', parent.window.innerWidth, 'bspec');
66
	h += addRenderInfo('window.innerHeight', parent.window.innerHeight, 'bspec');
67
	h += addRenderInfo('document.body.offsetWidth', parent.document.body.offsetWidth);
68
	h += addRenderInfo('document.body.offsetHeight', parent.document.body.offsetHeight);
69
	h += addRenderInfo('screen.width', screen.width);
70
	h += addRenderInfo('screen.height', screen.height);
71
	h += addRenderInfo('screen.availWidth', screen.availWidth);
72
	h += addRenderInfo('screen.availHeight', screen.availHeight);
73
	h += addRenderInfo('screen.colorDepth', screen.colorDepth);
74
	h += addRenderInfo('screen.pixelDepth', screen.pixelDepth, 'bspec');
75
	h += addRenderInfo('document.contentType', document.contentType, 'bspec');
76
	h += '</table>';
77
 
78
	h += '<h2>TinyMCE_Engine info:</h2>';
79
 
80
	h += '<table border="0" cellpadding="0" cellspacing="0" class="data">';
81
	h += addRenderInfo('baseURL', tinyMCE.baseURL);
82
	h += addRenderInfo('selectedInstance.editorId', tinyMCE.selectedInstance ? tinyMCE.selectedInstance.editorId : null);
83
	h += addRenderInfo('selectedElement.nodeName', tinyMCE.selectedElement ? tinyMCE.selectedElement.nodeName : null, 'dep');
84
	h += addRenderInfo('loadedFiles',tinyMCE.loadedFiles.join(','));
85
	h += addRenderInfo('isMSIE', tinyMCE.isMSIE);
86
	h += addRenderInfo('isMSIE5', tinyMCE.isMSIE5);
87
	h += addRenderInfo('isMSIE5_0', tinyMCE.isMSIE5_0);
88
	h += addRenderInfo('isMSIE7', tinyMCE.isMSIE7);
89
	h += addRenderInfo('isGecko', tinyMCE.isGecko);
90
	h += addRenderInfo('isSafari', tinyMCE.isSafari);
91
	h += addRenderInfo('isOpera', tinyMCE.isOpera);
92
	h += addRenderInfo('isMac', tinyMCE.isMac);
93
	h += addRenderInfo('isNS7', tinyMCE.isNS7);
94
	h += addRenderInfo('isNS71', tinyMCE.isNS71);
95
	h += addRenderInfo('idCounter', tinyMCE.idCounter);
96
	h += addRenderInfo('currentConfig', tinyMCE.currentConfig);
97
	h += addRenderInfo('majorVersion', tinyMCE.majorVersion);
98
	h += addRenderInfo('minorVersion', tinyMCE.minorVersion);
99
	h += addRenderInfo('releaseDate', tinyMCE.releaseDate);
100
	h += addRenderInfo('documentBasePath', tinyMCE.documentBasePath);
101
	h += addRenderInfo('documentURL', tinyMCE.documentURL);
102
	h += '</table>';
103
 
104
	for (n in tinyMCE.instances) {
105
		inst = tinyMCE.instances[n];
106
 
107
		if (!tinyMCE.isInstance(inst))
108
			continue;
109
 
110
		sel = inst.selection.getSel();
111
		rng = inst.selection.getRng();
112
 
113
		h += '<h2>TinyMCE_Control(' + (instCount++) + ') id: ' + inst.editorId + '</h2>';
114
		h += '<table border="0" cellpadding="0" cellspacing="0" class="data">';
115
 
116
		h += addRenderInfo('editorId', inst.editorId);
117
		h += addRenderInfo('visualAid', inst.visualAid);
118
		h += addRenderInfo('foreColor', inst.foreColor);
119
		h += addRenderInfo('backColor', inst.backColor);
120
		h += addRenderInfo('formTargetElementId', inst.formTargetElementId);
121
		h += addRenderInfo('formElement', inst.formElement ? inst.formElement.nodeName : null);
122
		h += addRenderInfo('oldTargetElement', inst.oldTargetElement ? inst.oldTargetElement.nodeName : null);
123
		h += addRenderInfo('linkElement', inst.linkElement ? inst.linkElement.nodeName : null, 'dep');
124
		h += addRenderInfo('imgElement', inst.imgElement ? inst.imgElement.nodeName : null, 'dep');
125
		h += addRenderInfo('selectedNode', inst.selectedNode ? inst.selectedNode.nodeName : null, 'dep');
126
		h += addRenderInfo('targetElement', inst.targetElement ? inst.targetElement.nodeName : null);
127
		h += addRenderInfo('getBody().nodeName', inst.getBody() ? inst.getBody().nodeName : null);
128
		h += addRenderInfo('getBody().getAttribute("id")', inst.getBody() ? inst.getBody().getAttribute("id") : null);
129
		h += addRenderInfo('getDoc().location', inst.getDoc() ? inst.getDoc().location : null);
130
		h += addRenderInfo('startContent', inst.startContent);
131
		h += addRenderInfo('isHidden()', inst.isHidden());
132
		h += addRenderInfo('isDirty()', inst.isDirty());
133
		h += addRenderInfo('undoRedo.undoLevels.length', inst.undoRedo.undoLevels.length);
134
		h += addRenderInfo('undoRedo.undoIndex', inst.undoRedo.undoIndex);
135
		h += addRenderInfo('selection.getSelectedHTML()', inst.selection.getSelectedHTML());
136
		h += addRenderInfo('selection.isCollapsed()', inst.selection.isCollapsed() || 'false');
137
		h += addRenderInfo('selection.getSelectedText()', inst.selection.getSelectedText());
138
		h += addRenderInfo('selection.getFocusElement().nodeName', inst.selection.getFocusElement().nodeName);
139
		h += addRenderInfo('selection.getFocusElement().outerHTML', tinyMCE.getOuterHTML(inst.selection.getFocusElement()));
140
 
141
		if ((tinyMCE.isGecko || tinyMCE.isOpera) && sel && rng) {
142
			h += addRenderInfo('selection.getSel().anchorNode.nodeName', sel.anchorNode ? sel.anchorNode.nodeName : null, 'bspec');
143
			h += addRenderInfo('selection.getSel().anchorOffset', sel.anchorOffset, 'bspec');
144
			h += addRenderInfo('selection.getSel().focusNode.nodeName', sel.focusNode ? sel.focusNode.nodeName : null, 'bspec');
145
			h += addRenderInfo('selection.getSel().focusOffset', sel.focusOffset, 'bspec');
146
			h += addRenderInfo('selection.getRng().startContainer.nodeName', rng.startContainer ? rng.startContainer.nodeName : null, 'bspec');
147
			h += addRenderInfo('selection.getRng().startOffset', rng.startOffset, 'bspec');
148
			h += addRenderInfo('selection.getRng().endContainer.nodeName', rng.endContainer ? rng.endContainer.nodeName : null, 'bspec');
149
			h += addRenderInfo('selection.getRng().endOffset', rng.endOffset, 'bspec');
150
		}
151
 
152
		if (typeof(rng.item) != 'undefined' || typeof(rng.htmlText) != 'undefined') {
153
			if (!rng.item) {
154
				h += addRenderInfo('selection.getSel().type', sel.type, 'bspec');
155
				h += addRenderInfo('selection.getRng().htmlText', rng.htmlText, 'bspec');
156
				h += addRenderInfo('selection.getRng().text', rng.text, 'bspec');
157
			} else
158
				h += addRenderInfo('selection.getRng().item(0).nodeName', rng.item(0).nodeName, 'bspec');
159
		}
160
 
161
		h += '</table>';
162
	}
163
 
164
	h += '<p>Fields marked in <strong class="bspec">gray</strong> is not cross browser and should be used with care.</p>';
165
	h += '<p>Fields marked <strong class="dep">red</strong> are marked deprecated and will be removed in the future.</p><br />';
166
 
167
	se.innerHTML = h;
168
}
169
 
170
function addRenderInfo(n, v, c) {
171
	return '<tr><td' + (c ? ' class="' + c + '"' : '')+ '>' + n + '</td><td><input type="text" value="' + tinyMCE.xmlEncode(v != null ? ('' + v).replace(/[\r\n]/g, '') : 'null') + '" /></td></tr>';
172
}
173
 
174
function renderSettings() {
175
	var se = document.getElementById('settings'), n, sn, inst, h = '', v;
176
 
177
	for (n in tinyMCE.instances) {
178
		inst = tinyMCE.instances[n];
179
 
180
		if (!tinyMCE.isInstance(inst))
181
			continue;
182
 
183
		h += '<h2>Instance id: ' + inst.editorId + '</h2>';
184
		h += '<table border="0" cellpadding="0" cellspacing="0" class="data">';
185
 
186
		for (sn in inst.settings) {
187
			v = inst.settings[sn];
188
 
189
			h += '<tr><td class="col1">' + tinyMCE.xmlEncode(sn) + '</td><td><input type="text" value="' + tinyMCE.xmlEncode(v) + '" /></td></tr>';
190
		}
191
 
192
		h += '</table>';
193
	}
194
 
195
	se.innerHTML = h;
196
}
197
 
198
function renderContent() {
199
	var se = document.getElementById('content'), n, inst, h = '';
200
 
201
	for (n in tinyMCE.instances) {
202
		inst = tinyMCE.instances[n];
203
 
204
		if (!tinyMCE.isInstance(inst))
205
			continue;
206
 
207
		h += '<h2>Instance id: ' + inst.editorId + '</h2>';
208
 
209
		h += '<h3>Start content - inst.startContent:</h3>';
210
		h += '<div>' + tinyMCE.xmlEncode(inst.startContent) + '</div>';
211
 
212
		h += '<h3>Raw content - inst.getBody().innerHTML or inst.getHTML(true):</h3>';
213
		h += '<div>' + tinyMCE.xmlEncode(inst.getHTML(true)) + '</div>';
214
 
215
		h += '<h3>Cleaned content - inst.getHTML():</h3>';
216
		h += '<div>' + tinyMCE.xmlEncode(inst.getHTML()) + '</div>';
217
 
218
		if (inst.serializedHTML) {
219
			h += '<h3>Serialized HTML content - inst.serializedHTML:</h3>';
220
			h += '<div>' + tinyMCE.xmlEncode(inst.serializedHTML) + '</div>';
221
		}
222
	}
223
 
224
	se.innerHTML = h;
225
}
226
 
227
function renderCommandStates() {
228
	var se = document.getElementById('command_states'), n, inst, h = '', v, ex;
229
	var cmds = new Array('2D-Position','AbsolutePosition','BackColor','BlockDirLTR','BlockDirRTL','Bold','BrowseMode','Copy','CreateBookmark','CreateLink','Cut','Delete','DirLTR','DirRTL','EditMode','enableInlineTableEditing','enableObjectResizing','FontName','FontSize','ForeColor','FormatBlock','Indent','InsertButton','InsertFieldset','InsertHorizontalRule','InsertIFrame','InsertImage','InsertInputButton','InsertInputCheckbox','InsertInputFileUpload','InsertInputHidden','InsertInputImage','InsertInputPassword','InsertInputRadio','InsertInputReset','InsertInputSubmit','InsertInputText','InsertMarquee','InsertOrderedList','InsertParagraph','InsertSelectDropdown','InsertSelectListbox','InsertTextArea','InsertUnorderedList','Italic','JustifyCenter','JustifyFull','JustifyLeft','JustifyNone','JustifyRight','LiveResize','MultipleSelection','Open','Outdent','OverWrite','Paste','PlayImage','Redo','Refresh','RemoveFormat','SaveAs','SelectAll','SizeToControl','SizeToControlHeight','SizeToControlWidth','Stop','StopImage','StrikeThrough','styleWithCSS','Subscript','Superscript','UnBookmark','Underline','Undo','Unlink','Unselect'), i;
230
 
231
	for (n in tinyMCE.instances) {
232
		inst = tinyMCE.instances[n];
233
 
234
		if (!tinyMCE.isInstance(inst))
235
			continue;
236
 
237
		h += '<h2>Instance id: ' + inst.editorId + '</h2>';
238
		h += '<table border="0" cellpadding="0" cellspacing="0" class="data">';
239
 
240
		for (i=0; i<cmds.length; i++) {
241
			v = null;
242
 
243
			try {
244
				v = tinyMCE.isGecko || inst.getDoc().queryCommandSupported(cmds[i]);
245
				v = v ? inst.queryCommandState(cmds[i]) : 'Not supported';
246
			} catch (ex) {
247
				v = 'Not supported';
248
			}
249
 
250
			h += '<tr><td><input type="text" value="' + tinyMCE.xmlEncode(cmds[i]) + '" /></td><td><input type="text" value="' + tinyMCE.xmlEncode(v) + '" /></td></tr>';
251
		}
252
 
253
		h += '</table>';
254
	}
255
 
256
	se.innerHTML = h;
257
}
258
 
259
function renderUndoRedo() {
260
	var se = document.getElementById('undo_redo'), inst, n, h = '', i, le, id, d, ur;
261
	var f = document.forms[0];
262
 
263
	if (tinyMCE.undoLevels) {
264
		le = tinyMCE.undoLevels;
265
 
266
		h += '<h2>Global undo/redo</h2>';
267
		h += '<table border="0" cellpadding="0" cellspacing="0" width="50%" class="data">';
268
		h += '<tr><td>undoLevels.length</td><td>' + le.length + '</td></tr>';
269
		h += '<tr><td>undoIndex</td><td>' + tinyMCE.undoIndex + '</td></tr>';
270
		h += '</table>';
271
 
272
		for (i=0; i<le.length; i++)
273
			h += '<h3>Level: ' + i + ', Instance: ' + (le[i] ? le[i].editorId : 'null') + '</h3>';
274
	}
275
 
276
	for (n in tinyMCE.instances) {
277
		inst = tinyMCE.instances[n];
278
 
279
		if (!tinyMCE.isInstance(inst))
280
			continue;
281
 
282
		ur = inst.undoRedo;
283
		le = ur.undoLevels;
284
 
285
		h += '<hr /><h2>Instance id: ' + inst.editorId + '</h2>';
286
		h += '<table border="0" cellpadding="0" cellspacing="0" width="50%" class="data">';
287
		h += '<tr><td>undoLevels.length</td><td>' + le.length + '</td></tr>';
288
		h += '<tr><td>undoIndex</td><td>' + ur.undoIndex + '</td></tr>';
289
		h += '<tr><td>typingUndoIndex</td><td>' + ur.typingUndoIndex + '</td></tr>';
290
		h += '<tr><td>undoRedo</td><td>' + ur.undoRedo + '</td></tr>';
291
		h += '</table>';
292
 
293
		for (i=0; i<le.length; i++) {
294
			h += '<h3>Level: ' + i + (!le[i].bookmark ? "" : " [bookmark]") + '</h3>';
295
			h += '<div class="undodata">' + tinyMCE.xmlEncode(le[i].content) + '</div>';
296
 
297
			if (i > 0 && f.undo_diff.checked) {
298
				d = diff_main(i > 0 ? le[i-1].content.replace(/[\r\n]+/g, '') : null, le[i].content.replace(/[\r\n]+/g, ''), false);
299
				diff_cleanup_semantic(d);
300
				h += '<h3>Diff ' + (i-1) + ',' + i + '</h3><div class="undodata">' + diff_prettyhtml(d) + '</div>';
301
			}
302
		}
303
	}
304
 
305
	se.innerHTML = h;
306
}
307
 
308
function clearLog() {
309
	document.getElementById('log').innerHTML = '';
310
	devkit._startTime = null;
311
}
312
 
313
function cancelAction() {
314
	parent.document.getElementById('devkit').style.display = 'none';
315
}
316
 
317
function toggleDebugEvents(s) {
318
	devkit._debugEvents(s);
319
}
320
 
321
function storeSelection() {
322
	book = tinyMCE.selectedInstance.selection.getBookmark();
323
 
324
	return false;
325
}
326
 
327
function restoreSelection() {
328
	tinyMCE.selectedInstance.selection.moveToBookmark(book);
329
 
330
	return false;
331
}