--- /dev/null
+/**
+ * plugin.js
+ *
+ * Copyright, Moxiecode Systems AB
+ * Released under LGPL License.
+ *
+ * License: http://www.tinymce.com/license
+ * Contributing: http://www.tinymce.com/contributing
+ */
+
+// Forked for WordPress so it can be turned on/off after loading.
+
+/*global tinymce:true */
+/*eslint no-nested-ternary:0 */
+
+/**
+ * Auto Resize
+ *
+ * This plugin automatically resizes the content area to fit its content height.
+ * It will retain a minimum height, which is the height of the content area when
+ * it's initialized.
+ */
+tinymce.PluginManager.add( 'wpautoresize', function( editor ) {
+ var settings = editor.settings,
+ oldSize = 300,
+ isActive = false;
+
+ function isFullscreen() {
+ return editor.plugins.fullscreen && editor.plugins.fullscreen.isFullscreen();
+ }
+
+ if ( editor.settings.inline ) {
+ return;
+ }
+
+ function getInt( n ) {
+ return parseInt( n, 10 ) || 0;
+ }
+
+ /**
+ * This method gets executed each time the editor needs to resize.
+ */
+ function resize( e ) {
+ var deltaSize, doc, body, docElm, DOM = tinymce.DOM, resizeHeight, myHeight,
+ marginTop, marginBottom, paddingTop, paddingBottom, borderTop, borderBottom;
+
+ if ( ! isActive ) {
+ return;
+ }
+
+ doc = editor.getDoc();
+ if ( ! doc ) {
+ return;
+ }
+
+ e = e || {};
+ body = doc.body;
+ docElm = doc.documentElement;
+ resizeHeight = settings.autoresize_min_height;
+
+ if ( ! body || ( e && e.type === 'setcontent' && e.initial ) || isFullscreen() ) {
+ if ( body && docElm ) {
+ body.style.overflowY = 'auto';
+ docElm.style.overflowY = 'auto'; // Old IE
+ }
+
+ return;
+ }
+
+ // Calculate outer height of the body element using CSS styles
+ marginTop = editor.dom.getStyle( body, 'margin-top', true );
+ marginBottom = editor.dom.getStyle( body, 'margin-bottom', true );
+ paddingTop = editor.dom.getStyle( body, 'padding-top', true );
+ paddingBottom = editor.dom.getStyle( body, 'padding-bottom', true );
+ borderTop = editor.dom.getStyle( body, 'border-top-width', true );
+ borderBottom = editor.dom.getStyle( body, 'border-bottom-width', true );
+ myHeight = body.offsetHeight + getInt( marginTop ) + getInt( marginBottom ) +
+ getInt( paddingTop ) + getInt( paddingBottom ) +
+ getInt( borderTop ) + getInt( borderBottom );
+
+ // IE < 11, other?
+ if ( myHeight && myHeight < docElm.offsetHeight ) {
+ myHeight = docElm.offsetHeight;
+ }
+
+ // Make sure we have a valid height
+ if ( isNaN( myHeight ) || myHeight <= 0 ) {
+ // Get height differently depending on the browser used
+ myHeight = tinymce.Env.ie ? body.scrollHeight : ( tinymce.Env.webkit && body.clientHeight === 0 ? 0 : body.offsetHeight );
+ }
+
+ // Don't make it smaller than the minimum height
+ if ( myHeight > settings.autoresize_min_height ) {
+ resizeHeight = myHeight;
+ }
+
+ // If a maximum height has been defined don't exceed this height
+ if ( settings.autoresize_max_height && myHeight > settings.autoresize_max_height ) {
+ resizeHeight = settings.autoresize_max_height;
+ body.style.overflowY = 'auto';
+ docElm.style.overflowY = 'auto'; // Old IE
+ } else {
+ body.style.overflowY = 'hidden';
+ docElm.style.overflowY = 'hidden'; // Old IE
+ body.scrollTop = 0;
+ }
+
+ // Resize content element
+ if (resizeHeight !== oldSize) {
+ deltaSize = resizeHeight - oldSize;
+ DOM.setStyle( editor.iframeElement, 'height', resizeHeight + 'px' );
+ oldSize = resizeHeight;
+
+ // WebKit doesn't decrease the size of the body element until the iframe gets resized
+ // So we need to continue to resize the iframe down until the size gets fixed
+ if ( tinymce.isWebKit && deltaSize < 0 ) {
+ resize( e );
+ }
+
+ editor.fire( 'wp-autoresize', { height: resizeHeight } );
+ }
+ }
+
+ /**
+ * Calls the resize x times in 100ms intervals. We can't wait for load events since
+ * the CSS files might load async.
+ */
+ function wait( times, interval, callback ) {
+ setTimeout( function() {
+ resize();
+
+ if ( times-- ) {
+ wait( times, interval, callback );
+ } else if ( callback ) {
+ callback();
+ }
+ }, interval );
+ }
+
+ // Define minimum height
+ settings.autoresize_min_height = parseInt(editor.getParam( 'autoresize_min_height', editor.getElement().offsetHeight), 10 );
+
+ // Define maximum height
+ settings.autoresize_max_height = parseInt(editor.getParam( 'autoresize_max_height', 0), 10 );
+
+ function on() {
+ if ( ! editor.dom.hasClass( editor.getBody(), 'wp-autoresize' ) ) {
+ isActive = true;
+ editor.dom.addClass( editor.getBody(), 'wp-autoresize' );
+ // Add appropriate listeners for resizing the content area
+ editor.on( 'nodechange setcontent keyup FullscreenStateChanged', resize );
+ resize();
+ }
+ }
+
+ function off() {
+ var doc;
+
+ // Don't turn off if the setting is 'on'
+ if ( ! settings.wp_autoresize_on ) {
+ isActive = false;
+ doc = editor.getDoc();
+ editor.dom.removeClass( editor.getBody(), 'wp-autoresize' );
+ editor.off( 'nodechange setcontent keyup FullscreenStateChanged', resize );
+ doc.body.style.overflowY = 'auto';
+ doc.documentElement.style.overflowY = 'auto'; // Old IE
+ oldSize = 0;
+ }
+ }
+
+ if ( settings.wp_autoresize_on ) {
+ // Turn resizing on when the editor loads
+ isActive = true;
+
+ editor.on( 'init', function() {
+ editor.dom.addClass( editor.getBody(), 'wp-autoresize' );
+ });
+
+ editor.on( 'nodechange keyup FullscreenStateChanged', resize );
+
+ editor.on( 'setcontent', function() {
+ wait( 3, 100 );
+ });
+
+ if ( editor.getParam( 'autoresize_on_init', true ) ) {
+ editor.on( 'init', function() {
+ // Hit it 10 times in 200 ms intervals
+ wait( 10, 200, function() {
+ // Hit it 5 times in 1 sec intervals
+ wait( 5, 1000 );
+ });
+ });
+ }
+ }
+
+ // Reset the stored size
+ editor.on( 'show', function() {
+ oldSize = 0;
+ });
+
+ // Register the command
+ editor.addCommand( 'wpAutoResize', resize );
+
+ // On/off
+ editor.addCommand( 'wpAutoResizeOn', on );
+ editor.addCommand( 'wpAutoResizeOff', off );
+});
scripts.mit.edu / autoinstalls / wordpress.git / blobdiff