← Back to branch summary

~kosova/+junk/tuxfamily-twiki

« back to all changes in this revision

Viewing changes to foswiki/pub/System/TinyMCEPlugin/tinymce/jscripts/tiny_mce/plugins/devkit/jscripts/devkit.js

  • Committer: James Michael DuPont
  • Date: 2009-07-18 19:58:49 UTC
  • Revision ID: jamesmikedupont@gmail.com-20090718195849-vgbmaht2ys791uo2
added foswiki

Show diffs side-by-side

added added

removed removed

Lines of Context:
foswiki/pub/System/TinyMCEPlugin/tinymce/jscripts/tiny_mce/plugins/devkit/jscripts/devkit.js
 
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
}
 
 
b'\\ No newline at end of file'