[Summary view] [Print] [Text view]

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