diff options
| author | hukl <contact@smyck.org> | 2009-02-17 21:54:39 +0100 |
|---|---|---|
| committer | hukl <contact@smyck.org> | 2009-02-17 21:54:39 +0100 |
| commit | f61b5b0597e0c25f084ee67d402f12a43a7a9947 (patch) | |
| tree | 3b4c3f9f38637f1a7ecf703ece4fd3bc4c6e2934 /public/javascripts/tiny_mce/tiny_mce_popup.js | |
| parent | 3d3b786cc43266f6292f5edd25733dbb9bd6ed06 (diff) | |
added tinymce editor for body area of pages
Diffstat (limited to 'public/javascripts/tiny_mce/tiny_mce_popup.js')
| -rwxr-xr-x | public/javascripts/tiny_mce/tiny_mce_popup.js | 294 |
1 files changed, 294 insertions, 0 deletions
diff --git a/public/javascripts/tiny_mce/tiny_mce_popup.js b/public/javascripts/tiny_mce/tiny_mce_popup.js new file mode 100755 index 0000000..6475f39 --- /dev/null +++ b/public/javascripts/tiny_mce/tiny_mce_popup.js | |||
| @@ -0,0 +1,294 @@ | |||
| 1 | // Some global instances | ||
| 2 | var tinymce = null, tinyMCEPopup, tinyMCE; | ||
| 3 | |||
| 4 | tinyMCEPopup = { | ||
| 5 | init : function() { | ||
| 6 | var t = this, w, ti, li, q, i, it; | ||
| 7 | |||
| 8 | li = ('' + document.location.search).replace(/^\?/, '').split('&'); | ||
| 9 | q = {}; | ||
| 10 | for (i=0; i<li.length; i++) { | ||
| 11 | it = li[i].split('='); | ||
| 12 | q[unescape(it[0])] = unescape(it[1]); | ||
| 13 | } | ||
| 14 | |||
| 15 | if (q.mce_rdomain) | ||
| 16 | document.domain = q.mce_rdomain; | ||
| 17 | |||
| 18 | // Find window & API | ||
| 19 | w = t.getWin(); | ||
| 20 | tinymce = w.tinymce; | ||
| 21 | tinyMCE = w.tinyMCE; | ||
| 22 | t.editor = tinymce.EditorManager.activeEditor; | ||
| 23 | t.params = t.editor.windowManager.params; | ||
| 24 | t.features = t.editor.windowManager.features; | ||
| 25 | |||
| 26 | // Setup local DOM | ||
| 27 | t.dom = t.editor.windowManager.createInstance('tinymce.dom.DOMUtils', document); | ||
| 28 | |||
| 29 | // Enables you to skip loading the default css | ||
| 30 | if (t.features.popup_css !== false) | ||
| 31 | t.dom.loadCSS(t.features.popup_css || t.editor.settings.popup_css); | ||
| 32 | |||
| 33 | // Setup on init listeners | ||
| 34 | t.listeners = []; | ||
| 35 | t.onInit = { | ||
| 36 | add : function(f, s) { | ||
| 37 | t.listeners.push({func : f, scope : s}); | ||
| 38 | } | ||
| 39 | }; | ||
| 40 | |||
| 41 | t.isWindow = !t.getWindowArg('mce_inline'); | ||
| 42 | t.id = t.getWindowArg('mce_window_id'); | ||
| 43 | t.editor.windowManager.onOpen.dispatch(t.editor.windowManager, window); | ||
| 44 | }, | ||
| 45 | |||
| 46 | getWin : function() { | ||
| 47 | return window.dialogArguments || opener || parent || top; | ||
| 48 | }, | ||
| 49 | |||
| 50 | getWindowArg : function(n, dv) { | ||
| 51 | var v = this.params[n]; | ||
| 52 | |||
| 53 | return tinymce.is(v) ? v : dv; | ||
| 54 | }, | ||
| 55 | |||
| 56 | getParam : function(n, dv) { | ||
| 57 | return this.editor.getParam(n, dv); | ||
| 58 | }, | ||
| 59 | |||
| 60 | getLang : function(n, dv) { | ||
| 61 | return this.editor.getLang(n, dv); | ||
| 62 | }, | ||
| 63 | |||
| 64 | execCommand : function(cmd, ui, val, a) { | ||
| 65 | a = a || {}; | ||
| 66 | a.skip_focus = 1; | ||
| 67 | |||
| 68 | this.restoreSelection(); | ||
| 69 | return this.editor.execCommand(cmd, ui, val, a); | ||
| 70 | }, | ||
| 71 | |||
| 72 | resizeToInnerSize : function() { | ||
| 73 | var t = this, n, b = document.body, vp = t.dom.getViewPort(window), dw, dh; | ||
| 74 | |||
| 75 | dw = t.getWindowArg('mce_width') - vp.w; | ||
| 76 | dh = t.getWindowArg('mce_height') - vp.h; | ||
| 77 | |||
| 78 | if (t.isWindow) | ||
| 79 | window.resizeBy(dw, dh); | ||
| 80 | else | ||
| 81 | t.editor.windowManager.resizeBy(dw, dh, t.id); | ||
| 82 | }, | ||
| 83 | |||
| 84 | executeOnLoad : function(s) { | ||
| 85 | this.onInit.add(function() { | ||
| 86 | eval(s); | ||
| 87 | }); | ||
| 88 | }, | ||
| 89 | |||
| 90 | storeSelection : function() { | ||
| 91 | this.editor.windowManager.bookmark = tinyMCEPopup.editor.selection.getBookmark('simple'); | ||
| 92 | }, | ||
| 93 | |||
| 94 | restoreSelection : function() { | ||
| 95 | var t = tinyMCEPopup; | ||
| 96 | |||
| 97 | if (!t.isWindow && tinymce.isIE) | ||
| 98 | t.editor.selection.moveToBookmark(t.editor.windowManager.bookmark); | ||
| 99 | }, | ||
| 100 | |||
| 101 | requireLangPack : function() { | ||
| 102 | var u = this.getWindowArg('plugin_url') || this.getWindowArg('theme_url'); | ||
| 103 | |||
| 104 | if (u && this.editor.settings.language) { | ||
| 105 | u += '/langs/' + this.editor.settings.language + '_dlg.js'; | ||
| 106 | |||
| 107 | if (!tinymce.ScriptLoader.isDone(u)) { | ||
| 108 | document.write('<script type="text/javascript" src="' + tinymce._addVer(u) + '"></script>'); | ||
| 109 | tinymce.ScriptLoader.markDone(u); | ||
| 110 | } | ||
| 111 | } | ||
| 112 | }, | ||
| 113 | |||
| 114 | pickColor : function(e, element_id) { | ||
| 115 | this.execCommand('mceColorPicker', true, { | ||
| 116 | color : document.getElementById(element_id).value, | ||
| 117 | func : function(c) { | ||
| 118 | document.getElementById(element_id).value = c; | ||
| 119 | |||
| 120 | try { | ||
| 121 | document.getElementById(element_id).onchange(); | ||
| 122 | } catch (ex) { | ||
| 123 | // Try fire event, ignore errors | ||
| 124 | } | ||
| 125 | } | ||
| 126 | }); | ||
| 127 | }, | ||
| 128 | |||
| 129 | openBrowser : function(element_id, type, option) { | ||
| 130 | tinyMCEPopup.restoreSelection(); | ||
| 131 | this.editor.execCallback('file_browser_callback', element_id, document.getElementById(element_id).value, type, window); | ||
| 132 | }, | ||
| 133 | |||
| 134 | confirm : function(t, cb, s) { | ||
| 135 | this.editor.windowManager.confirm(t, cb, s, window); | ||
| 136 | }, | ||
| 137 | |||
| 138 | alert : function(tx, cb, s) { | ||
| 139 | this.editor.windowManager.alert(tx, cb, s, window); | ||
| 140 | }, | ||
| 141 | |||
| 142 | close : function() { | ||
| 143 | var t = this; | ||
| 144 | |||
| 145 | // To avoid domain relaxing issue in Opera | ||
| 146 | function close() { | ||
| 147 | t.editor.windowManager.close(window); | ||
| 148 | tinymce = tinyMCE = t.editor = t.params = t.dom = t.dom.doc = null; // Cleanup | ||
| 149 | }; | ||
| 150 | |||
| 151 | if (tinymce.isOpera) | ||
| 152 | t.getWin().setTimeout(close, 0); | ||
| 153 | else | ||
| 154 | close(); | ||
| 155 | }, | ||
| 156 | |||
| 157 | // Internal functions | ||
| 158 | |||
| 159 | _restoreSelection : function() { | ||
| 160 | var e = window.event.srcElement; | ||
| 161 | |||
| 162 | if (e.nodeName == 'INPUT' && (e.type == 'submit' || e.type == 'button')) | ||
| 163 | tinyMCEPopup.restoreSelection(); | ||
| 164 | }, | ||
| 165 | |||
| 166 | /* _restoreSelection : function() { | ||
| 167 | var e = window.event.srcElement; | ||
| 168 | |||
| 169 | // If user focus a non text input or textarea | ||
| 170 | if ((e.nodeName != 'INPUT' && e.nodeName != 'TEXTAREA') || e.type != 'text') | ||
| 171 | tinyMCEPopup.restoreSelection(); | ||
| 172 | },*/ | ||
| 173 | |||
| 174 | _onDOMLoaded : function() { | ||
| 175 | var t = this, ti = document.title, bm, h, nv; | ||
| 176 | |||
| 177 | // Translate page | ||
| 178 | if (t.features.translate_i18n !== false) { | ||
| 179 | h = document.body.innerHTML; | ||
| 180 | |||
| 181 | // Replace a=x with a="x" in IE | ||
| 182 | if (tinymce.isIE) | ||
| 183 | h = h.replace(/ (value|title|alt)=([^"][^\s>]+)/gi, ' $1="$2"') | ||
| 184 | |||
| 185 | document.dir = t.editor.getParam('directionality',''); | ||
| 186 | |||
| 187 | if ((nv = t.editor.translate(h)) && nv != h) | ||
| 188 | document.body.innerHTML = nv; | ||
| 189 | |||
| 190 | if ((nv = t.editor.translate(ti)) && nv != ti) | ||
| 191 | document.title = ti = nv; | ||
| 192 | } | ||
| 193 | |||
| 194 | document.body.style.display = ''; | ||
| 195 | |||
| 196 | // Restore selection in IE when focus is placed on a non textarea or input element of the type text | ||
| 197 | if (tinymce.isIE) | ||
| 198 | document.attachEvent('onmouseup', tinyMCEPopup._restoreSelection); | ||
| 199 | |||
| 200 | t.restoreSelection(); | ||
| 201 | t.resizeToInnerSize(); | ||
| 202 | |||
| 203 | // Set inline title | ||
| 204 | if (!t.isWindow) | ||
| 205 | t.editor.windowManager.setTitle(window, ti); | ||
| 206 | else | ||
| 207 | window.focus(); | ||
| 208 | |||
| 209 | if (!tinymce.isIE && !t.isWindow) { | ||
| 210 | tinymce.dom.Event._add(document, 'focus', function() { | ||
| 211 | t.editor.windowManager.focus(t.id) | ||
| 212 | }); | ||
| 213 | } | ||
| 214 | |||
| 215 | // Patch for accessibility | ||
| 216 | tinymce.each(t.dom.select('select'), function(e) { | ||
| 217 | e.onkeydown = tinyMCEPopup._accessHandler; | ||
| 218 | }); | ||
| 219 | |||
| 220 | // Call onInit | ||
| 221 | // Init must be called before focus so the selection won't get lost by the focus call | ||
| 222 | tinymce.each(t.listeners, function(o) { | ||
| 223 | o.func.call(o.scope, t.editor); | ||
| 224 | }); | ||
| 225 | |||
| 226 | // Move focus to window | ||
| 227 | if (t.getWindowArg('mce_auto_focus', true)) { | ||
| 228 | window.focus(); | ||
| 229 | |||
| 230 | // Focus element with mceFocus class | ||
| 231 | tinymce.each(document.forms, function(f) { | ||
| 232 | tinymce.each(f.elements, function(e) { | ||
| 233 | if (t.dom.hasClass(e, 'mceFocus') && !e.disabled) { | ||
| 234 | e.focus(); | ||
| 235 | return false; // Break loop | ||
| 236 | } | ||
| 237 | }); | ||
| 238 | }); | ||
| 239 | } | ||
| 240 | |||
| 241 | document.onkeyup = tinyMCEPopup._closeWinKeyHandler; | ||
| 242 | }, | ||
| 243 | |||
| 244 | _accessHandler : function(e) { | ||
| 245 | e = e || window.event; | ||
| 246 | |||
| 247 | if (e.keyCode == 13 || e.keyCode == 32) { | ||
| 248 | e = e.target || e.srcElement; | ||
| 249 | |||
| 250 | if (e.onchange) | ||
| 251 | e.onchange(); | ||
| 252 | |||
| 253 | return tinymce.dom.Event.cancel(e); | ||
| 254 | } | ||
| 255 | }, | ||
| 256 | |||
| 257 | _closeWinKeyHandler : function(e) { | ||
| 258 | e = e || window.event; | ||
| 259 | |||
| 260 | if (e.keyCode == 27) | ||
| 261 | tinyMCEPopup.close(); | ||
| 262 | }, | ||
| 263 | |||
| 264 | _wait : function() { | ||
| 265 | var t = this, ti; | ||
| 266 | |||
| 267 | if (tinymce.isIE && document.location.protocol != 'https:') { | ||
| 268 | // Fake DOMContentLoaded on IE | ||
| 269 | document.write('<script id=__ie_onload defer src=\'javascript:""\';><\/script>'); | ||
| 270 | document.getElementById("__ie_onload").onreadystatechange = function() { | ||
| 271 | if (this.readyState == "complete") { | ||
| 272 | t._onDOMLoaded(); | ||
| 273 | document.getElementById("__ie_onload").onreadystatechange = null; // Prevent leak | ||
| 274 | } | ||
| 275 | }; | ||
| 276 | } else { | ||
| 277 | if (tinymce.isIE || tinymce.isWebKit) { | ||
| 278 | ti = setInterval(function() { | ||
| 279 | if (/loaded|complete/.test(document.readyState)) { | ||
| 280 | clearInterval(ti); | ||
| 281 | t._onDOMLoaded(); | ||
| 282 | } | ||
| 283 | }, 10); | ||
| 284 | } else { | ||
| 285 | window.addEventListener('DOMContentLoaded', function() { | ||
| 286 | t._onDOMLoaded(); | ||
| 287 | }, false); | ||
| 288 | } | ||
| 289 | } | ||
| 290 | } | ||
| 291 | }; | ||
| 292 | |||
| 293 | tinyMCEPopup.init(); | ||
| 294 | tinyMCEPopup._wait(); // Wait for DOM Content Loaded | ||
