webcit/tiny_mce/plugins/fullscreen/editor_plugin_src.js

   1 /**\r
   2  * $Id: editor_plugin_src.js 923 2008-09-09 16:45:29Z spocke $\r
   3  *\r
   4  * @author Moxiecode\r
   5  * @copyright Copyright © 2004-2008, Moxiecode Systems AB, All rights reserved.\r
   6  */\r
   7 \r
   8 (function() {\r
   9         var DOM = tinymce.DOM;\r
  10 \r
  11         tinymce.create('tinymce.plugins.FullScreenPlugin', {\r
  12                 init : function(ed, url) {\r
  13                         var t = this, s = {}, vp;\r
  14 \r
  15                         t.editor = ed;\r
  16 \r
  17                         // Register commands\r
  18                         ed.addCommand('mceFullScreen', function() {\r
  19                                 var win, de = DOM.doc.documentElement;\r
  20 \r
  21                                 if (ed.getParam('fullscreen_is_enabled')) {\r
  22                                         if (ed.getParam('fullscreen_new_window'))\r
  23                                                 closeFullscreen(); // Call to close in new window\r
  24                                         else {\r
  25                                                 DOM.win.setTimeout(function() {\r
  26                                                         tinymce.dom.Event.remove(DOM.win, 'resize', t.resizeFunc);\r
  27                                                         tinyMCE.get(ed.getParam('fullscreen_editor_id')).setContent(ed.getContent({format : 'raw'}), {format : 'raw'});\r
  28                                                         tinyMCE.remove(ed);\r
  29                                                         DOM.remove('mce_fullscreen_container');\r
  30                                                         de.style.overflow = ed.getParam('fullscreen_html_overflow');\r
  31                                                         DOM.setStyle(DOM.doc.body, 'overflow', ed.getParam('fullscreen_overflow'));\r
  32                                                         DOM.win.scrollTo(ed.getParam('fullscreen_scrollx'), ed.getParam('fullscreen_scrolly'));\r
  33                                                         tinyMCE.settings = tinyMCE.oldSettings; // Restore old settings\r
  34                                                 }, 10);\r
  35                                         }\r
  36 \r
  37                                         return;\r
  38                                 }\r
  39 \r
  40                                 if (ed.getParam('fullscreen_new_window')) {\r
  41                                         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
  42                                         try {\r
  43                                                 win.resizeTo(screen.availWidth, screen.availHeight);\r
  44                                         } catch (e) {\r
  45                                                 // Ignore\r
  46                                         }\r
  47                                 } else {\r
  48                                         tinyMCE.oldSettings = tinyMCE.settings; // Store old settings\r
  49                                         s.fullscreen_overflow = DOM.getStyle(DOM.doc.body, 'overflow', 1) || 'auto';\r
  50                                         s.fullscreen_html_overflow = DOM.getStyle(de, 'overflow', 1);\r
  51                                         vp = DOM.getViewPort();\r
  52                                         s.fullscreen_scrollx = vp.x;\r
  53                                         s.fullscreen_scrolly = vp.y;\r
  54 \r
  55                                         // Fixes an Opera bug where the scrollbars doesn't reappear\r
  56                                         if (tinymce.isOpera && s.fullscreen_overflow == 'visible')\r
  57                                                 s.fullscreen_overflow = 'auto';\r
  58 \r
  59                                         // Fixes an IE bug where horizontal scrollbars would appear\r
  60                                         if (tinymce.isIE && s.fullscreen_overflow == 'scroll')\r
  61                                                 s.fullscreen_overflow = 'auto';\r
  62 \r
  63                                         // Fixes an IE bug where the scrollbars doesn't reappear\r
  64                                         if (tinymce.isIE && (s.fullscreen_html_overflow == 'visible' || s.fullscreen_html_overflow == 'scroll'))\r
  65                                                 s.fullscreen_html_overflow = 'auto'; \r
  66 \r
  67                                         if (s.fullscreen_overflow == '0px')\r
  68                                                 s.fullscreen_overflow = '';\r
  69 \r
  70                                         DOM.setStyle(DOM.doc.body, 'overflow', 'hidden');\r
  71                                         de.style.overflow = 'hidden'; //Fix for IE6/7\r
  72                                         vp = DOM.getViewPort();\r
  73                                         DOM.win.scrollTo(0, 0);\r
  74 \r
  75                                         if (tinymce.isIE)\r
  76                                                 vp.h -= 1;\r
  77 \r
  78                                         n = DOM.add(DOM.doc.body, 'div', {id : 'mce_fullscreen_container', style : 'position:' + (tinymce.isIE6 || (tinymce.isIE && !DOM.boxModel) ? 'absolute' : 'fixed') + ';top:0;left:0;width:' + vp.w + 'px;height:' + vp.h + 'px;z-index:200000;'});\r
  79                                         DOM.add(n, 'div', {id : 'mce_fullscreen'});\r
  80 \r
  81                                         tinymce.each(ed.settings, function(v, n) {\r
  82                                                 s[n] = v;\r
  83                                         });\r
  84 \r
  85                                         s.id = 'mce_fullscreen';\r
  86                                         s.width = n.clientWidth;\r
  87                                         s.height = n.clientHeight - 15;\r
  88                                         s.fullscreen_is_enabled = true;\r
  89                                         s.fullscreen_editor_id = ed.id;\r
  90                                         s.theme_advanced_resizing = false;\r
  91                                         s.save_onsavecallback = function() {\r
  92                                                 ed.setContent(tinyMCE.get(s.id).getContent({format : 'raw'}), {format : 'raw'});\r
  93                                                 ed.execCommand('mceSave');\r
  94                                         };\r
  95 \r
  96                                         tinymce.each(ed.getParam('fullscreen_settings'), function(v, k) {\r
  97                                                 s[k] = v;\r
  98                                         });\r
  99 \r
 100                                         if (s.theme_advanced_toolbar_location === 'external')\r
 101                                                 s.theme_advanced_toolbar_location = 'top';\r
 102 \r
 103                                         t.fullscreenEditor = new tinymce.Editor('mce_fullscreen', s);\r
 104                                         t.fullscreenEditor.onInit.add(function() {\r
 105                                                 t.fullscreenEditor.setContent(ed.getContent());\r
 106                                                 t.fullscreenEditor.focus();\r
 107                                         });\r
 108 \r
 109                                         t.fullscreenEditor.render();\r
 110                                         tinyMCE.add(t.fullscreenEditor);\r
 111 \r
 112                                         t.fullscreenElement = new tinymce.dom.Element('mce_fullscreen_container');\r
 113                                         t.fullscreenElement.update();\r
 114                                         //document.body.overflow = 'hidden';\r
 115 \r
 116                                         t.resizeFunc = tinymce.dom.Event.add(DOM.win, 'resize', function() {\r
 117                                                 var vp = tinymce.DOM.getViewPort();\r
 118 \r
 119                                                 t.fullscreenEditor.theme.resizeTo(vp.w, vp.h);\r
 120                                         });\r
 121                                 }\r
 122                         });\r
 123 \r
 124                         // Register buttons\r
 125                         ed.addButton('fullscreen', {title : 'fullscreen.desc', cmd : 'mceFullScreen'});\r
 126 \r
 127                         ed.onNodeChange.add(function(ed, cm) {\r
 128                                 cm.setActive('fullscreen', ed.getParam('fullscreen_is_enabled'));\r
 129                         });\r
 130                 },\r
 131 \r
 132                 getInfo : function() {\r
 133                         return {\r
 134                                 longname : 'Fullscreen',\r
 135                                 author : 'Moxiecode Systems AB',\r
 136                                 authorurl : 'http://tinymce.moxiecode.com',\r
 137                                 infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/fullscreen',\r
 138                                 version : tinymce.majorVersion + "." + tinymce.minorVersion\r
 139                         };\r
 140                 }\r
 141         });\r
 142 \r
 143         // Register plugin\r
 144         tinymce.PluginManager.add('fullscreen', tinymce.plugins.FullScreenPlugin);\r
 145 })();