114 lines
3.4 KiB
JavaScript
114 lines
3.4 KiB
JavaScript
|
/**
|
||
|
* 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
|
||
|
*/
|
||
|
|
||
|
/* global tinymce, QTags, wpActiveEditor, tb_position */
|
||
|
|
||
|
/**
|
||
|
* 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.
|
||
|
* @return {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;
|
||
|
window.wpActiveEditor = editor.id;
|
||
|
} else if ( ! hasQuicktags ) {
|
||
|
return false;
|
||
|
}
|
||
|
} else if ( hasTinymce ) {
|
||
|
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 ( window.tb_remove ) {
|
||
|
try { window.tb_remove(); } catch( e ) {}
|
||
|
}
|
||
|
};
|
||
|
|
||
|
(function($) {
|
||
|
/**
|
||
|
* Recalculates and applies the new ThickBox position based on the current
|
||
|
* window size.
|
||
|
*
|
||
|
* @since 2.6.0
|
||
|
*
|
||
|
* @global
|
||
|
*
|
||
|
* @return {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(),
|
||
|
W = ( 833 < width ) ? 833 : width,
|
||
|
adminbar_height = 0;
|
||
|
|
||
|
if ( $('#wpadminbar').length ) {
|
||
|
adminbar_height = parseInt( $('#wpadminbar').css('height'), 10 );
|
||
|
}
|
||
|
|
||
|
if ( tbWindow.length ) {
|
||
|
tbWindow.width( W - 50 ).height( H - 45 - adminbar_height );
|
||
|
$('#TB_iframeContent').width( W - 50 ).height( H - 75 - adminbar_height );
|
||
|
tbWindow.css({'margin-left': '-' + parseInt( ( ( W - 50 ) / 2 ), 10 ) + 'px'});
|
||
|
if ( typeof document.body.style.maxWidth !== 'undefined' )
|
||
|
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;
|
||
|
href = href.replace(/&width=[0-9]+/g, '');
|
||
|
href = href.replace(/&height=[0-9]+/g, '');
|
||
|
$(this).attr( 'href', href + '&width=' + ( W - 80 ) + '&height=' + ( H - 85 - adminbar_height ) );
|
||
|
});
|
||
|
};
|
||
|
|
||
|
// Add handler to recalculates the ThickBox position when the window is resized.
|
||
|
$(window).on( 'resize', function(){ tb_position(); });
|
||
|
|
||
|
})(jQuery);
|