93 lines
2.4 KiB
JavaScript
93 lines
2.4 KiB
JavaScript
|
/* global tinymce */
|
||
|
|
/**
|
||
|
|
* Included for back-compat.
|
||
|
|
* The default WindowManager in TinyMCE 4.0 supports three types of dialogs:
|
||
|
|
* - With HTML created from JS.
|
||
|
|
* - With inline HTML (like WPWindowManager).
|
||
|
|
* - Old type iframe based dialogs.
|
||
|
|
* For examples see the default plugins: https://github.com/tinymce/tinymce/tree/master/js/tinymce/plugins
|
||
|
|
*/
|
||
|
|
tinymce.WPWindowManager = tinymce.InlineWindowManager = function( editor ) {
|
||
|
|
if ( this.wp ) {
|
||
|
|
return this;
|
||
|
|
}
|
||
|
|
|
||
|
|
this.wp = {};
|
||
|
|
this.parent = editor.windowManager;
|
||
|
|
this.editor = editor;
|
||
|
|
|
||
|
|
tinymce.extend( this, this.parent );
|
||
|
|
|
||
|
|
this.open = function( args, params ) {
|
||
|
|
var $element,
|
||
|
|
self = this,
|
||
|
|
wp = this.wp;
|
||
|
|
|
||
|
|
if ( ! args.wpDialog ) {
|
||
|
|
return this.parent.open.apply( this, arguments );
|
||
|
|
} else if ( ! args.id ) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
if ( typeof jQuery === 'undefined' || ! jQuery.wp || ! jQuery.wp.wpdialog ) {
|
||
|
|
// wpdialog.js is not loaded.
|
||
|
|
if ( window.console && window.console.error ) {
|
||
|
|
window.console.error('wpdialog.js is not loaded. Please set "wpdialogs" as dependency for your script when calling wp_enqueue_script(). You may also want to enqueue the "wp-jquery-ui-dialog" stylesheet.');
|
||
|
|
}
|
||
|
|
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
wp.$element = $element = jQuery( '#' + args.id );
|
||
|
|
|
||
|
|
if ( ! $element.length ) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
if ( window.console && window.console.log ) {
|
||
|
|
window.console.log('tinymce.WPWindowManager is deprecated. Use the default editor.windowManager to open dialogs with inline HTML.');
|
||
|
|
}
|
||
|
|
|
||
|
|
wp.features = args;
|
||
|
|
wp.params = params;
|
||
|
|
|
||
|
|
// Store selection. Takes a snapshot in the FocusManager of the selection before focus is moved to the dialog.
|
||
|
|
editor.nodeChanged();
|
||
|
|
|
||
|
|
// Create the dialog if necessary.
|
||
|
|
if ( ! $element.data('wpdialog') ) {
|
||
|
|
$element.wpdialog({
|
||
|
|
title: args.title,
|
||
|
|
width: args.width,
|
||
|
|
height: args.height,
|
||
|
|
modal: true,
|
||
|
|
dialogClass: 'wp-dialog',
|
||
|
|
zIndex: 300000
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
$element.wpdialog('open');
|
||
|
|
|
||
|
|
$element.on( 'wpdialogclose', function() {
|
||
|
|
if ( self.wp.$element ) {
|
||
|
|
self.wp = {};
|
||
|
|
}
|
||
|
|
});
|
||
|
|
};
|
||
|
|
|
||
|
|
this.close = function() {
|
||
|
|
if ( ! this.wp.features || ! this.wp.features.wpDialog ) {
|
||
|
|
return this.parent.close.apply( this, arguments );
|
||
|
|
}
|
||
|
|
|
||
|
|
this.wp.$element.wpdialog('close');
|
||
|
|
};
|
||
|
|
};
|
||
|
|
|
||
|
|
tinymce.PluginManager.add( 'wpdialogs', function( editor ) {
|
||
|
|
// Replace window manager.
|
||
|
|
editor.on( 'init', function() {
|
||
|
|
editor.windowManager = new tinymce.WPWindowManager( editor );
|
||
|
|
});
|
||
|
|
});
|