PageRenderTime 67ms CodeModel.GetById 11ms app.highlight 48ms RepoModel.GetById 1ms app.codeStats 0ms

/wp-includes/js/tinymce/plugins/wordpress/plugin.js

https://bitbucket.org/skyarch-iijima/wordpress
JavaScript | 1060 lines | 947 code | 87 blank | 26 comment | 103 complexity | 1bbdc179b04731a40281f164ae2da2b0 MD5 | raw file
   1/* global getUserSetting, setUserSetting */
   2( function( tinymce ) {
   3// Set the minimum value for the modals z-index higher than #wpadminbar (100000)
   4if ( ! tinymce.ui.FloatPanel.zIndex || tinymce.ui.FloatPanel.zIndex < 100100 ) {
   5	tinymce.ui.FloatPanel.zIndex = 100100;
   6}
   7
   8tinymce.PluginManager.add( 'wordpress', function( editor ) {
   9	var wpAdvButton, style,
  10		DOM = tinymce.DOM,
  11		each = tinymce.each,
  12		__ = editor.editorManager.i18n.translate,
  13		$ = window.jQuery,
  14		wp = window.wp,
  15		hasWpautop = ( wp && wp.editor && wp.editor.autop && editor.getParam( 'wpautop', true ) );
  16
  17	if ( $ ) {
  18		$( document ).triggerHandler( 'tinymce-editor-setup', [ editor ] );
  19	}
  20
  21	function toggleToolbars( state ) {
  22		var iframe, initial, toolbars,
  23			pixels = 0;
  24
  25		initial = ( state === 'hide' );
  26
  27		if ( editor.theme.panel ) {
  28			toolbars = editor.theme.panel.find('.toolbar:not(.menubar)');
  29		}
  30
  31		if ( ! toolbars || toolbars.length < 2 || ( state === 'hide' && ! toolbars[1].visible() ) ) {
  32			return;
  33		}
  34
  35		if ( ! state && toolbars[1].visible() ) {
  36			state = 'hide';
  37		}
  38
  39		each( toolbars, function( toolbar, i ) {
  40			if ( i > 0 ) {
  41				if ( state === 'hide' ) {
  42					toolbar.hide();
  43					pixels += 30;
  44				} else {
  45					toolbar.show();
  46					pixels -= 30;
  47				}
  48			}
  49		});
  50
  51		if ( pixels && ! initial ) {
  52			// Resize iframe, not needed in iOS
  53			if ( ! tinymce.Env.iOS ) {
  54				iframe = editor.getContentAreaContainer().firstChild;
  55				DOM.setStyle( iframe, 'height', iframe.clientHeight + pixels );
  56			}
  57
  58			if ( state === 'hide' ) {
  59				setUserSetting('hidetb', '0');
  60				wpAdvButton && wpAdvButton.active( false );
  61			} else {
  62				setUserSetting('hidetb', '1');
  63				wpAdvButton && wpAdvButton.active( true );
  64			}
  65		}
  66
  67		editor.fire( 'wp-toolbar-toggle' );
  68	}
  69
  70	// Add the kitchen sink button :)
  71	editor.addButton( 'wp_adv', {
  72		tooltip: 'Toolbar Toggle',
  73		cmd: 'WP_Adv',
  74		onPostRender: function() {
  75			wpAdvButton = this;
  76			wpAdvButton.active( getUserSetting( 'hidetb' ) === '1' ? true : false );
  77		}
  78	});
  79
  80	// Hide the toolbars after loading
  81	editor.on( 'PostRender', function() {
  82		if ( editor.getParam( 'wordpress_adv_hidden', true ) && getUserSetting( 'hidetb', '0' ) === '0' ) {
  83			toggleToolbars( 'hide' );
  84		}
  85	});
  86
  87	editor.addCommand( 'WP_Adv', function() {
  88		toggleToolbars();
  89	});
  90
  91	editor.on( 'focus', function() {
  92        window.wpActiveEditor = editor.id;
  93    });
  94
  95	editor.on( 'BeforeSetContent', function( event ) {
  96		var title;
  97
  98		if ( event.content ) {
  99			if ( event.content.indexOf( '<!--more' ) !== -1 ) {
 100				title = __( 'Read more...' );
 101
 102				event.content = event.content.replace( /<!--more(.*?)-->/g, function( match, moretext ) {
 103					return '<img src="' + tinymce.Env.transparentSrc + '" data-wp-more="more" data-wp-more-text="' + moretext + '" ' +
 104						'class="wp-more-tag mce-wp-more" alt="" title="' + title + '" data-mce-resize="false" data-mce-placeholder="1" />';
 105				});
 106			}
 107
 108			if ( event.content.indexOf( '<!--nextpage-->' ) !== -1 ) {
 109				title = __( 'Page break' );
 110
 111				event.content = event.content.replace( /<!--nextpage-->/g,
 112					'<img src="' + tinymce.Env.transparentSrc + '" data-wp-more="nextpage" class="wp-more-tag mce-wp-nextpage" ' +
 113						'alt="" title="' + title + '" data-mce-resize="false" data-mce-placeholder="1" />' );
 114			}
 115
 116			if ( event.load && event.format !== 'raw' && hasWpautop ) {
 117				event.content = wp.editor.autop( event.content );
 118			}
 119
 120			if ( event.content.indexOf( '<script' ) !== -1 || event.content.indexOf( '<style' ) !== -1 ) {
 121				event.content = event.content.replace( /<(script|style)[^>]*>[\s\S]*?<\/\1>/g, function( match, tag ) {
 122					return '<img ' +
 123						'src="' + tinymce.Env.transparentSrc + '" ' +
 124						'data-wp-preserve="' + encodeURIComponent( match ) + '" ' +
 125						'data-mce-resize="false" ' +
 126						'data-mce-placeholder="1" '+
 127						'class="mce-object" ' +
 128						'width="20" height="20" '+
 129						'alt="&lt;' + tag + '&gt;" ' +
 130						'title="&lt;' + tag + '&gt;" ' +
 131					'/>';
 132				} );
 133			}
 134		}
 135	});
 136
 137	editor.on( 'setcontent', function() {
 138		// Remove spaces from empty paragraphs.
 139		editor.$( 'p' ).each( function( i, node ) {
 140			if ( node.innerHTML && node.innerHTML.length < 10 ) {
 141				var html = tinymce.trim( node.innerHTML );
 142
 143				if ( ! html || html === '&nbsp;' ) {
 144					node.innerHTML = ( tinymce.Env.ie && tinymce.Env.ie < 11 ) ? '' : '<br data-mce-bogus="1">';
 145				}
 146			}
 147		} );
 148	});
 149
 150	editor.on( 'PostProcess', function( event ) {
 151		if ( event.get ) {
 152			event.content = event.content.replace(/<img[^>]+>/g, function( image ) {
 153				var match,
 154					string,
 155					moretext = '';
 156
 157				if ( image.indexOf( 'data-wp-more="more"' ) !== -1 ) {
 158					if ( match = image.match( /data-wp-more-text="([^"]+)"/ ) ) {
 159						moretext = match[1];
 160					}
 161
 162					string = '<!--more' + moretext + '-->';
 163				} else if ( image.indexOf( 'data-wp-more="nextpage"' ) !== -1 ) {
 164					string = '<!--nextpage-->';
 165				} else if ( image.indexOf( 'data-wp-preserve' ) !== -1 ) {
 166					if ( match = image.match( / data-wp-preserve="([^"]+)"/ ) ) {
 167						string = decodeURIComponent( match[1] );
 168					}
 169				}
 170
 171				return string || image;
 172			});
 173		}
 174	});
 175
 176	// Display the tag name instead of img in element path
 177	editor.on( 'ResolveName', function( event ) {
 178		var attr;
 179
 180		if ( event.target.nodeName === 'IMG' && ( attr = editor.dom.getAttrib( event.target, 'data-wp-more' ) ) ) {
 181			event.name = attr;
 182		}
 183	});
 184
 185	// Register commands
 186	editor.addCommand( 'WP_More', function( tag ) {
 187		var parent, html, title,
 188			classname = 'wp-more-tag',
 189			dom = editor.dom,
 190			node = editor.selection.getNode(),
 191			rootNode = editor.getBody();
 192
 193		tag = tag || 'more';
 194		classname += ' mce-wp-' + tag;
 195		title = tag === 'more' ? 'Read more...' : 'Next page';
 196		title = __( title );
 197		html = '<img src="' + tinymce.Env.transparentSrc + '" alt="" title="' + title + '" class="' + classname + '" ' +
 198			'data-wp-more="' + tag + '" data-mce-resize="false" data-mce-placeholder="1" />';
 199
 200		// Most common case
 201		if ( node === rootNode || ( node.nodeName === 'P' && node.parentNode === rootNode ) ) {
 202			editor.insertContent( html );
 203			return;
 204		}
 205
 206		// Get the top level parent node
 207		parent = dom.getParent( node, function( found ) {
 208			if ( found.parentNode && found.parentNode === rootNode ) {
 209				return true;
 210			}
 211
 212			return false;
 213		}, editor.getBody() );
 214
 215		if ( parent ) {
 216			if ( parent.nodeName === 'P' ) {
 217				parent.appendChild( dom.create( 'p', null, html ).firstChild );
 218			} else {
 219				dom.insertAfter( dom.create( 'p', null, html ), parent );
 220			}
 221
 222			editor.nodeChanged();
 223		}
 224	});
 225
 226	editor.addCommand( 'WP_Code', function() {
 227		editor.formatter.toggle('code');
 228	});
 229
 230	editor.addCommand( 'WP_Page', function() {
 231		editor.execCommand( 'WP_More', 'nextpage' );
 232	});
 233
 234	editor.addCommand( 'WP_Help', function() {
 235		var access = tinymce.Env.mac ? __( 'Ctrl + Alt + letter:' ) : __( 'Shift + Alt + letter:' ),
 236			meta = tinymce.Env.mac ? __( 'Cmd + letter:' ) : __( 'Ctrl + letter:' ),
 237			table1 = [],
 238			table2 = [],
 239			row1 = {},
 240			row2 = {},
 241			i1 = 0,
 242			i2 = 0,
 243			labels = editor.settings.wp_shortcut_labels,
 244			header, html, dialog, $wrap;
 245
 246		if ( ! labels ) {
 247			return;
 248		}
 249
 250		function tr( row, columns ) {
 251			var out = '<tr>';
 252			var i = 0;
 253
 254			columns = columns || 1;
 255
 256			each( row, function( text, key ) {
 257				out += '<td><kbd>' + key + '</kbd></td><td>' + __( text ) + '</td>';
 258				i++;
 259			});
 260
 261			while ( i < columns ) {
 262				out += '<td></td><td></td>';
 263				i++;
 264			}
 265
 266			return out + '</tr>';
 267		}
 268
 269		each ( labels, function( label, name ) {
 270			var letter;
 271
 272			if ( label.indexOf( 'meta' ) !== -1 ) {
 273				i1++;
 274				letter = label.replace( 'meta', '' ).toLowerCase();
 275
 276				if ( letter ) {
 277					row1[ letter ] = name;
 278
 279					if ( i1 % 2 === 0 ) {
 280						table1.push( tr( row1, 2 ) );
 281						row1 = {};
 282					}
 283				}
 284			} else if ( label.indexOf( 'access' ) !== -1 ) {
 285				i2++;
 286				letter = label.replace( 'access', '' ).toLowerCase();
 287
 288				if ( letter ) {
 289					row2[ letter ] = name;
 290
 291					if ( i2 % 2 === 0 ) {
 292						table2.push( tr( row2, 2 ) );
 293						row2 = {};
 294					}
 295				}
 296			}
 297		} );
 298
 299		// Add remaining single entries.
 300		if ( i1 % 2 > 0 ) {
 301			table1.push( tr( row1, 2 ) );
 302		}
 303
 304		if ( i2 % 2 > 0 ) {
 305			table2.push( tr( row2, 2 ) );
 306		}
 307
 308		header = [ __( 'Letter' ), __( 'Action' ), __( 'Letter' ), __( 'Action' ) ];
 309		header = '<tr><th>' + header.join( '</th><th>' ) + '</th></tr>';
 310
 311		html = '<div class="wp-editor-help">';
 312
 313		// Main section, default and additional shortcuts
 314		html = html +
 315			'<h2>' + __( 'Default shortcuts,' ) + ' ' + meta + '</h2>' +
 316			'<table class="wp-help-th-center fixed">' +
 317				header +
 318				table1.join('') +
 319			'</table>' +
 320			'<h2>' + __( 'Additional shortcuts,' ) + ' ' + access + '</h2>' +
 321			'<table class="wp-help-th-center fixed">' +
 322				header +
 323				table2.join('') +
 324			'</table>';
 325
 326		if ( editor.plugins.wptextpattern && ( ! tinymce.Env.ie || tinymce.Env.ie > 8 ) ) {
 327			// Text pattern section
 328			html = html +
 329				'<h2>' + __( 'When starting a new paragraph with one of these formatting shortcuts followed by a space, the formatting will be applied automatically. Press Backspace or Escape to undo.' ) + '</h2>' +
 330				'<table class="wp-help-th-center fixed">' +
 331					tr({ '*':  'Bullet list', '1.':  'Numbered list' }) +
 332					tr({ '-':  'Bullet list', '1)':  'Numbered list' }) +
 333				'</table>';
 334
 335			html = html +
 336				'<h2>' + __( 'The following formatting shortcuts are replaced when pressing Enter. Press Escape or the Undo button to undo.' ) + '</h2>' +
 337				'<table class="wp-help-single">' +
 338					tr({ '>': 'Blockquote' }) +
 339					tr({ '##': 'Heading 2' }) +
 340					tr({ '###': 'Heading 3' }) +
 341					tr({ '####': 'Heading 4' }) +
 342					tr({ '#####': 'Heading 5' }) +
 343					tr({ '######': 'Heading 6' }) +
 344					tr({ '---': 'Horizontal line' }) +
 345				'</table>';
 346		}
 347
 348		// Focus management section
 349		html = html +
 350			'<h2>' + __( 'Focus shortcuts:' ) + '</h2>' +
 351			'<table class="wp-help-single">' +
 352				tr({ 'Alt + F8':  'Inline toolbar (when an image, link or preview is selected)' }) +
 353				tr({ 'Alt + F9':  'Editor menu (when enabled)' }) +
 354				tr({ 'Alt + F10': 'Editor toolbar' }) +
 355				tr({ 'Alt + F11': 'Elements path' }) +
 356			'</table>' +
 357			'<p>' + __( 'To move focus to other buttons use Tab or the arrow keys. To return focus to the editor press Escape or use one of the buttons.' ) + '</p>';
 358
 359		html += '</div>';
 360
 361		dialog = editor.windowManager.open( {
 362			title: 'Keyboard Shortcuts',
 363			items: {
 364				type: 'container',
 365				classes: 'wp-help',
 366				html: html
 367			},
 368			buttons: {
 369				text: 'Close',
 370				onclick: 'close'
 371			}
 372		} );
 373
 374		if ( dialog.$el ) {
 375			dialog.$el.find( 'div[role="application"]' ).attr( 'role', 'document' );
 376			$wrap = dialog.$el.find( '.mce-wp-help' );
 377
 378			if ( $wrap[0] ) {
 379				$wrap.attr( 'tabindex', '0' );
 380				$wrap[0].focus();
 381				$wrap.on( 'keydown', function( event ) {
 382					// Prevent use of: page up, page down, end, home, left arrow, up arrow, right arrow, down arrow
 383					// in the dialog keydown handler.
 384					if ( event.keyCode >= 33 && event.keyCode <= 40 ) {
 385						event.stopPropagation();
 386					}
 387				});
 388			}
 389		}
 390	} );
 391
 392	editor.addCommand( 'WP_Medialib', function() {
 393		if ( wp && wp.media && wp.media.editor ) {
 394			wp.media.editor.open( editor.id );
 395		}
 396	});
 397
 398	// Register buttons
 399	editor.addButton( 'wp_more', {
 400		tooltip: 'Insert Read More tag',
 401		onclick: function() {
 402			editor.execCommand( 'WP_More', 'more' );
 403		}
 404	});
 405
 406	editor.addButton( 'wp_page', {
 407		tooltip: 'Page break',
 408		onclick: function() {
 409			editor.execCommand( 'WP_More', 'nextpage' );
 410		}
 411	});
 412
 413	editor.addButton( 'wp_help', {
 414		tooltip: 'Keyboard Shortcuts',
 415		cmd: 'WP_Help'
 416	});
 417
 418	editor.addButton( 'wp_code', {
 419		tooltip: 'Code',
 420		cmd: 'WP_Code',
 421		stateSelector: 'code'
 422	});
 423
 424	// Menubar
 425	// Insert->Add Media
 426	if ( wp && wp.media && wp.media.editor ) {
 427		editor.addMenuItem( 'add_media', {
 428			text: 'Add Media',
 429			icon: 'wp-media-library',
 430			context: 'insert',
 431			cmd: 'WP_Medialib'
 432		});
 433	}
 434
 435	// Insert "Read More..."
 436	editor.addMenuItem( 'wp_more', {
 437		text: 'Insert Read More tag',
 438		icon: 'wp_more',
 439		context: 'insert',
 440		onclick: function() {
 441			editor.execCommand( 'WP_More', 'more' );
 442		}
 443	});
 444
 445	// Insert "Next Page"
 446	editor.addMenuItem( 'wp_page', {
 447		text: 'Page break',
 448		icon: 'wp_page',
 449		context: 'insert',
 450		onclick: function() {
 451			editor.execCommand( 'WP_More', 'nextpage' );
 452		}
 453	});
 454
 455	editor.on( 'BeforeExecCommand', function(e) {
 456		if ( tinymce.Env.webkit && ( e.command === 'InsertUnorderedList' || e.command === 'InsertOrderedList' ) ) {
 457			if ( ! style ) {
 458				style = editor.dom.create( 'style', {'type': 'text/css'},
 459					'#tinymce,#tinymce span,#tinymce li,#tinymce li>span,#tinymce p,#tinymce p>span{font:medium sans-serif;color:#000;line-height:normal;}');
 460			}
 461
 462			editor.getDoc().head.appendChild( style );
 463		}
 464	});
 465
 466	editor.on( 'ExecCommand', function( e ) {
 467		if ( tinymce.Env.webkit && style &&
 468			( 'InsertUnorderedList' === e.command || 'InsertOrderedList' === e.command ) ) {
 469
 470			editor.dom.remove( style );
 471		}
 472	});
 473
 474	editor.on( 'init', function() {
 475		var env = tinymce.Env,
 476			bodyClass = ['mceContentBody'], // back-compat for themes that use this in editor-style.css...
 477			doc = editor.getDoc(),
 478			dom = editor.dom;
 479
 480		if ( env.iOS ) {
 481			dom.addClass( doc.documentElement, 'ios' );
 482		}
 483
 484		if ( editor.getParam( 'directionality' ) === 'rtl' ) {
 485			bodyClass.push('rtl');
 486			dom.setAttrib( doc.documentElement, 'dir', 'rtl' );
 487		}
 488
 489		dom.setAttrib( doc.documentElement, 'lang', editor.getParam( 'wp_lang_attr' ) );
 490
 491		if ( env.ie ) {
 492			if ( parseInt( env.ie, 10 ) === 9 ) {
 493				bodyClass.push('ie9');
 494			} else if ( parseInt( env.ie, 10 ) === 8 ) {
 495				bodyClass.push('ie8');
 496			} else if ( env.ie < 8 ) {
 497				bodyClass.push('ie7');
 498			}
 499		} else if ( env.webkit ) {
 500			bodyClass.push('webkit');
 501		}
 502
 503		bodyClass.push('wp-editor');
 504
 505		each( bodyClass, function( cls ) {
 506			if ( cls ) {
 507				dom.addClass( doc.body, cls );
 508			}
 509		});
 510
 511		// Remove invalid parent paragraphs when inserting HTML
 512		editor.on( 'BeforeSetContent', function( event ) {
 513			if ( event.content ) {
 514				event.content = event.content.replace( /<p>\s*<(p|div|ul|ol|dl|table|blockquote|h[1-6]|fieldset|pre)( [^>]*)?>/gi, '<$1$2>' )
 515					.replace( /<\/(p|div|ul|ol|dl|table|blockquote|h[1-6]|fieldset|pre)>\s*<\/p>/gi, '</$1>' );
 516			}
 517		});
 518
 519		if ( $ ) {
 520			$( document ).triggerHandler( 'tinymce-editor-init', [editor] );
 521		}
 522
 523		if ( window.tinyMCEPreInit && window.tinyMCEPreInit.dragDropUpload ) {
 524			dom.bind( doc, 'dragstart dragend dragover drop', function( event ) {
 525				if ( $ ) {
 526					// Trigger the jQuery handlers.
 527					$( document ).trigger( new $.Event( event ) );
 528				}
 529			});
 530		}
 531
 532		if ( editor.getParam( 'wp_paste_filters', true ) ) {
 533			editor.on( 'PastePreProcess', function( event ) {
 534				// Remove trailing <br> added by WebKit browsers to the clipboard
 535				event.content = event.content.replace( /<br class="?Apple-interchange-newline"?>/gi, '' );
 536
 537				// In WebKit this is handled by removeWebKitStyles()
 538				if ( ! tinymce.Env.webkit ) {
 539					// Remove all inline styles
 540					event.content = event.content.replace( /(<[^>]+) style="[^"]*"([^>]*>)/gi, '$1$2' );
 541
 542					// Put back the internal styles
 543					event.content = event.content.replace(/(<[^>]+) data-mce-style=([^>]+>)/gi, '$1 style=$2' );
 544				}
 545			});
 546
 547			editor.on( 'PastePostProcess', function( event ) {
 548				// Remove empty paragraphs
 549				editor.$( 'p', event.node ).each( function( i, node ) {
 550					if ( dom.isEmpty( node ) ) {
 551						dom.remove( node );
 552					}
 553				});
 554
 555				if ( tinymce.isIE ) {
 556					editor.$( 'a', event.node ).find( 'font, u' ).each( function( i, node ) {
 557						dom.remove( node, true );
 558					});
 559				}
 560			});
 561		}
 562
 563		if ( editor.settings.wp_shortcut_labels && editor.theme.panel ) {
 564			var labels = {};
 565			var access = 'Shift+Alt+';
 566			var meta = 'Ctrl+';
 567
 568			// For Mac: ctrl = \u2303, cmd = \u2318, alt = \u2325
 569
 570			if ( tinymce.Env.mac ) {
 571				access = '\u2303\u2325';
 572				meta = '\u2318';
 573			}
 574
 575			each( editor.settings.wp_shortcut_labels, function( value, name ) {
 576				labels[ name ] = value.replace( 'access', access ).replace( 'meta', meta );
 577			} );
 578
 579			each( editor.theme.panel.find('button'), function( button ) {
 580				if ( button && button.settings.tooltip && labels.hasOwnProperty( button.settings.tooltip ) ) {
 581					// Need to translate now. We are changing the string so it won't match and cannot be translated later.
 582					button.settings.tooltip = editor.translate( button.settings.tooltip ) + ' (' + labels[ button.settings.tooltip ] + ')';
 583				}
 584			} );
 585
 586			// listbox for the "blocks" drop-down
 587			each( editor.theme.panel.find('listbox'), function( listbox ) {
 588				if ( listbox && listbox.settings.text === 'Paragraph' ) {
 589					each( listbox.settings.values, function( item ) {
 590						if ( item.text && labels.hasOwnProperty( item.text ) ) {
 591							item.shortcut = '(' + labels[ item.text ] + ')';
 592						}
 593					} );
 594				}
 595			} );
 596		}
 597	});
 598
 599	editor.on( 'SaveContent', function( event ) {
 600		// If editor is hidden, we just want the textarea's value to be saved
 601		if ( ! editor.inline && editor.isHidden() ) {
 602			event.content = event.element.value;
 603			return;
 604		}
 605
 606		// Keep empty paragraphs :(
 607		event.content = event.content.replace( /<p>(?:<br ?\/?>|\u00a0|\uFEFF| )*<\/p>/g, '<p>&nbsp;</p>' );
 608
 609		if ( hasWpautop ) {
 610			event.content = wp.editor.removep( event.content );
 611		}
 612	});
 613
 614	editor.on( 'preInit', function() {
 615		var validElementsSetting = '@[id|accesskey|class|dir|lang|style|tabindex|' +
 616			'title|contenteditable|draggable|dropzone|hidden|spellcheck|translate],' + // Global attributes.
 617			'i,' + // Don't replace <i> with <em> and <b> with <strong> and don't remove them when empty.
 618			'b,' +
 619			'script[src|async|defer|type|charset|crossorigin|integrity]'; // Add support for <script>.
 620
 621		editor.schema.addValidElements( validElementsSetting );
 622
 623		if ( tinymce.Env.iOS ) {
 624			editor.settings.height = 300;
 625		}
 626
 627		each( {
 628			c: 'JustifyCenter',
 629			r: 'JustifyRight',
 630			l: 'JustifyLeft',
 631			j: 'JustifyFull',
 632			q: 'mceBlockQuote',
 633			u: 'InsertUnorderedList',
 634			o: 'InsertOrderedList',
 635			m: 'WP_Medialib',
 636			z: 'WP_Adv',
 637			t: 'WP_More',
 638			d: 'Strikethrough',
 639			h: 'WP_Help',
 640			p: 'WP_Page',
 641			x: 'WP_Code'
 642		}, function( command, key ) {
 643			editor.shortcuts.add( 'access+' + key, '', command );
 644		} );
 645
 646		editor.addShortcut( 'meta+s', '', function() {
 647			if ( wp && wp.autosave ) {
 648				wp.autosave.server.triggerSave();
 649			}
 650		} );
 651
 652		if ( window.getUserSetting( 'editor_plain_text_paste_warning' ) > 1 ) {
 653			editor.settings.paste_plaintext_inform = false;
 654		}
 655
 656		// Change the editor iframe title on MacOS, add the correct help shortcut.
 657		if ( tinymce.Env.mac ) {
 658			tinymce.$( editor.iframeElement ).attr( 'title', __( 'Rich Text Area. Press Control-Option-H for help.' ) );
 659		}
 660	} );
 661
 662	editor.on( 'PastePlainTextToggle', function( event ) {
 663		// Warn twice, then stop.
 664		if ( event.state === true ) {
 665			var times = parseInt( window.getUserSetting( 'editor_plain_text_paste_warning' ), 10 ) || 0;
 666
 667			if ( times < 2 ) {
 668				window.setUserSetting( 'editor_plain_text_paste_warning', ++times );
 669			}
 670		}
 671	});
 672
 673	/**
 674	 * Experimental: create a floating toolbar.
 675	 * This functionality will change in the next releases. Not recommended for use by plugins.
 676	 */
 677	editor.on( 'preinit', function() {
 678		var Factory = tinymce.ui.Factory,
 679			settings = editor.settings,
 680			activeToolbar,
 681			currentSelection,
 682			timeout,
 683			container = editor.getContainer(),
 684			wpAdminbar = document.getElementById( 'wpadminbar' ),
 685			mceIframe = document.getElementById( editor.id + '_ifr' ),
 686			mceToolbar,
 687			mceStatusbar,
 688			wpStatusbar,
 689			isChromeRtl = ( editor.rtl && /Chrome/.test( navigator.userAgent ) );
 690
 691			if ( container ) {
 692				mceToolbar = tinymce.$( '.mce-toolbar-grp', container )[0];
 693				mceStatusbar = tinymce.$( '.mce-statusbar', container )[0];
 694			}
 695
 696			if ( editor.id === 'content' ) {
 697				wpStatusbar = document.getElementById( 'post-status-info' );
 698			}
 699
 700		function create( buttons, bottom ) {
 701			var toolbar,
 702				toolbarItems = [],
 703				buttonGroup;
 704
 705			each( buttons, function( item ) {
 706				var itemName;
 707
 708				function bindSelectorChanged() {
 709					var selection = editor.selection;
 710
 711					if ( itemName === 'bullist' ) {
 712						selection.selectorChanged( 'ul > li', function( state, args ) {
 713							var i = args.parents.length,
 714								nodeName;
 715
 716							while ( i-- ) {
 717								nodeName = args.parents[ i ].nodeName;
 718
 719								if ( nodeName === 'OL' || nodeName == 'UL' ) {
 720									break;
 721								}
 722							}
 723
 724							item.active( state && nodeName === 'UL' );
 725						} );
 726					}
 727
 728					if ( itemName === 'numlist' ) {
 729						selection.selectorChanged( 'ol > li', function( state, args ) {
 730							var i = args.parents.length,
 731								nodeName;
 732
 733							while ( i-- ) {
 734								nodeName = args.parents[ i ].nodeName;
 735
 736								if ( nodeName === 'OL' || nodeName === 'UL' ) {
 737									break;
 738								}
 739							}
 740
 741							item.active( state && nodeName === 'OL' );
 742						} );
 743					}
 744
 745					if ( item.settings.stateSelector ) {
 746						selection.selectorChanged( item.settings.stateSelector, function( state ) {
 747							item.active( state );
 748						}, true );
 749					}
 750
 751					if ( item.settings.disabledStateSelector ) {
 752						selection.selectorChanged( item.settings.disabledStateSelector, function( state ) {
 753							item.disabled( state );
 754						} );
 755					}
 756				}
 757
 758				if ( item === '|' ) {
 759					buttonGroup = null;
 760				} else {
 761					if ( Factory.has( item ) ) {
 762						item = {
 763							type: item
 764						};
 765
 766						if ( settings.toolbar_items_size ) {
 767							item.size = settings.toolbar_items_size;
 768						}
 769
 770						toolbarItems.push( item );
 771
 772						buttonGroup = null;
 773					} else {
 774						if ( ! buttonGroup ) {
 775							buttonGroup = {
 776								type: 'buttongroup',
 777								items: []
 778							};
 779
 780							toolbarItems.push( buttonGroup );
 781						}
 782
 783						if ( editor.buttons[ item ] ) {
 784							itemName = item;
 785							item = editor.buttons[ itemName ];
 786
 787							if ( typeof item === 'function' ) {
 788								item = item();
 789							}
 790
 791							item.type = item.type || 'button';
 792
 793							if ( settings.toolbar_items_size ) {
 794								item.size = settings.toolbar_items_size;
 795							}
 796
 797							item = Factory.create( item );
 798
 799							buttonGroup.items.push( item );
 800
 801							if ( editor.initialized ) {
 802								bindSelectorChanged();
 803							} else {
 804								editor.on( 'init', bindSelectorChanged );
 805							}
 806						}
 807					}
 808				}
 809			} );
 810
 811			toolbar = Factory.create( {
 812				type: 'panel',
 813				layout: 'stack',
 814				classes: 'toolbar-grp inline-toolbar-grp',
 815				ariaRoot: true,
 816				ariaRemember: true,
 817				items: [ {
 818					type: 'toolbar',
 819					layout: 'flow',
 820					items: toolbarItems
 821				} ]
 822			} );
 823
 824			toolbar.bottom = bottom;
 825
 826			function reposition() {
 827				if ( ! currentSelection ) {
 828					return this;
 829				}
 830
 831				var scrollX = window.pageXOffset || document.documentElement.scrollLeft,
 832					scrollY = window.pageYOffset || document.documentElement.scrollTop,
 833					windowWidth = window.innerWidth,
 834					windowHeight = window.innerHeight,
 835					iframeRect = mceIframe ? mceIframe.getBoundingClientRect() : {
 836						top: 0,
 837						right: windowWidth,
 838						bottom: windowHeight,
 839						left: 0,
 840						width: windowWidth,
 841						height: windowHeight
 842					},
 843					toolbar = this.getEl(),
 844					toolbarWidth = toolbar.offsetWidth,
 845					toolbarHeight = toolbar.clientHeight,
 846					selection = currentSelection.getBoundingClientRect(),
 847					selectionMiddle = ( selection.left + selection.right ) / 2,
 848					buffer = 5,
 849					spaceNeeded = toolbarHeight + buffer,
 850					wpAdminbarBottom = wpAdminbar ? wpAdminbar.getBoundingClientRect().bottom : 0,
 851					mceToolbarBottom = mceToolbar ? mceToolbar.getBoundingClientRect().bottom : 0,
 852					mceStatusbarTop = mceStatusbar ? windowHeight - mceStatusbar.getBoundingClientRect().top : 0,
 853					wpStatusbarTop = wpStatusbar ? windowHeight - wpStatusbar.getBoundingClientRect().top : 0,
 854					blockedTop = Math.max( 0, wpAdminbarBottom, mceToolbarBottom, iframeRect.top ),
 855					blockedBottom = Math.max( 0, mceStatusbarTop, wpStatusbarTop, windowHeight - iframeRect.bottom ),
 856					spaceTop = selection.top + iframeRect.top - blockedTop,
 857					spaceBottom = windowHeight - iframeRect.top - selection.bottom - blockedBottom,
 858					editorHeight = windowHeight - blockedTop - blockedBottom,
 859					className = '',
 860					iosOffsetTop = 0,
 861					iosOffsetBottom = 0,
 862					top, left;
 863
 864				if ( spaceTop >= editorHeight || spaceBottom >= editorHeight ) {
 865					this.scrolling = true;
 866					this.hide();
 867					this.scrolling = false;
 868					return this;
 869				}
 870
 871				// Add offset in iOS to move the menu over the image, out of the way of the default iOS menu.
 872				if ( tinymce.Env.iOS && currentSelection.nodeName === 'IMG' ) {
 873					iosOffsetTop = 54;
 874					iosOffsetBottom = 46;
 875				}
 876
 877				if ( this.bottom ) {
 878					if ( spaceBottom >= spaceNeeded ) {
 879						className = ' mce-arrow-up';
 880						top = selection.bottom + iframeRect.top + scrollY - iosOffsetBottom;
 881					} else if ( spaceTop >= spaceNeeded ) {
 882						className = ' mce-arrow-down';
 883						top = selection.top + iframeRect.top + scrollY - toolbarHeight + iosOffsetTop;
 884					}
 885				} else {
 886					if ( spaceTop >= spaceNeeded ) {
 887						className = ' mce-arrow-down';
 888						top = selection.top + iframeRect.top + scrollY - toolbarHeight + iosOffsetTop;
 889					} else if ( spaceBottom >= spaceNeeded && editorHeight / 2 > selection.bottom + iframeRect.top - blockedTop ) {
 890						className = ' mce-arrow-up';
 891						top = selection.bottom + iframeRect.top + scrollY - iosOffsetBottom;
 892					}
 893				}
 894
 895				if ( typeof top === 'undefined' ) {
 896					top = scrollY + blockedTop + buffer + iosOffsetBottom;
 897				}
 898
 899				left = selectionMiddle - toolbarWidth / 2 + iframeRect.left + scrollX;
 900
 901				if ( selection.left < 0 || selection.right > iframeRect.width ) {
 902					left = iframeRect.left + scrollX + ( iframeRect.width - toolbarWidth ) / 2;
 903				} else if ( toolbarWidth >= windowWidth ) {
 904					className += ' mce-arrow-full';
 905					left = 0;
 906				} else if ( ( left < 0 && selection.left + toolbarWidth > windowWidth ) || ( left + toolbarWidth > windowWidth && selection.right - toolbarWidth < 0 ) ) {
 907					left = ( windowWidth - toolbarWidth ) / 2;
 908				} else if ( left < iframeRect.left + scrollX ) {
 909					className += ' mce-arrow-left';
 910					left = selection.left + iframeRect.left + scrollX;
 911				} else if ( left + toolbarWidth > iframeRect.width + iframeRect.left + scrollX ) {
 912					className += ' mce-arrow-right';
 913					left = selection.right - toolbarWidth + iframeRect.left + scrollX;
 914				}
 915
 916				// No up/down arrows on the menu over images in iOS.
 917				if ( tinymce.Env.iOS && currentSelection.nodeName === 'IMG' ) {
 918					className = className.replace( / ?mce-arrow-(up|down)/g, '' );
 919				}
 920
 921				toolbar.className = toolbar.className.replace( / ?mce-arrow-[\w]+/g, '' ) + className;
 922
 923				DOM.setStyles( toolbar, {
 924					'left': left,
 925					'top': top
 926				} );
 927
 928				return this;
 929			}
 930
 931			toolbar.on( 'show', function() {
 932				this.reposition();
 933
 934				if ( isChromeRtl ) {
 935					tinymce.$( '.mce-widget.mce-tooltip' ).addClass( 'wp-hide-mce-tooltip' );
 936				}
 937			} );
 938
 939			toolbar.on( 'hide', function() {
 940				if ( isChromeRtl ) {
 941					tinymce.$( '.mce-widget.mce-tooltip' ).removeClass( 'wp-hide-mce-tooltip' );
 942				}
 943			} );
 944
 945			toolbar.on( 'keydown', function( event ) {
 946				if ( event.keyCode === 27 ) {
 947					this.hide();
 948					editor.focus();
 949				}
 950			} );
 951
 952			editor.on( 'remove', function() {
 953				toolbar.remove();
 954			} );
 955
 956			toolbar.reposition = reposition;
 957			toolbar.hide().renderTo( document.body );
 958
 959			return toolbar;
 960		}
 961
 962		editor.shortcuts.add( 'alt+119', '', function() {
 963			var node;
 964
 965			if ( activeToolbar ) {
 966				node = activeToolbar.find( 'toolbar' )[0];
 967				node && node.focus( true );
 968			}
 969		} );
 970
 971		editor.on( 'nodechange', function( event ) {
 972			var collapsed = editor.selection.isCollapsed();
 973
 974			var args = {
 975				element: event.element,
 976				parents: event.parents,
 977				collapsed: collapsed
 978			};
 979
 980			editor.fire( 'wptoolbar', args );
 981
 982			currentSelection = args.selection || args.element;
 983
 984			if ( activeToolbar && activeToolbar !== args.toolbar ) {
 985				activeToolbar.hide();
 986			}
 987
 988			if ( args.toolbar ) {
 989				activeToolbar = args.toolbar;
 990
 991				if ( activeToolbar.visible() ) {
 992					activeToolbar.reposition();
 993				} else {
 994					activeToolbar.show();
 995				}
 996			} else {
 997				activeToolbar = false;
 998			}
 999		} );
1000
1001		editor.on( 'focus', function() {
1002			if ( activeToolbar ) {
1003				activeToolbar.show();
1004			}
1005		} );
1006
1007		function hide( event ) {
1008			if ( activeToolbar ) {
1009				if ( activeToolbar.tempHide || event.type === 'hide' || event.type === 'blur' ) {
1010					activeToolbar.hide();
1011					activeToolbar = false;
1012				} else if ( (
1013					event.type === 'resizewindow' ||
1014					event.type === 'scrollwindow' ||
1015					event.type === 'resize' ||
1016					event.type === 'scroll'
1017				) && ! activeToolbar.blockHide ) {
1018					clearTimeout( timeout );
1019
1020					timeout = setTimeout( function() {
1021						if ( activeToolbar && typeof activeToolbar.show === 'function' ) {
1022							activeToolbar.scrolling = false;
1023							activeToolbar.show();
1024						}
1025					}, 250 );
1026
1027					activeToolbar.scrolling = true;
1028					activeToolbar.hide();
1029				}
1030			}
1031		}
1032
1033		// For full height editor.
1034		editor.on( 'resizewindow scrollwindow', hide );
1035		// For scrollable editor.
1036		editor.dom.bind( editor.getWin(), 'resize scroll', hide );
1037
1038		editor.on( 'remove', function() {
1039			editor.off( 'resizewindow scrollwindow', hide );
1040			editor.dom.unbind( editor.getWin(), 'resize scroll', hide );
1041		} );
1042
1043		editor.on( 'blur hide', hide );
1044
1045		editor.wp = editor.wp || {};
1046		editor.wp._createToolbar = create;
1047	}, true );
1048
1049	function noop() {}
1050
1051	// Expose some functions (back-compat)
1052	return {
1053		_showButtons: noop,
1054		_hideButtons: noop,
1055		_setEmbed: noop,
1056		_getEmbed: noop
1057	};
1058});
1059
1060}( window.tinymce ));