docs/include/jscripts/tiny_mce/plugins/autoresize/editor_plugin_src.js

   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         /**
  13          * Auto Resize
  14          *
  15          * This plugin automatically resizes the content area to fit its content height.
  16          * It will retain a minimum height, which is the height of the content area when
  17          * it's initialized.
  18          */
  19         tinymce.create('tinymce.plugins.AutoResizePlugin', {
  20                 /**
  21                  * Initializes the plugin, this will be executed after the plugin has been created.
  22                  * This call is done before the editor instance has finished it's initialization so use the onInit event
  23                  * of the editor instance to intercept that event.
  24                  *
  25                  * @param {tinymce.Editor} ed Editor instance that the plugin is initialized in.
  26                  * @param {string} url Absolute URL to where the plugin is located.
  27                  */
  28                 init : function(ed, url) {
  29                         var t = this;
  30
  31                         if (ed.getParam('fullscreen_is_enabled'))
  32                                 return;
  33
  34                         /**
  35                          * This method gets executed each time the editor needs to resize.
  36                          */
  37                         function resize() {
  38                                 var d = ed.getDoc(), b = d.body, de = d.documentElement, DOM = tinymce.DOM, resizeHeight = t.autoresize_min_height, myHeight;
  39
  40                                 // Get height differently depending on the browser used
  41                                 myHeight = tinymce.isIE ? b.scrollHeight : de.offsetHeight;
  42
  43                                 // Don't make it smaller than the minimum height
  44                                 if (myHeight > t.autoresize_min_height)
  45                                         resizeHeight = myHeight;
  46
  47                                 // Resize content element
  48                                 DOM.setStyle(DOM.get(ed.id + '_ifr'), 'height', resizeHeight + 'px');
  49
  50                                 // if we're throbbing, we'll re-throb to match the new size
  51                                 if (t.throbbing) {
  52                                         ed.setProgressState(false);
  53                                         ed.setProgressState(true);
  54                                 }
  55                         };
  56
  57                         t.editor = ed;
  58
  59                         // Define minimum height
  60                         t.autoresize_min_height = ed.getElement().offsetHeight;
  61
  62                         // Things to do when the editor is ready
  63                         ed.onInit.add(function(ed, l) {
  64                                 // Show throbber until content area is resized properly
  65                                 ed.setProgressState(true);
  66                                 t.throbbing = true;
  67
  68                                 // Hide scrollbars
  69                                 ed.getBody().style.overflowY = "hidden";
  70                         });
  71
  72                         // Add appropriate listeners for resizing content area
  73                         ed.onChange.add(resize);
  74                         ed.onSetContent.add(resize);
  75                         ed.onPaste.add(resize);
  76                         ed.onKeyUp.add(resize);
  77                         ed.onPostRender.add(resize);
  78
  79                         ed.onLoadContent.add(function(ed, l) {
  80                                 resize();
  81
  82                                 // Because the content area resizes when its content CSS loads,
  83                                 // and we can't easily add a listener to its onload event,
  84                                 // we'll just trigger a resize after a short loading period
  85                                 setTimeout(function() {
  86                                         resize();
  87
  88                                         // Disable throbber
  89                                         ed.setProgressState(false);
  90                                         t.throbbing = false;
  91                                 }, 1250);
  92                         });
  93
  94                         // Register the command so that it can be invoked by using tinyMCE.activeEditor.execCommand('mceExample');
  95                         ed.addCommand('mceAutoResize', resize);
  96                 },
  97
  98                 /**
  99                  * Returns information about the plugin as a name/value array.
 100                  * The current keys are longname, author, authorurl, infourl and version.
 101                  *
 102                  * @return {Object} Name/value array containing information about the plugin.
 103                  */
 104                 getInfo : function() {
 105                         return {
 106                                 longname : 'Auto Resize',
 107                                 author : 'Moxiecode Systems AB',
 108                                 authorurl : 'http://tinymce.moxiecode.com',
 109                                 infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/autoresize',
 110                                 version : tinymce.majorVersion + "." + tinymce.minorVersion
 111                         };
 112                 }
 113         });
 114
 115         // Register plugin
 116         tinymce.PluginManager.add('autoresize', tinymce.plugins.AutoResizePlugin);
 117 })();