PageRenderTime 35ms CodeModel.GetById 10ms app.highlight 18ms RepoModel.GetById 1ms app.codeStats 0ms

/BlogEngine/BlogEngine.NET/editors/tiny_mce_3_4_3_1/plugins/autoresize/editor_plugin_src.js

#
JavaScript | 137 lines | 65 code | 21 blank | 51 comment | 7 complexity | 05046c505c39c3d1d827dc6b5ff13c7c MD5 | raw file
  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, oldSize = 0;
 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 : d.body.offsetHeight;
 42
 43				// Don't make it smaller than the minimum height
 44				if (myHeight > t.autoresize_min_height)
 45					resizeHeight = myHeight;
 46
 47				// If a maximum height has been defined don't exceed this height
 48				if (t.autoresize_max_height && myHeight > t.autoresize_max_height) {
 49					resizeHeight = t.autoresize_max_height;
 50					ed.getBody().style.overflowY = "auto";
 51				} else
 52					ed.getBody().style.overflowY = "hidden";
 53
 54				// Resize content element
 55				if (resizeHeight !== oldSize) {
 56					DOM.setStyle(DOM.get(ed.id + '_ifr'), 'height', resizeHeight + 'px');
 57					oldSize = resizeHeight;
 58				}
 59
 60				// if we're throbbing, we'll re-throb to match the new size
 61				if (t.throbbing) {
 62					ed.setProgressState(false);
 63					ed.setProgressState(true);
 64				}
 65			};
 66
 67			t.editor = ed;
 68
 69			// Define minimum height
 70			t.autoresize_min_height = parseInt( ed.getParam('autoresize_min_height', ed.getElement().offsetHeight) );
 71
 72			// Define maximum height	
 73			t.autoresize_max_height = parseInt( ed.getParam('autoresize_max_height', 0) );
 74
 75			// Add padding at the bottom for better UX
 76			ed.onInit.add(function(ed){
 77				ed.dom.setStyle(ed.getBody(), 'paddingBottom', ed.getParam('autoresize_bottom_margin', 50) + 'px');
 78			});
 79
 80			// Add appropriate listeners for resizing content area
 81			ed.onChange.add(resize);
 82			ed.onSetContent.add(resize);
 83			ed.onPaste.add(resize);
 84			ed.onKeyUp.add(resize);
 85			ed.onPostRender.add(resize);
 86
 87			if (ed.getParam('autoresize_on_init', true)) {
 88				// Things to do when the editor is ready
 89				ed.onInit.add(function(ed, l) {
 90					// Show throbber until content area is resized properly
 91					ed.setProgressState(true);
 92					t.throbbing = true;
 93
 94					// Hide scrollbars
 95					ed.getBody().style.overflowY = "hidden";
 96				});
 97
 98				ed.onLoadContent.add(function(ed, l) {
 99					resize();
100
101					// Because the content area resizes when its content CSS loads,
102					// and we can't easily add a listener to its onload event,
103					// we'll just trigger a resize after a short loading period
104					setTimeout(function() {
105						resize();
106
107						// Disable throbber
108						ed.setProgressState(false);
109						t.throbbing = false;
110					}, 1250);
111				});
112			}
113
114			// Register the command so that it can be invoked by using tinyMCE.activeEditor.execCommand('mceExample');
115			ed.addCommand('mceAutoResize', resize);
116		},
117
118		/**
119		 * Returns information about the plugin as a name/value array.
120		 * The current keys are longname, author, authorurl, infourl and version.
121		 *
122		 * @return {Object} Name/value array containing information about the plugin.
123		 */
124		getInfo : function() {
125			return {
126				longname : 'Auto Resize',
127				author : 'Moxiecode Systems AB',
128				authorurl : 'http://tinymce.moxiecode.com',
129				infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/autoresize',
130				version : tinymce.majorVersion + "." + tinymce.minorVersion
131			};
132		}
133	});
134
135	// Register plugin
136	tinymce.PluginManager.add('autoresize', tinymce.plugins.AutoResizePlugin);
137})();