wp/wp-admin/js/media-upload.js
changeset 9 177826044cd9
parent 7 cf61fcea0001
child 16 a86126ab1dd4
--- a/wp/wp-admin/js/media-upload.js	Mon Oct 14 18:06:33 2019 +0200
+++ b/wp/wp-admin/js/media-upload.js	Mon Oct 14 18:28:13 2019 +0200
@@ -1,17 +1,41 @@
-/* global tinymce, QTags */
-// send html to the post editor
+/**
+ * Contains global functions for the media upload within the post edit screen.
+ *
+ * Updates the ThickBox anchor href and the ThickBox's own properties in order
+ * to set the size and position on every resize event. Also adds a function to
+ * send HTML or text to the currently active editor.
+ *
+ * @file
+ * @since 2.5.0
+ * @output wp-admin/js/media-upload.js
+ *
+ * @requires jQuery
+ */
 
-var wpActiveEditor, send_to_editor;
+/* global tinymce, QTags, wpActiveEditor, tb_position */
 
-send_to_editor = function( html ) {
+/**
+ * Sends the HTML passed in the parameters to TinyMCE.
+ *
+ * @since 2.5.0
+ *
+ * @global
+ *
+ * @param {string} html The HTML to be sent to the editor.
+ * @returns {void|boolean} Returns false when both TinyMCE and QTags instances
+ *                         are unavailable. This means that the HTML was not
+ *                         sent to the editor.
+ */
+window.send_to_editor = function( html ) {
 	var editor,
 		hasTinymce = typeof tinymce !== 'undefined',
 		hasQuicktags = typeof QTags !== 'undefined';
 
+	// If no active editor is set, try to set it.
 	if ( ! wpActiveEditor ) {
 		if ( hasTinymce && tinymce.activeEditor ) {
 			editor = tinymce.activeEditor;
-			wpActiveEditor = editor.id;
+			window.wpActiveEditor = editor.id;
 		} else if ( ! hasQuicktags ) {
 			return false;
 		}
@@ -19,24 +43,38 @@
 		editor = tinymce.get( wpActiveEditor );
 	}
 
+	// If the editor is set and not hidden, insert the HTML into the content of the
+	// editor.
 	if ( editor && ! editor.isHidden() ) {
 		editor.execCommand( 'mceInsertContent', false, html );
 	} else if ( hasQuicktags ) {
+		// If quick tags are available, insert the HTML into its content.
 		QTags.insertContent( html );
 	} else {
+		// If neither the TinyMCE editor and the quick tags are available, add the HTML
+		// to the current active editor.
 		document.getElementById( wpActiveEditor ).value += html;
 	}
 
-	// If the old thickbox remove function exists, call it
+	// If the old thickbox remove function exists, call it.
 	if ( window.tb_remove ) {
 		try { window.tb_remove(); } catch( e ) {}
 	}
 };
 
-// thickbox settings
-var tb_position;
 (function($) {
-	tb_position = function() {
+	/**
+	 * Recalculates and applies the new ThickBox position based on the current
+	 * window size.
+	 *
+	 * @since 2.6.0
+	 *
+	 * @global
+	 *
+	 * @returns {Object[]} Array containing jQuery objects for all the found
+	 *                     ThickBox anchors.
+	 */
+	window.tb_position = function() {
 		var tbWindow = $('#TB_window'),
 			width = $(window).width(),
 			H = $(window).height(),
@@ -55,6 +93,11 @@
 				tbWindow.css({'top': 20 + adminbar_height + 'px', 'margin-top': '0'});
 		}
 
+		/**
+		 * Recalculates the new height and width for all links with a ThickBox class.
+		 *
+		 * @since 2.6.0
+		 */
 		return $('a.thickbox').each( function() {
 			var href = $(this).attr('href');
 			if ( ! href ) return;
@@ -64,6 +107,7 @@
 		});
 	};
 
+	// Add handler to recalculates the ThickBox position when the window is resized.
 	$(window).resize(function(){ tb_position(); });
 
 })(jQuery);