library/tinymce/jscripts/tiny_mce/plugins/fullscreen/editor_plugin_src.js

   1 /**\r
   2  * editor_plugin_src.js\r
   3  *\r
   4  * Copyright 2009, Moxiecode Systems AB\r
   5  * Released under LGPL License.\r
   6  *\r
   7  * License: http://tinymce.moxiecode.com/license\r
   8  * Contributing: http://tinymce.moxiecode.com/contributing\r
   9  */\r
  10 \r
  11 (function() {\r
  12         var DOM = tinymce.DOM;\r
  13 \r
  14         // State Transfer function\r
  15         var transferState = function(oldEditor, newEditor, bookmark) {\r
  16                 var transferColorButtonState = function(swapme) {\r
  17                         var c = oldEditor.controlManager.get(swapme);\r
  18                         var newC = newEditor.controlManager.get(swapme);\r
  19 \r
  20                         if (c && newC) {\r
  21                                 newC.displayColor(c.value);\r
  22                         }\r
  23 \r
  24                 };\r
  25 \r
  26                 transferColorButtonState('forecolor');\r
  27                 transferColorButtonState('backcolor');\r
  28                 newEditor.setContent(oldEditor.getContent({format : 'raw'}), {format : 'raw'});\r
  29                 newEditor.selection.moveToBookmark(bookmark);\r
  30 \r
  31                 if (oldEditor.plugins.spellchecker && newEditor.plugins.spellchecker) {\r
  32                         newEditor.plugins.spellchecker.setLanguage(oldEditor.plugins.spellchecker.selectedLang);\r
  33                 }\r
  34         };\r
  35 \r
  36         tinymce.create('tinymce.plugins.FullScreenPlugin', {\r
  37                 init : function(ed, url) {\r
  38                         var t = this, s = {}, de = DOM.doc.documentElement, vp, fullscreen_overflow, fullscreen_html_overflow, fullscreen_scrollx, fullscreen_scrolly, posCss, bookmark;\r
  39 \r
  40                         // Register commands\r
  41                         ed.addCommand('mceFullScreen', function() {\r
  42                                 var win, oed;\r
  43 \r
  44                                 if (ed.getParam('fullscreen_is_enabled')) {\r
  45                                         if (ed.getParam('fullscreen_new_window'))\r
  46                                                 closeFullscreen(); // Call to close in fullscreen.htm\r
  47                                         else {\r
  48                                                 DOM.win.setTimeout(function() {\r
  49                                                         var fullscreenEditor = ed;\r
  50 \r
  51                                                         // find the editor that opened this one, execute restore function there\r
  52                                                         var originalEditor = tinyMCE.get(fullscreenEditor.getParam('fullscreen_editor_id'));\r
  53                                                         originalEditor.plugins.fullscreen.saveState(fullscreenEditor);\r
  54 \r
  55                                                         tinyMCE.remove(fullscreenEditor);\r
  56                                                 }, 10);\r
  57                                         }\r
  58 \r
  59                                         return;\r
  60                                 }\r
  61 \r
  62                                 if (ed.getParam('fullscreen_new_window')) {\r
  63                                         t.fullscreenSettings = {\r
  64                                                 bookmark: ed.selection.getBookmark()\r
  65                                         };\r
  66                                         win = DOM.win.open(url + "/fullscreen.htm", "mceFullScreenPopup", "fullscreen=yes,menubar=no,toolbar=no,scrollbars=no,resizable=yes,left=0,top=0,width=" + screen.availWidth + ",height=" + screen.availHeight);\r
  67                                         try {\r
  68                                                 win.resizeTo(screen.availWidth, screen.availHeight);\r
  69                                         } catch (e) {\r
  70                                                 // Ignore\r
  71                                         }\r
  72                                 } else {\r
  73                                         fullscreen_overflow = DOM.getStyle(DOM.doc.body, 'overflow', 1) || 'auto';\r
  74                                         fullscreen_html_overflow = DOM.getStyle(de, 'overflow', 1);\r
  75                                         vp = DOM.getViewPort();\r
  76                                         fullscreen_scrollx = vp.x;\r
  77                                         fullscreen_scrolly = vp.y;\r
  78 \r
  79                                         // Fixes an Opera bug where the scrollbars doesn't reappear\r
  80                                         if (tinymce.isOpera && fullscreen_overflow == 'visible')\r
  81                                                 fullscreen_overflow = 'auto';\r
  82 \r
  83                                         // Fixes an IE bug where horizontal scrollbars would appear\r
  84                                         if (tinymce.isIE && fullscreen_overflow == 'scroll')\r
  85                                                 fullscreen_overflow = 'auto';\r
  86 \r
  87                                         // Fixes an IE bug where the scrollbars doesn't reappear\r
  88                                         if (tinymce.isIE && (fullscreen_html_overflow == 'visible' || fullscreen_html_overflow == 'scroll'))\r
  89                                                 fullscreen_html_overflow = 'auto';\r
  90 \r
  91                                         if (fullscreen_overflow == '0px')\r
  92                                                 fullscreen_overflow = '';\r
  93 \r
  94                                         DOM.setStyle(DOM.doc.body, 'overflow', 'hidden');\r
  95                                         de.style.overflow = 'hidden'; //Fix for IE6/7\r
  96                                         vp = DOM.getViewPort();\r
  97                                         DOM.win.scrollTo(0, 0);\r
  98 \r
  99                                         if (tinymce.isIE)\r
 100                                                 vp.h -= 1;\r
 101 \r
 102                                         // Use fixed position if it exists\r
 103                                         if (tinymce.isIE6 || document.compatMode == 'BackCompat')\r
 104                                                 posCss = 'absolute;top:' + vp.y;\r
 105                                         else\r
 106                                                 posCss = 'fixed;top:0';\r
 107 \r
 108                                         n = DOM.add(DOM.doc.body, 'div', {\r
 109                                                 id : 'mce_fullscreen_container',\r
 110                                                 style : 'position:' + posCss + ';left:0;width:' + vp.w + 'px;height:' + vp.h + 'px;z-index:200000;'});\r
 111                                         DOM.add(n, 'div', {id : 'mce_fullscreen'});\r
 112 \r
 113                                         tinymce.each(ed.settings, function(v, n) {\r
 114                                                 s[n] = v;\r
 115                                         });\r
 116 \r
 117                                         s.id = 'mce_fullscreen';\r
 118                                         s.width = n.clientWidth;\r
 119                                         s.height = n.clientHeight - 15;\r
 120                                         s.fullscreen_is_enabled = true;\r
 121                                         s.fullscreen_editor_id = ed.id;\r
 122                                         s.theme_advanced_resizing = false;\r
 123                                         s.save_onsavecallback = function() {\r
 124                                                 ed.setContent(tinyMCE.get(s.id).getContent());\r
 125                                                 ed.execCommand('mceSave');\r
 126                                         };\r
 127 \r
 128                                         tinymce.each(ed.getParam('fullscreen_settings'), function(v, k) {\r
 129                                                 s[k] = v;\r
 130                                         });\r
 131 \r
 132                                         t.fullscreenSettings = {\r
 133                                                 bookmark: ed.selection.getBookmark(),\r
 134                                                 fullscreen_overflow: fullscreen_overflow,\r
 135                                                 fullscreen_html_overflow: fullscreen_html_overflow,\r
 136                                                 fullscreen_scrollx: fullscreen_scrollx,\r
 137                                                 fullscreen_scrolly: fullscreen_scrolly\r
 138                                         };\r
 139 \r
 140                                         if (s.theme_advanced_toolbar_location === 'external')\r
 141                                                 s.theme_advanced_toolbar_location = 'top';\r
 142 \r
 143                                         tinyMCE.oldSettings = tinyMCE.settings; // Store old settings, the Editor constructor overwrites them\r
 144                                         t.fullscreenEditor = new tinymce.Editor('mce_fullscreen', s);\r
 145                                         t.fullscreenEditor.onInit.add(function() {\r
 146                                                 t.loadState(t.fullscreenEditor);\r
 147                                         });\r
 148 \r
 149                                         t.fullscreenEditor.render();\r
 150 \r
 151                                         t.fullscreenElement = new tinymce.dom.Element('mce_fullscreen_container');\r
 152                                         t.fullscreenElement.update();\r
 153                                         //document.body.overflow = 'hidden';\r
 154 \r
 155                                         t.resizeFunc = tinymce.dom.Event.add(DOM.win, 'resize', function() {\r
 156                                                 var vp = tinymce.DOM.getViewPort(), fed = t.fullscreenEditor, outerSize, innerSize;\r
 157 \r
 158                                                 // Get outer/inner size to get a delta size that can be used to calc the new iframe size\r
 159                                                 outerSize = fed.dom.getSize(fed.getContainer().getElementsByTagName('table')[0]);\r
 160                                                 innerSize = fed.dom.getSize(fed.getContainer().getElementsByTagName('iframe')[0]);\r
 161 \r
 162                                                 fed.theme.resizeTo(vp.w - outerSize.w + innerSize.w, vp.h - outerSize.h + innerSize.h);\r
 163                                         });\r
 164                                 }\r
 165                         });\r
 166 \r
 167                         // Register buttons\r
 168                         ed.addButton('fullscreen', {title : 'fullscreen.desc', cmd : 'mceFullScreen'});\r
 169 \r
 170                         ed.onNodeChange.add(function(ed, cm) {\r
 171                                 cm.setActive('fullscreen', ed.getParam('fullscreen_is_enabled'));\r
 172                         });\r
 173 \r
 174                         // fullscreenEditor is a param here because in window mode we don't create it\r
 175                         t.loadState = function(fullscreenEditor) {\r
 176                                 if (!(fullscreenEditor && t.fullscreenSettings)) {\r
 177                                         throw "No fullscreen editor to load to";\r
 178                                 }\r
 179 \r
 180                                 transferState(ed, fullscreenEditor, t.fullscreenSettings.bookmark);\r
 181                                 fullscreenEditor.focus();\r
 182 \r
 183                         };\r
 184 \r
 185                         // fullscreenEditor is a param here because in window mode we don't create it\r
 186                         t.saveState = function(fullscreenEditor) {\r
 187                                 if (!(fullscreenEditor && t.fullscreenSettings)) {\r
 188                                         throw "No fullscreen editor to restore from";\r
 189                                 }\r
 190                                 var settings = t.fullscreenSettings;\r
 191 \r
 192                                 transferState(fullscreenEditor, ed, fullscreenEditor.selection.getBookmark());\r
 193 \r
 194                                 // cleanup only required if window mode isn't used\r
 195                                 if (!ed.getParam('fullscreen_new_window')) {\r
 196                                         tinymce.dom.Event.remove(DOM.win, 'resize', t.resizeFunc);\r
 197                                         delete t.resizeFunc;\r
 198 \r
 199                                         DOM.remove('mce_fullscreen_container');\r
 200 \r
 201                                         DOM.doc.documentElement.style.overflow = settings.fullscreen_html_overflow;\r
 202                                         DOM.setStyle(DOM.doc.body, 'overflow', settings.fullscreen_overflow);\r
 203                                         DOM.win.scrollTo(settings.fullscreen_scrollx, settings.fullscreen_scrolly);\r
 204                                 }\r
 205                                 tinyMCE.settings = tinyMCE.oldSettings; // Restore old settings\r
 206 \r
 207                                 // clear variables\r
 208                                 delete tinyMCE.oldSettings;\r
 209                                 delete t.fullscreenEditor;\r
 210                                 delete t.fullscreenElement;\r
 211                                 delete t.fullscreenSettings;\r
 212 \r
 213                                 // allow the fullscreen editor to be removed before restoring focus and selection\r
 214                                 DOM.win.setTimeout(function() {\r
 215                                         ed.selection.moveToBookmark(bookmark);\r
 216                                         ed.focus();\r
 217                                 }, 10);\r
 218                         };\r
 219                 },\r
 220 \r
 221                 getInfo : function() {\r
 222                         return {\r
 223                                 longname : 'Fullscreen',\r
 224                                 author : 'Moxiecode Systems AB',\r
 225                                 authorurl : 'http://tinymce.moxiecode.com',\r
 226                                 infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/fullscreen',\r
 227                                 version : tinymce.majorVersion + "." + tinymce.minorVersion\r
 228                         };\r
 229                 }\r
 230         });\r
 231 \r
 232         // Register plugin\r
 233         tinymce.PluginManager.add('fullscreen', tinymce.plugins.FullScreenPlugin);\r
 234 })();\r