X-Git-Url: https://scripts.mit.edu/gitweb/autoinstalls/wordpress.git/blobdiff_plain/6c8f14c09105d0afa4c1574215c59b5021040e76..5e031ad59895b5682d1509675cafe9f2c5081c12:/wp-admin/js/wp-fullscreen.js

diff --git a/wp-admin/js/wp-fullscreen.js b/wp-admin/js/wp-fullscreen.js
index 4746b286..cb8c8e01 100644
--- a/wp-admin/js/wp-fullscreen.js
+++ b/wp-admin/js/wp-fullscreen.js
@@ -1,130 +1,132 @@
+/* global deleteUserSetting, setUserSetting, switchEditors, tinymce, tinyMCEPreInit */
 /**
- * PubSub
+ * Distraction-Free Writing
+ * (wp-fullscreen)
  *
- * A lightweight publish/subscribe implementation.
- * Private use only!
+ * Access the API globally using the window.wp.editor.fullscreen variable.
  */
-var PubSub, fullscreen, wptitlehint;
-
-PubSub = function() {
-	this.topics = {};
-};
+( function( $, window ) {
+	var api, ps, s, toggleUI, uiTimer, PubSub,
+		uiScrollTop = 0,
+		transitionend = 'transitionend webkitTransitionEnd',
+		$body = $( document.body ),
+		$document = $( document );
 
-PubSub.prototype.subscribe = function( topic, callback ) {
-	if ( ! this.topics[ topic ] )
-		this.topics[ topic ] = [];
+	/**
+	 * PubSub
+	 *
+	 * A lightweight publish/subscribe implementation.
+	 *
+	 * @access private
+	 */
+	PubSub = function() {
+		this.topics = {};
 
-	this.topics[ topic ].push( callback );
-	return callback;
-};
+		this.subscribe = function( topic, callback ) {
+			if ( ! this.topics[ topic ] )
+				this.topics[ topic ] = [];
 
-PubSub.prototype.unsubscribe = function( topic, callback ) {
-	var i, l,
-		topics = this.topics[ topic ];
+			this.topics[ topic ].push( callback );
+			return callback;
+		};
 
-	if ( ! topics )
-		return callback || [];
+		this.unsubscribe = function( topic, callback ) {
+			var i, l,
+				topics = this.topics[ topic ];
 
-	// Clear matching callbacks
-	if ( callback ) {
-		for ( i = 0, l = topics.length; i < l; i++ ) {
-			if ( callback == topics[i] )
-				topics.splice( i, 1 );
-		}
-		return callback;
+			if ( ! topics )
+				return callback || [];
 
-	// Clear all callbacks
-	} else {
-		this.topics[ topic ] = [];
-		return topics;
-	}
-};
-
-PubSub.prototype.publish = function( topic, args ) {
-	var i, l, broken,
-		topics = this.topics[ topic ];
+			// Clear matching callbacks
+			if ( callback ) {
+				for ( i = 0, l = topics.length; i < l; i++ ) {
+					if ( callback == topics[i] )
+						topics.splice( i, 1 );
+				}
+				return callback;
 
-	if ( ! topics )
-		return;
+			// Clear all callbacks
+			} else {
+				this.topics[ topic ] = [];
+				return topics;
+			}
+		};
 
-	args = args || [];
+		this.publish = function( topic, args ) {
+			var i, l, broken,
+				topics = this.topics[ topic ];
 
-	for ( i = 0, l = topics.length; i < l; i++ ) {
-		broken = ( topics[i].apply( null, args ) === false || broken );
-	}
-	return ! broken;
-};
+			if ( ! topics )
+				return;
 
-/**
- * Distraction Free Writing
- * (wp-fullscreen)
- *
- * Access the API globally using the fullscreen variable.
- */
+			args = args || [];
 
-(function($){
-	var api, ps, bounder, s;
+			for ( i = 0, l = topics.length; i < l; i++ ) {
+				broken = ( topics[i].apply( null, args ) === false || broken );
+			}
+			return ! broken;
+		};
+	};
 
 	// Initialize the fullscreen/api object
-	fullscreen = api = {};
+	api = {};
 
 	// Create the PubSub (publish/subscribe) interface.
 	ps = api.pubsub = new PubSub();
-	timer = 0;
-	block = false;
 
 	s = api.settings = { // Settings
-		visible : false,
-		mode : 'tinymce',
-		editor_id : 'content',
-		title_id : '',
-		timer : 0,
-		toolbar_shown : false
+		visible: false,
+		mode: 'tinymce',
+		id: '',
+		title_id: '',
+		timer: 0,
+		toolbar_shown: false
+	};
+
+	function _hideUI() {
+		$body.removeClass('wp-dfw-show-ui');
 	}
 
 	/**
-	 * Bounder
+	 * toggleUI
 	 *
-	 * Creates a function that publishes start/stop topics.
-	 * Used to throttle events.
+	 * Toggle the CSS class to show/hide the toolbar, borders and statusbar.
 	 */
-	bounder = api.bounder = function( start, stop, delay, e ) {
-		var y, top;
-
-		delay = delay || 1250;
+	toggleUI = api.toggleUI = function( show ) {
+		clearTimeout( uiTimer );
 
-		if ( e ) {
-			y = e.pageY || e.clientY || e.offsetY;
-			top = $(document).scrollTop();
-
-			if ( !e.isDefaultPrevented ) // test if e ic jQuery normalized
-				y = 135 + y;
-
-			if ( y - top > 120 )
-				return;
+		if ( ! $body.hasClass('wp-dfw-show-ui') || show === 'show' ) {
+			$body.addClass('wp-dfw-show-ui');
+		} else if ( show !== 'autohide' ) {
+			$body.removeClass('wp-dfw-show-ui');
 		}
 
-		if ( block )
-			return;
-
-		block = true;
+		if ( show === 'autohide' ) {
+			uiTimer = setTimeout( _hideUI, 2000 );
+		}
+	};
 
-		setTimeout( function() {
-			block = false;
-		}, 400 );
+	function resetCssPosition( add ) {
+		s.$dfwWrap.parents().each( function( i, parent ) {
+			var cssPosition, $parent = $(parent);
 
-		if ( s.timer )
-			clearTimeout( s.timer );
-		else
-			ps.publish( start );
+			if ( add ) {
+				if ( parent.style.position ) {
+					$parent.data( 'wp-dfw-css-position', parent.style.position );
+				}
 
-		function timed() {
-			ps.publish( stop );
-			s.timer = 0;
-		}
+				$parent.css( 'position', 'static' );
+			} else {
+				cssPosition = $parent.data( 'wp-dfw-css-position' );
+				cssPosition = cssPosition || '';
+				$parent.css( 'position', cssPosition );
+			}
 
-		s.timer = setTimeout( timed, delay );
-	};
+			if ( parent.nodeName === 'BODY' ) {
+				return false;
+			}
+		});
+	}
 
 	/**
 	 * on()
@@ -134,29 +136,67 @@ PubSub.prototype.publish = function( topic, args ) {
 	 * @param string mode Optional. Switch to the given mode before opening.
 	 */
 	api.on = function() {
-		if ( s.visible )
+		var id, $dfwWrap, titleId;
+
+		if ( s.visible ) {
 			return;
+		}
+
+		if ( ! s.$fullscreenFader ) {
+			api.ui.init();
+		}
 
 		// Settings can be added or changed by defining "wp_fullscreen_settings" JS object.
-		if ( typeof(wp_fullscreen_settings) == 'object' )
-			$.extend( s, wp_fullscreen_settings );
+		if ( typeof window.wp_fullscreen_settings === 'object' )
+			$.extend( s, window.wp_fullscreen_settings );
 
-		s.editor_id = wpActiveEditor || 'content';
+		id = s.id || window.wpActiveEditor;
 
-		if ( $('input#title').length && s.editor_id == 'content' )
-			s.title_id = 'title';
-		else if ( $('input#' + s.editor_id + '-title').length ) // the title input field should have [editor_id]-title HTML ID to be auto detected
-			s.title_id = s.editor_id + '-title';
-		else
-			$('#wp-fullscreen-title, #wp-fullscreen-title-prompt-text').hide();
+		if ( ! id ) {
+			if ( s.hasTinymce ) {
+				id = tinymce.activeEditor.id;
+			} else {
+				return;
+			}
+		}
 
-		s.mode = $('#' + s.editor_id).is(':hidden') ? 'tinymce' : 'html';
-		s.qt_canvas = $('#' + s.editor_id).get(0);
+		s.id = id;
+		$dfwWrap = s.$dfwWrap = $( '#wp-' + id + '-wrap' );
 
-		if ( ! s.element )
-			api.ui.init();
+		if ( ! $dfwWrap.length ) {
+			return;
+		}
 
-		s.is_mce_on = s.has_tinymce && typeof( tinyMCE.get(s.editor_id) ) != 'undefined';
+		s.$dfwTextarea = $( '#' + id );
+		s.$editorContainer = $dfwWrap.find( '.wp-editor-container' );
+		uiScrollTop = $document.scrollTop();
+
+		if ( s.hasTinymce ) {
+			s.editor = tinymce.get( id );
+		}
+
+		if ( s.editor && ! s.editor.isHidden() ) {
+			s.origHeight = $( '#' + id + '_ifr' ).height();
+			s.mode = 'tinymce';
+		} else {
+			s.origHeight = s.$dfwTextarea.height();
+			s.mode = 'html';
+		}
+
+		// Try to find title field
+		if ( typeof window.adminpage !== 'undefined' &&
+			( window.adminpage === 'post-php' || window.adminpage === 'post-new-php' ) ) {
+
+			titleId = 'title';
+		} else {
+			titleId = id + '-title';
+		}
+
+		s.$dfwTitle = $( '#' + titleId );
+
+		if ( ! s.$dfwTitle.length ) {
+			s.$dfwTitle = null;
+		}
 
 		api.ui.fade( 'show', 'showing', 'shown' );
 	};
@@ -186,16 +226,32 @@ PubSub.prototype.publish = function( topic, args ) {
 	api.switchmode = function( to ) {
 		var from = s.mode;
 
-		if ( ! to || ! s.visible || ! s.has_tinymce )
+		if ( ! to || ! s.visible || ! s.hasTinymce || typeof switchEditors === 'undefined' ) {
 			return from;
+		}
 
 		// Don't switch if the mode is the same.
 		if ( from == to )
 			return from;
 
-		ps.publish( 'switchMode', [ from, to ] );
+		if ( to === 'tinymce' && ! s.editor ) {
+			s.editor = tinymce.get( s.id );
+
+			if ( ! s.editor &&  typeof tinyMCEPreInit !== 'undefined' &&
+				tinyMCEPreInit.mceInit && tinyMCEPreInit.mceInit[ s.id ] ) {
+
+				// If the TinyMCE instance hasn't been created, set the "wp_fulscreen" flag on creating it
+				tinyMCEPreInit.mceInit[ s.id ].wp_fullscreen = true;
+			}
+		}
+
 		s.mode = to;
-		ps.publish( 'switchedMode', [ from, to ] );
+		switchEditors.go( s.id, to );
+		api.refreshButtons( true );
+
+		if ( to === 'html' ) {
+			setTimeout( api.resizeTextarea, 200 );
+		}
 
 		return to;
 	};
@@ -205,311 +261,208 @@ PubSub.prototype.publish = function( topic, args ) {
 	 */
 
 	api.save = function() {
-		var hidden = $('#hiddenaction'), old = hidden.val(), spinner = $('#wp-fullscreen-save .spinner'),
-			message = $('#wp-fullscreen-save span');
-
-		spinner.show();
-		api.savecontent();
-
-		hidden.val('wp-fullscreen-save-post');
+		var $hidden = $('#hiddenaction'),
+			oldVal = $hidden.val(),
+			$spinner = $('#wp-fullscreen-save .spinner'),
+			$saveMessage = $('#wp-fullscreen-save .wp-fullscreen-saved-message'),
+			$errorMessage = $('#wp-fullscreen-save .wp-fullscreen-error-message');
+
+		$spinner.addClass( 'is-active' );
+		$errorMessage.hide();
+		$saveMessage.hide();
+		$hidden.val('wp-fullscreen-save-post');
+
+		if ( s.editor && ! s.editor.isHidden() ) {
+			s.editor.save();
+		}
 
-		$.post( ajaxurl, $('form#post').serialize(), function(r){
-			spinner.hide();
-			message.show();
+		$.ajax({
+			url: window.ajaxurl,
+			type: 'post',
+			data: $('form#post').serialize(),
+			dataType: 'json'
+		}).done( function( response ) {
+			$spinner.removeClass( 'is-active' );
 
-			setTimeout( function(){
-				message.fadeOut(1000);
-			}, 3000 );
+			if ( response && response.success ) {
+				$saveMessage.show();
 
-			if ( r.last_edited )
-				$('#wp-fullscreen-save input').attr( 'title',  r.last_edited );
+				setTimeout( function() {
+					$saveMessage.fadeOut(300);
+				}, 3000 );
 
-		}, 'json');
+				if ( response.data && response.data.last_edited ) {
+					$('#wp-fullscreen-save input').attr( 'title',  response.data.last_edited );
+				}
+			} else {
+				$errorMessage.show();
+			}
+		}).fail( function() {
+			$spinner.removeClass( 'is-active' );
+			$errorMessage.show();
+		});
 
-		hidden.val(old);
-	}
+		$hidden.val( oldVal );
+	};
 
-	api.savecontent = function() {
-		var ed, content;
+	api.dfwWidth = function( pixels, total ) {
+		var width;
 
-		if ( s.title_id )
-			$('#' + s.title_id).val( $('#wp-fullscreen-title').val() );
+		if ( pixels && pixels.toString().indexOf('%') !== -1 ) {
+			s.$editorContainer.css( 'width', pixels );
+			s.$statusbar.css( 'width', pixels );
 
-		if ( s.mode === 'tinymce' && (ed = tinyMCE.get('wp_mce_fullscreen')) ) {
-			content = ed.save();
-		} else {
-			content = $('#wp_mce_fullscreen').val();
+			if ( s.$dfwTitle ) {
+				s.$dfwTitle.css( 'width', pixels );
+			}
+			return;
 		}
 
-		$('#' + s.editor_id).val( content );
-		$(document).triggerHandler('wpcountwords', [ content ]);
-	}
-
-	set_title_hint = function( title ) {
-		if ( ! title.val().length )
-			title.siblings('label').css( 'visibility', '' );
-		else
-			title.siblings('label').css( 'visibility', 'hidden' );
-	}
+		if ( ! pixels ) {
+			// Reset to theme width
+			width = $('#wp-fullscreen-body').data('theme-width') || 800;
+			s.$editorContainer.width( width );
+			s.$statusbar.width( width );
 
-	api.dfw_width = function(n) {
-		var el = $('#wp-fullscreen-wrap'), w = el.width();
+			if ( s.$dfwTitle ) {
+				s.$dfwTitle.width( width - 16 );
+			}
 
-		if ( !n ) { // reset to theme width
-			el.width( $('#wp-fullscreen-central-toolbar').width() );
 			deleteUserSetting('dfw_width');
 			return;
 		}
 
-		w = n + w;
+		if ( total ) {
+			width = pixels;
+		} else {
+			width = s.$editorContainer.width();
+			width += pixels;
+		}
 
-		if ( w < 200 || w > 1200 ) // sanity check
+		if ( width < 200 || width > 1200 ) {
+			// sanity check
 			return;
+		}
 
-		el.width( w );
-		setUserSetting('dfw_width', w);
-	}
+		s.$editorContainer.width( width );
+		s.$statusbar.width( width );
 
-	ps.subscribe( 'showToolbar', function() {
-		s.toolbars.removeClass('fade-1000').addClass('fade-300');
-		api.fade.In( s.toolbars, 300, function(){ ps.publish('toolbarShown'); }, true );
-		$('#wp-fullscreen-body').addClass('wp-fullscreen-focus');
-		s.toolbar_shown = true;
-	});
+		if ( s.$dfwTitle ) {
+			s.$dfwTitle.width( width - 16 );
+		}
 
-	ps.subscribe( 'hideToolbar', function() {
-		s.toolbars.removeClass('fade-300').addClass('fade-1000');
-		api.fade.Out( s.toolbars, 1000, function(){ ps.publish('toolbarHidden'); }, true );
-		$('#wp-fullscreen-body').removeClass('wp-fullscreen-focus');
-	});
+		setUserSetting( 'dfw_width', width );
+	};
 
-	ps.subscribe( 'toolbarShown', function() {
-		s.toolbars.removeClass('fade-300');
-	});
+	// This event occurs before the overlay blocks the UI.
+	ps.subscribe( 'show', function() {
+		var title = $('#last-edit').text();
 
-	ps.subscribe( 'toolbarHidden', function() {
-		s.toolbars.removeClass('fade-1000');
-		s.toolbar_shown = false;
+		if ( title ) {
+			$('#wp-fullscreen-save input').attr( 'title', title );
+		}
 	});
 
-	ps.subscribe( 'show', function() { // This event occurs before the overlay blocks the UI.
-		var title;
+	// This event occurs while the overlay blocks the UI.
+	ps.subscribe( 'showing', function() {
+		$body.addClass( 'wp-fullscreen-active' );
+		s.$dfwWrap.addClass( 'wp-fullscreen-wrap' );
 
-		if ( s.title_id ) {
-			title = $('#wp-fullscreen-title').val( $('#' + s.title_id).val() );
-			set_title_hint( title );
+		if ( s.$dfwTitle ) {
+			s.$dfwTitle.after( '<span id="wp-fullscreen-title-placeholder">' );
+			s.$dfwWrap.prepend( s.$dfwTitle.addClass('wp-fullscreen-title') );
 		}
 
-		$('#wp-fullscreen-save input').attr( 'title',  $('#last-edit').text() );
-
-		s.textarea_obj.value = s.qt_canvas.value;
-
-		if ( s.has_tinymce && s.mode === 'tinymce' )
-			tinyMCE.execCommand('wpFullScreenInit');
+		api.refreshButtons();
+		resetCssPosition( true );
+		$('#wpadminbar').hide();
 
-		s.orig_y = $(window).scrollTop();
-	});
+		// Show the UI for 2 sec. when opening
+		toggleUI('autohide');
 
-	ps.subscribe( 'showing', function() { // This event occurs while the DFW overlay blocks the UI.
-		$( document.body ).addClass( 'fullscreen-active' );
-		api.refresh_buttons();
+		api.bind_resize();
 
-		$( document ).bind( 'mousemove.fullscreen', function(e) { bounder( 'showToolbar', 'hideToolbar', 2000, e ); } );
-		bounder( 'showToolbar', 'hideToolbar', 2000 );
+		if ( s.editor ) {
+			s.editor.execCommand( 'wpFullScreenOn' );
+		}
 
-		api.bind_resize();
-		setTimeout( api.resize_textarea, 200 );
+		if ( 'ontouchstart' in window ) {
+			api.dfwWidth( '90%' );
+		} else {
+			api.dfwWidth( $( '#wp-fullscreen-body' ).data('dfw-width') || 800, true );
+		}
 
 		// scroll to top so the user is not disoriented
 		scrollTo(0, 0);
-
-		// needed it for IE7 and compat mode
-		$('#wpadminbar').hide();
 	});
 
-	ps.subscribe( 'shown', function() { // This event occurs after the DFW overlay is shown
-		var interim_init;
-
+	// This event occurs after the overlay unblocks the UI
+	ps.subscribe( 'shown', function() {
 		s.visible = true;
 
-		// init the standard TinyMCE instance if missing
-		if ( s.has_tinymce && ! s.is_mce_on ) {
-
-			interim_init = function(mce, ed) {
-				var el = ed.getElement(), old_val = el.value, settings = tinyMCEPreInit.mceInit[s.editor_id];
-
-				if ( settings && settings.wpautop && typeof(switchEditors) != 'undefined' )
-					el.value = switchEditors.wpautop( el.value );
-
-				ed.onInit.add(function(ed) {
-					ed.hide();
-					ed.getElement().value = old_val;
-					tinymce.onAddEditor.remove(interim_init);
-				});
-			};
-
-			tinymce.onAddEditor.add(interim_init);
-			tinyMCE.init(tinyMCEPreInit.mceInit[s.editor_id]);
-
-			s.is_mce_on = true;
+		if ( s.editor && ! s.editor.isHidden() ) {
+			s.editor.execCommand( 'wpAutoResize' );
+		} else {
+			api.resizeTextarea( 'force' );
 		}
-
-		wpActiveEditor = 'wp_mce_fullscreen';
 	});
 
 	ps.subscribe( 'hide', function() { // This event occurs before the overlay blocks DFW.
-		var htmled_is_hidden = $('#' + s.editor_id).is(':hidden');
-		// Make sure the correct editor is displaying.
-		if ( s.has_tinymce && s.mode === 'tinymce' && !htmled_is_hidden ) {
-			switchEditors.go(s.editor_id, 'tmce');
-		} else if ( s.mode === 'html' && htmled_is_hidden ) {
-			switchEditors.go(s.editor_id, 'html');
-		}
-
-		// Save content must be after switchEditors or content will be overwritten. See #17229.
-		api.savecontent();
-
-		$( document ).unbind( '.fullscreen' );
-		$(s.textarea_obj).unbind('.grow');
-
-		if ( s.has_tinymce && s.mode === 'tinymce' )
-			tinyMCE.execCommand('wpFullScreenSave');
-
-		if ( s.title_id )
-			set_title_hint( $('#' + s.title_id) );
-
-		s.qt_canvas.value = s.textarea_obj.value;
+		$document.unbind( '.fullscreen' );
+		s.$dfwTextarea.unbind('.wp-dfw-resize');
 	});
 
 	ps.subscribe( 'hiding', function() { // This event occurs while the overlay blocks the DFW UI.
+		$body.removeClass( 'wp-fullscreen-active' );
 
-		$( document.body ).removeClass( 'fullscreen-active' );
-		scrollTo(0, s.orig_y);
-		$('#wpadminbar').show();
-	});
-
-	ps.subscribe( 'hidden', function() { // This event occurs after DFW is removed.
-		s.visible = false;
-		$('#wp_mce_fullscreen, #wp-fullscreen-title').removeAttr('style');
-
-		if ( s.has_tinymce && s.is_mce_on )
-			tinyMCE.execCommand('wpFullScreenClose');
-
-		s.textarea_obj.value = '';
-		api.oldheight = 0;
-		wpActiveEditor = s.editor_id;
-	});
-
-	ps.subscribe( 'switchMode', function( from, to ) {
-		var ed;
-
-		if ( !s.has_tinymce || !s.is_mce_on )
-			return;
-
-		ed = tinyMCE.get('wp_mce_fullscreen');
-
-		if ( from === 'html' && to === 'tinymce' ) {
-
-			if ( tinyMCE.get(s.editor_id).getParam('wpautop') && typeof(switchEditors) != 'undefined' )
-				s.textarea_obj.value = switchEditors.wpautop( s.textarea_obj.value );
+		if ( s.$dfwTitle ) {
+			$( '#wp-fullscreen-title-placeholder' ).before( s.$dfwTitle.removeClass('wp-fullscreen-title').css( 'width', '' ) ).remove();
+		}
 
-			if ( 'undefined' == typeof(ed) )
-				tinyMCE.execCommand('wpFullScreenInit');
-			else
-				ed.show();
+		s.$dfwWrap.removeClass( 'wp-fullscreen-wrap' );
+		s.$editorContainer.css( 'width', '' );
+		s.$dfwTextarea.add( '#' + s.id + '_ifr' ).height( s.origHeight );
 
-		} else if ( from === 'tinymce' && to === 'html' ) {
-			if ( ed )
-				ed.hide();
+		if ( s.editor ) {
+			s.editor.execCommand( 'wpFullScreenOff' );
 		}
-	});
 
-	ps.subscribe( 'switchedMode', function( from, to ) {
-		api.refresh_buttons(true);
+		resetCssPosition( false );
 
-		if ( to === 'html' )
-			setTimeout( api.resize_textarea, 200 );
+		window.scrollTo( 0, uiScrollTop );
+		$('#wpadminbar').show();
 	});
 
-	/**
-	 * Buttons
-	 */
-	api.b = function() {
-		if ( s.has_tinymce && 'tinymce' === s.mode )
-			tinyMCE.execCommand('Bold');
-	}
-
-	api.i = function() {
-		if ( s.has_tinymce && 'tinymce' === s.mode )
-			tinyMCE.execCommand('Italic');
-	}
-
-	api.ul = function() {
-		if ( s.has_tinymce && 'tinymce' === s.mode )
-			tinyMCE.execCommand('InsertUnorderedList');
-	}
-
-	api.ol = function() {
-		if ( s.has_tinymce && 'tinymce' === s.mode )
-			tinyMCE.execCommand('InsertOrderedList');
-	}
-
-	api.link = function() {
-		if ( s.has_tinymce && 'tinymce' === s.mode )
-			tinyMCE.execCommand('WP_Link');
-		else
-			wpLink.open();
-	}
-
-	api.unlink = function() {
-		if ( s.has_tinymce && 'tinymce' === s.mode )
-			tinyMCE.execCommand('unlink');
-	}
-
-	api.atd = function() {
-		if ( s.has_tinymce && 'tinymce' === s.mode )
-			tinyMCE.execCommand('mceWritingImprovementTool');
-	}
-
-	api.help = function() {
-		if ( s.has_tinymce && 'tinymce' === s.mode )
-			tinyMCE.execCommand('WP_Help');
-	}
-
-	api.blockquote = function() {
-		if ( s.has_tinymce && 'tinymce' === s.mode )
-			tinyMCE.execCommand('mceBlockQuote');
-	}
-
-	api.medialib = function() {
-		if ( typeof wp !== 'undefined' && wp.media && wp.media.editor )
-			wp.media.editor.open(s.editor_id);
-	}
-
-	api.refresh_buttons = function( fade ) {
-		fade = fade || false;
+	// This event occurs after DFW is removed.
+	ps.subscribe( 'hidden', function() {
+		s.visible = false;
+	});
 
+	api.refreshButtons = function( fade ) {
 		if ( s.mode === 'html' ) {
-			$('#wp-fullscreen-mode-bar').removeClass('wp-tmce-mode').addClass('wp-html-mode');
+			$('#wp-fullscreen-mode-bar').removeClass('wp-tmce-mode').addClass('wp-html-mode')
+				.find('a').removeClass( 'active' ).filter('.wp-fullscreen-mode-html').addClass( 'active' );
 
-			if ( fade )
+			if ( fade ) {
 				$('#wp-fullscreen-button-bar').fadeOut( 150, function(){
 					$(this).addClass('wp-html-mode').fadeIn( 150 );
 				});
-			else
+			} else {
 				$('#wp-fullscreen-button-bar').addClass('wp-html-mode');
-
+			}
 		} else if ( s.mode === 'tinymce' ) {
-			$('#wp-fullscreen-mode-bar').removeClass('wp-html-mode').addClass('wp-tmce-mode');
+			$('#wp-fullscreen-mode-bar').removeClass('wp-html-mode').addClass('wp-tmce-mode')
+				.find('a').removeClass( 'active' ).filter('.wp-fullscreen-mode-tinymce').addClass( 'active' );
 
-			if ( fade )
+			if ( fade ) {
 				$('#wp-fullscreen-button-bar').fadeOut( 150, function(){
 					$(this).removeClass('wp-html-mode').fadeIn( 150 );
 				});
-			else
+			} else {
 				$('#wp-fullscreen-button-bar').removeClass('wp-html-mode');
+			}
 		}
-	}
+	};
 
 	/**
 	 * UI Elements
@@ -518,111 +471,129 @@ PubSub.prototype.publish = function( topic, args ) {
 	 */
 	api.ui = {
 		init: function() {
-			var topbar = $('#fullscreen-topbar'), txtarea = $('#wp_mce_fullscreen'), last = 0;
+			var toolbar;
 
-			s.toolbars = topbar.add( $('#wp-fullscreen-status') );
-			s.element = $('#fullscreen-fader');
-			s.textarea_obj = txtarea[0];
-			s.has_tinymce = typeof(tinymce) != 'undefined';
+			s.toolbar = toolbar = $('#fullscreen-topbar');
+			s.$fullscreenFader = $('#fullscreen-fader');
+			s.$statusbar = $('#wp-fullscreen-status');
+			s.hasTinymce = typeof tinymce !== 'undefined';
 
-			if ( !s.has_tinymce )
+			if ( ! s.hasTinymce )
 				$('#wp-fullscreen-mode-bar').hide();
 
-			if ( wptitlehint && $('#wp-fullscreen-title').length )
-				wptitlehint('wp-fullscreen-title');
-
-			$(document).keyup(function(e){
-				var c = e.keyCode || e.charCode, a, data;
-
-				if ( !fullscreen.settings.visible )
-					return true;
-
-				if ( navigator.platform && navigator.platform.indexOf('Mac') != -1 )
-					a = e.ctrlKey; // Ctrl key for Mac
-				else
-					a = e.altKey; // Alt key for Win & Linux
-
-				if ( 27 == c ) { // Esc
-					data = {
-						event: e,
-						what: 'dfw',
-						cb: fullscreen.off,
-						condition: function(){
-							if ( $('#TB_window').is(':visible') || $('.wp-dialog').is(':visible') )
-								return false;
-							return true;
-						}
-					};
-
-					if ( ! jQuery(document).triggerHandler( 'wp_CloseOnEscape', [data] ) )
-						fullscreen.off();
+			$document.keyup( function(e) {
+				var c = e.keyCode || e.charCode, modKey;
+
+				if ( ! s.visible ) {
+					return;
 				}
 
-				if ( a && (61 == c || 107 == c || 187 == c) ) // +
-					api.dfw_width(25);
+				if ( navigator.platform && navigator.platform.indexOf('Mac') !== -1 ) {
+					modKey = e.ctrlKey; // Ctrl key for Mac
+				} else {
+					modKey = e.altKey; // Alt key for Win & Linux
+				}
 
-				if ( a && (45 == c || 109 == c || 189 == c) ) // -
-					api.dfw_width(-25);
+				if ( modKey && ( 61 === c || 107 === c || 187 === c ) ) { // +
+					api.dfwWidth( 25 );
+					e.preventDefault();
+				}
 
-				if ( a && 48 == c ) // 0
-					api.dfw_width(0);
+				if ( modKey && ( 45 === c || 109 === c || 189 === c ) ) { // -
+					api.dfwWidth( -25 );
+					e.preventDefault();
+				}
 
-				return false;
+				if ( modKey && 48 === c ) { // 0
+					api.dfwWidth( 0 );
+					e.preventDefault();
+				}
 			});
 
-			// word count in Text mode
-			if ( typeof(wpWordCount) != 'undefined' ) {
-
-				txtarea.keyup( function(e) {
-					var k = e.keyCode || e.charCode;
-
-					if ( k == last )
-						return true;
-
-					if ( 13 == k || 8 == last || 46 == last )
-						$(document).triggerHandler('wpcountwords', [ txtarea.val() ]);
+			$( window ).on( 'keydown.wp-fullscreen', function( event ) {
+				// Turn fullscreen off when Esc is pressed.
+				if ( 27 === event.keyCode && s.visible ) {
+					api.off();
+					event.stopImmediatePropagation();
+				}
+			});
 
-					last = k;
-					return true;
-				});
+			if ( 'ontouchstart' in window ) {
+				$body.addClass('wp-dfw-touch');
 			}
 
-			topbar.mouseenter(function(e){
-				s.toolbars.addClass('fullscreen-make-sticky');
-				$( document ).unbind( '.fullscreen' );
-				clearTimeout( s.timer );
-				s.timer = 0;
-			}).mouseleave(function(e){
-				s.toolbars.removeClass('fullscreen-make-sticky');
+			toolbar.on( 'mouseenter', function() {
+				toggleUI('show');
+			}).on( 'mouseleave', function() {
+				toggleUI('autohide');
+			});
 
-				if ( s.visible )
-					$( document ).bind( 'mousemove.fullscreen', function(e) { bounder( 'showToolbar', 'hideToolbar', 2000, e ); } );
+			// Bind buttons
+			$('#wp-fullscreen-buttons').on( 'click.wp-fullscreen', 'button', function( event ) {
+				var command = event.currentTarget.id ? event.currentTarget.id.substr(6) : null;
+
+				if ( s.editor && 'tinymce' === s.mode ) {
+					switch( command ) {
+						case 'bold':
+							s.editor.execCommand('Bold');
+							break;
+						case 'italic':
+							s.editor.execCommand('Italic');
+							break;
+						case 'bullist':
+							s.editor.execCommand('InsertUnorderedList');
+							break;
+						case 'numlist':
+							s.editor.execCommand('InsertOrderedList');
+							break;
+						case 'link':
+							s.editor.execCommand('WP_Link');
+							break;
+						case 'unlink':
+							s.editor.execCommand('unlink');
+							break;
+						case 'help':
+							s.editor.execCommand('WP_Help');
+							break;
+						case 'blockquote':
+							s.editor.execCommand('mceBlockQuote');
+							break;
+					}
+				} else if ( command === 'link' && window.wpLink ) {
+					window.wpLink.open();
+				}
+
+				if ( command === 'wp-media-library' && typeof wp !== 'undefined' && wp.media && wp.media.editor ) {
+					wp.media.editor.open( s.id );
+				}
 			});
 		},
 
 		fade: function( before, during, after ) {
-			if ( ! s.element )
+			if ( ! s.$fullscreenFader ) {
 				api.ui.init();
+			}
 
 			// If any callback bound to before returns false, bail.
-			if ( before && ! ps.publish( before ) )
+			if ( before && ! ps.publish( before ) ) {
 				return;
+			}
 
-			api.fade.In( s.element, 600, function() {
-				if ( during )
+			api.fade.In( s.$fullscreenFader, 200, function() {
+				if ( during ) {
 					ps.publish( during );
+				}
 
-				api.fade.Out( s.element, 600, function() {
-					if ( after )
+				api.fade.Out( s.$fullscreenFader, 200, function() {
+					if ( after ) {
 						ps.publish( after );
-				})
+					}
+				});
 			});
 		}
 	};
 
 	api.fade = {
-		transitionend: 'transitionend webkitTransitionEnd oTransitionEnd',
-
 		// Sensitivity to allow browsers to render the blank element before animating.
 		sensitivity: 100,
 
@@ -639,19 +610,22 @@ PubSub.prototype.publish = function( topic, args ) {
 				}
 
 				element.show();
-				element.first().one( this.transitionend, function() {
+				element.first().one( transitionend, function() {
 					callback();
 				});
+
 				setTimeout( function() { element.addClass( 'fade-trigger' ); }, this.sensitivity );
 			} else {
-				if ( stop )
+				if ( stop ) {
 					element.stop();
+				}
 
 				element.css( 'opacity', 1 );
 				element.first().fadeIn( speed, callback );
 
-				if ( element.length > 1 )
+				if ( element.length > 1 ) {
 					element.not(':first').fadeIn( speed );
+				}
 			}
 
 			return element;
@@ -663,38 +637,43 @@ PubSub.prototype.publish = function( topic, args ) {
 			speed = speed || 400;
 			stop = stop || false;
 
-			if ( ! element.is(':visible') )
+			if ( ! element.is(':visible') ) {
 				return element;
+			}
 
 			if ( api.fade.transitions ) {
-				element.first().one( api.fade.transitionend, function() {
-					if ( element.hasClass('fade-trigger') )
+				element.first().one( transitionend, function() {
+					if ( element.hasClass('fade-trigger') ) {
 						return;
+					}
 
 					element.hide();
 					callback();
 				});
 				setTimeout( function() { element.removeClass( 'fade-trigger' ); }, this.sensitivity );
 			} else {
-				if ( stop )
+				if ( stop ) {
 					element.stop();
+				}
 
 				element.first().fadeOut( speed, callback );
 
-				if ( element.length > 1 )
+				if ( element.length > 1 ) {
 					element.not(':first').fadeOut( speed );
+				}
 			}
 
 			return element;
 		},
 
-		transitions: (function() { // Check if the browser supports CSS 3.0 transitions
-			var s = document.documentElement.style;
+		// Check if the browser supports CSS 3.0 transitions
+		transitions: ( function() {
+			var style = document.documentElement.style;
 
-			return ( typeof ( s.WebkitTransition ) == 'string' ||
-				typeof ( s.MozTransition ) == 'string' ||
-				typeof ( s.OTransition ) == 'string' ||
-				typeof ( s.transition ) == 'string' );
+			return ( typeof style.WebkitTransition === 'string' ||
+				typeof style.MozTransition === 'string' ||
+				typeof style.OTransition === 'string' ||
+				typeof style.transition === 'string' );
 		})()
 	};
 
@@ -703,23 +682,23 @@ PubSub.prototype.publish = function( topic, args ) {
 	 *
 	 * Automatically updates textarea height.
 	 */
-
 	api.bind_resize = function() {
-		$(s.textarea_obj).bind('keypress.grow click.grow paste.grow', function(){
-			setTimeout( api.resize_textarea, 200 );
+		s.$dfwTextarea.on( 'keydown.wp-dfw-resize click.wp-dfw-resize paste.wp-dfw-resize', function() {
+			api.resizeTextarea();
 		});
-	}
-
-	api.oldheight = 0;
-	api.resize_textarea = function() {
-		var txt = s.textarea_obj, newheight;
+	};
 
-		newheight = txt.scrollHeight > 300 ? txt.scrollHeight : 300;
+	api.resizeTextarea = function() {
+		var node = s.$dfwTextarea[0];
 
-		if ( newheight != api.oldheight ) {
-			txt.style.height = newheight + 'px';
-			api.oldheight = newheight;
+		if ( node.scrollHeight > node.clientHeight ) {
+			node.style.height = node.scrollHeight + 50 + 'px';
 		}
 	};
 
-})(jQuery);
+	// Export
+	window.wp = window.wp || {};
+	window.wp.editor = window.wp.editor || {};
+	window.wp.editor.fullscreen = api;
+
+})( jQuery, window );