92 lines
		
	
	
	
		
			2.4 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			92 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 );
 | |
| 	});
 | |
| });
 |