[Summary view] [Print] [Text view]

   1  /**
   2   * WP Fullscreen TinyMCE plugin
   3   *
   4   * Contains code from Moxiecode Systems AB released under LGPL License http://tinymce.moxiecode.com/license
   5   */
   6  
   7  (function() {
   8      tinymce.create('tinymce.plugins.wpFullscreenPlugin', {
   9  
  10          init : function(ed, url) {
  11              var t = this, oldHeight = 0, s = {}, DOM = tinymce.DOM, resized = false;
  12  
  13              // Register commands
  14              ed.addCommand('wpFullScreenClose', function() {
  15                  // this removes the editor, content has to be saved first with tinyMCE.execCommand('wpFullScreenSave');
  16                  if ( ed.getParam('wp_fullscreen_is_enabled') ) {
  17                      DOM.win.setTimeout(function() {
  18                          tinyMCE.remove(ed);
  19                          DOM.remove('wp_mce_fullscreen_parent');
  20                          tinyMCE.settings = tinyMCE.oldSettings; // Restore old settings
  21                      }, 10);
  22                  }
  23              });
  24  
  25              ed.addCommand('wpFullScreenSave', function() {
  26                  var ed = tinyMCE.get('wp_mce_fullscreen'), edd;
  27  
  28                  ed.focus();
  29                  edd = tinyMCE.get( ed.getParam('wp_fullscreen_editor_id') );
  30  
  31                  edd.setContent( ed.getContent({format : 'raw'}), {format : 'raw'} );
  32              });
  33  
  34              ed.addCommand('wpFullScreenInit', function() {
  35                  var d, b, fsed;
  36  
  37                  ed = tinymce.get('content');
  38                  d = ed.getDoc();
  39                  b = d.body;
  40  
  41                  tinyMCE.oldSettings = tinyMCE.settings; // Store old settings
  42  
  43                  tinymce.each(ed.settings, function(v, n) {
  44                      s[n] = v;
  45                  });
  46  
  47                  s.id = 'wp_mce_fullscreen';
  48                  s.wp_fullscreen_is_enabled = true;
  49                  s.wp_fullscreen_editor_id = ed.id;
  50                  s.theme_advanced_resizing = false;
  51                  s.theme_advanced_statusbar_location = 'none';
  52                  s.content_css = s.content_css ? s.content_css + ',' + s.wp_fullscreen_content_css : s.wp_fullscreen_content_css;
  53                  s.height = tinymce.isIE ? b.scrollHeight : b.offsetHeight;
  54  
  55                  tinymce.each(ed.getParam('wp_fullscreen_settings'), function(v, k) {
  56                      s[k] = v;
  57                  });
  58  
  59                  fsed = new tinymce.Editor('wp_mce_fullscreen', s);
  60                  fsed.onInit.add(function(edd) {
  61                      var DOM = tinymce.DOM, buttons = DOM.select('a.mceButton', DOM.get('wp-fullscreen-buttons'));
  62  
  63                      if ( !ed.isHidden() )
  64                          edd.setContent( ed.getContent() );
  65                      else
  66                          edd.setContent( switchEditors.wpautop( edd.getElement().value ) );
  67  
  68                      setTimeout(function(){ // add last
  69                          edd.onNodeChange.add(function(ed, cm, e){
  70                              tinymce.each(buttons, function(c) {
  71                                  var btn, cls;
  72  
  73                                  if ( btn = DOM.get( 'wp_mce_fullscreen_' + c.id.substr(6) ) ) {
  74                                      cls = btn.className;
  75  
  76                                      if ( cls )
  77                                          c.className = cls;
  78                                  }
  79                              });
  80                          });
  81                      }, 1000);
  82  
  83                      edd.dom.addClass(edd.getBody(), 'wp-fullscreen-editor');
  84                      edd.focus();
  85                  });
  86  
  87                  fsed.render();
  88  
  89                  if ( 'undefined' != fullscreen ) {
  90                      fsed.dom.bind( fsed.dom.doc, 'mousemove', function(e){
  91                          fullscreen.bounder( 'showToolbar', 'hideToolbar', 2000, e );
  92                      });
  93                  }
  94              });
  95  
  96              // Register buttons
  97              if ( 'undefined' != fullscreen ) {
  98                  ed.addButton('wp_fullscreen', {
  99                      title : 'fullscreen.desc',
 100                      onclick : function(){ fullscreen.on(); }
 101                  });
 102              }
 103  
 104              // END fullscreen
 105  //----------------------------------------------------------------
 106              // START autoresize
 107  
 108              if ( ed.getParam('fullscreen_is_enabled') || !ed.getParam('wp_fullscreen_is_enabled') )
 109                  return;
 110  
 111              /**
 112               * This method gets executed each time the editor needs to resize.
 113               */
 114  			function resize() {
 115                  if ( resized )
 116                      return;
 117  
 118                  var d = ed.getDoc(), DOM = tinymce.DOM, resizeHeight, myHeight;
 119  
 120                  // Get height differently depending on the browser used
 121                  if ( tinymce.isIE )
 122                      myHeight = d.body.scrollHeight;
 123                  else
 124                      myHeight = d.documentElement.offsetHeight;
 125  
 126                  // Don't make it smaller than 300px
 127                  resizeHeight = (myHeight > 300) ? myHeight : 300;
 128  
 129                  // Resize content element
 130                  if ( oldHeight != resizeHeight ) {
 131                      oldHeight = resizeHeight;
 132                      resized = true;
 133                      setTimeout(function(){ resized = false; }, 100);
 134  
 135                      DOM.setStyle(DOM.get(ed.id + '_ifr'), 'height', resizeHeight + 'px');
 136                  }
 137              };
 138  
 139              // Add appropriate listeners for resizing content area
 140              ed.onInit.add(function(ed, l) {
 141                  ed.onChange.add(resize);
 142                  ed.onSetContent.add(resize);
 143                  ed.onPaste.add(resize);
 144                  ed.onKeyUp.add(resize);
 145                  ed.onPostRender.add(resize);
 146  
 147                  ed.getBody().style.overflowY = "hidden";
 148              });
 149  
 150              if (ed.getParam('autoresize_on_init', true)) {
 151                  ed.onLoadContent.add(function(ed, l) {
 152                      // Because the content area resizes when its content CSS loads,
 153                      // and we can't easily add a listener to its onload event,
 154                      // we'll just trigger a resize after a short loading period
 155                      setTimeout(function() {
 156                          resize();
 157                      }, 1200);
 158                  });
 159              }
 160  
 161              // Register the command so that it can be invoked by using tinyMCE.activeEditor.execCommand('mceExample');
 162              ed.addCommand('wpAutoResize', resize);
 163          },
 164  
 165          getInfo : function() {
 166              return {
 167                  longname : 'WP Fullscreen',
 168                  author : 'WordPress',
 169                  authorurl : 'http://wordpress.org',
 170                  infourl : '',
 171                  version : '1.0'
 172              };
 173          }
 174      });
 175  
 176      // Register plugin
 177      tinymce.PluginManager.add('wpfullscreen', tinymce.plugins.wpFullscreenPlugin);
 178  })();