Another attempt to fix the http blog redirects.
[WebKit-https.git] / Websites / webkit.org / blog / wp-includes / js / tinymce / plugins / wordpress / plugin.js
1 /* global tinymce, getUserSetting, setUserSetting */
2
3 // Set the minimum value for the modals z-index higher than #wpadminbar (100000)
4 tinymce.ui.FloatPanel.zIndex = 100100;
5
6 tinymce.PluginManager.add( 'wordpress', function( editor ) {
7         var DOM = tinymce.DOM,
8                 each = tinymce.each,
9                 __ = editor.editorManager.i18n.translate,
10                 wpAdvButton, style,
11                 last = 0;
12
13         if ( typeof window.jQuery !== 'undefined' ) {
14                 window.jQuery( document ).triggerHandler( 'tinymce-editor-setup', [ editor ] );
15         }
16
17         function toggleToolbars( state ) {
18                 var iframe, initial, toolbars,
19                         pixels = 0;
20
21                 initial = ( state === 'hide' );
22
23                 if ( editor.theme.panel ) {
24                         toolbars = editor.theme.panel.find('.toolbar:not(.menubar)');
25                 }
26
27                 if ( ! toolbars || toolbars.length < 2 || ( state === 'hide' && ! toolbars[1].visible() ) ) {
28                         return;
29                 }
30
31                 if ( ! state && toolbars[1].visible() ) {
32                         state = 'hide';
33                 }
34
35                 each( toolbars, function( toolbar, i ) {
36                         if ( i > 0 ) {
37                                 if ( state === 'hide' ) {
38                                         toolbar.hide();
39                                         pixels += 30;
40                                 } else {
41                                         toolbar.show();
42                                         pixels -= 30;
43                                 }
44                         }
45                 });
46
47                 if ( pixels && ! initial ) {
48                         // Resize iframe, not needed in iOS
49                         if ( ! tinymce.Env.iOS ) {
50                                 iframe = editor.getContentAreaContainer().firstChild;
51                                 DOM.setStyle( iframe, 'height', iframe.clientHeight + pixels );
52                         }
53
54                         if ( state === 'hide' ) {
55                                 setUserSetting('hidetb', '0');
56                                 wpAdvButton && wpAdvButton.active( false );
57                         } else {
58                                 setUserSetting('hidetb', '1');
59                                 wpAdvButton && wpAdvButton.active( true );
60                         }
61                 }
62
63                 editor.fire( 'wp-toolbar-toggle' );
64         }
65
66         // Add the kitchen sink button :)
67         editor.addButton( 'wp_adv', {
68                 tooltip: 'Toolbar Toggle',
69                 cmd: 'WP_Adv',
70                 onPostRender: function() {
71                         wpAdvButton = this;
72                         wpAdvButton.active( getUserSetting( 'hidetb' ) === '1' ? true : false );
73                 }
74         });
75
76         // Hide the toolbars after loading
77         editor.on( 'PostRender', function() {
78                 if ( editor.getParam( 'wordpress_adv_hidden', true ) && getUserSetting( 'hidetb', '0' ) === '0' ) {
79                         toggleToolbars( 'hide' );
80                 }
81         });
82
83         editor.addCommand( 'WP_Adv', function() {
84                 toggleToolbars();
85         });
86
87         editor.on( 'focus', function() {
88         window.wpActiveEditor = editor.id;
89     });
90
91         // Replace Read More/Next Page tags with images
92         editor.on( 'BeforeSetContent', function( e ) {
93                 var title;
94
95                 if ( e.content ) {
96                         if ( e.content.indexOf( '<!--more' ) !== -1 ) {
97                                 title = __( 'Read more...' );
98
99                                 e.content = e.content.replace( /<!--more(.*?)-->/g, function( match, moretext ) {
100                                         return '<img src="' + tinymce.Env.transparentSrc + '" data-wp-more="more" data-wp-more-text="' + moretext + '" ' +
101                                                 'class="wp-more-tag mce-wp-more" title="' + title + '" data-mce-resize="false" data-mce-placeholder="1" />';
102                                 });
103                         }
104
105                         if ( e.content.indexOf( '<!--nextpage-->' ) !== -1 ) {
106                                 title = __( 'Page break' );
107
108                                 e.content = e.content.replace( /<!--nextpage-->/g,
109                                         '<img src="' + tinymce.Env.transparentSrc + '" data-wp-more="nextpage" class="wp-more-tag mce-wp-nextpage" ' +
110                                                 'title="' + title + '" data-mce-resize="false" data-mce-placeholder="1" />' );
111                         }
112                 }
113         });
114
115         // Replace images with tags
116         editor.on( 'PostProcess', function( e ) {
117                 if ( e.get ) {
118                         e.content = e.content.replace(/<img[^>]+>/g, function( image ) {
119                                 var match, moretext = '';
120
121                                 if ( image.indexOf( 'data-wp-more="more"' ) !== -1 ) {
122                                         if ( match = image.match( /data-wp-more-text="([^"]+)"/ ) ) {
123                                                 moretext = match[1];
124                                         }
125
126                                         image = '<!--more' + moretext + '-->';
127                                 } else if ( image.indexOf( 'data-wp-more="nextpage"' ) !== -1 ) {
128                                         image = '<!--nextpage-->';
129                                 }
130
131                                 return image;
132                         });
133                 }
134         });
135
136         // Display the tag name instead of img in element path
137         editor.on( 'ResolveName', function( event ) {
138                 var attr;
139
140                 if ( event.target.nodeName === 'IMG' && ( attr = editor.dom.getAttrib( event.target, 'data-wp-more' ) ) ) {
141                         event.name = attr;
142                 }
143         });
144
145         // Register commands
146         editor.addCommand( 'WP_More', function( tag ) {
147                 var parent, html, title,
148                         classname = 'wp-more-tag',
149                         dom = editor.dom,
150                         node = editor.selection.getNode();
151
152                 tag = tag || 'more';
153                 classname += ' mce-wp-' + tag;
154                 title = tag === 'more' ? 'Read more...' : 'Next page';
155                 title = __( title );
156                 html = '<img src="' + tinymce.Env.transparentSrc + '" title="' + title + '" class="' + classname + '" ' +
157                         'data-wp-more="' + tag + '" data-mce-resize="false" data-mce-placeholder="1" />';
158
159                 // Most common case
160                 if ( node.nodeName === 'BODY' || ( node.nodeName === 'P' && node.parentNode.nodeName === 'BODY' ) ) {
161                         editor.insertContent( html );
162                         return;
163                 }
164
165                 // Get the top level parent node
166                 parent = dom.getParent( node, function( found ) {
167                         if ( found.parentNode && found.parentNode.nodeName === 'BODY' ) {
168                                 return true;
169                         }
170
171                         return false;
172                 }, editor.getBody() );
173
174                 if ( parent ) {
175                         if ( parent.nodeName === 'P' ) {
176                                 parent.appendChild( dom.create( 'p', null, html ).firstChild );
177                         } else {
178                                 dom.insertAfter( dom.create( 'p', null, html ), parent );
179                         }
180
181                         editor.nodeChanged();
182                 }
183         });
184
185         editor.addCommand( 'WP_Code', function() {
186                 editor.formatter.toggle('code');
187         });
188
189         editor.addCommand( 'WP_Page', function() {
190                 editor.execCommand( 'WP_More', 'nextpage' );
191         });
192
193         editor.addCommand( 'WP_Help', function() {
194                 editor.windowManager.open({
195                         url: tinymce.baseURL + '/wp-mce-help.php',
196                         title: 'Keyboard Shortcuts',
197                         width: 450,
198                         height: 420,
199                         classes: 'wp-help',
200                         buttons: { text: 'Close', onclick: 'close' }
201                 });
202         });
203
204         editor.addCommand( 'WP_Medialib', function() {
205                 if ( typeof wp !== 'undefined' && wp.media && wp.media.editor ) {
206                         wp.media.editor.open( editor.id );
207                 }
208         });
209
210         // Register buttons
211         editor.addButton( 'wp_more', {
212                 tooltip: 'Insert Read More tag',
213                 onclick: function() {
214                         editor.execCommand( 'WP_More', 'more' );
215                 }
216         });
217
218         editor.addButton( 'wp_page', {
219                 tooltip: 'Page break',
220                 onclick: function() {
221                         editor.execCommand( 'WP_More', 'nextpage' );
222                 }
223         });
224
225         editor.addButton( 'wp_help', {
226                 tooltip: 'Keyboard Shortcuts',
227                 cmd: 'WP_Help'
228         });
229
230         editor.addButton( 'wp_code', {
231                 tooltip: 'Code',
232                 cmd: 'WP_Code',
233                 stateSelector: 'code'
234         });
235
236         // Menubar
237         // Insert->Add Media
238         if ( typeof wp !== 'undefined' && wp.media && wp.media.editor ) {
239                 editor.addMenuItem( 'add_media', {
240                         text: 'Add Media',
241                         icon: 'wp-media-library',
242                         context: 'insert',
243                         cmd: 'WP_Medialib'
244                 });
245         }
246
247         // Insert "Read More..."
248         editor.addMenuItem( 'wp_more', {
249                 text: 'Insert Read More tag',
250                 icon: 'wp_more',
251                 context: 'insert',
252                 onclick: function() {
253                         editor.execCommand( 'WP_More', 'more' );
254                 }
255         });
256
257         // Insert "Next Page"
258         editor.addMenuItem( 'wp_page', {
259                 text: 'Page break',
260                 icon: 'wp_page',
261                 context: 'insert',
262                 onclick: function() {
263                         editor.execCommand( 'WP_More', 'nextpage' );
264                 }
265         });
266
267         editor.on( 'BeforeExecCommand', function(e) {
268                 if ( tinymce.Env.webkit && ( e.command === 'InsertUnorderedList' || e.command === 'InsertOrderedList' ) ) {
269                         if ( ! style ) {
270                                 style = editor.dom.create( 'style', {'type': 'text/css'},
271                                         '#tinymce,#tinymce span,#tinymce li,#tinymce li>span,#tinymce p,#tinymce p>span{font:medium sans-serif;color:#000;line-height:normal;}');
272                         }
273
274                         editor.getDoc().head.appendChild( style );
275                 }
276         });
277
278         editor.on( 'ExecCommand', function( e ) {
279                 if ( tinymce.Env.webkit && style &&
280                         ( 'InsertUnorderedList' === e.command || 'InsertOrderedList' === e.command ) ) {
281
282                         editor.dom.remove( style );
283                 }
284         });
285
286         editor.on( 'init', function() {
287                 var env = tinymce.Env,
288                         bodyClass = ['mceContentBody'], // back-compat for themes that use this in editor-style.css...
289                         doc = editor.getDoc(),
290                         dom = editor.dom;
291
292                 if ( tinymce.Env.iOS ) {
293                         dom.addClass( doc.documentElement, 'ios' );
294                 }
295
296                 if ( editor.getParam( 'directionality' ) === 'rtl' ) {
297                         bodyClass.push('rtl');
298                         dom.setAttrib( doc.documentElement, 'dir', 'rtl' );
299                 }
300
301                 if ( env.ie ) {
302                         if ( parseInt( env.ie, 10 ) === 9 ) {
303                                 bodyClass.push('ie9');
304                         } else if ( parseInt( env.ie, 10 ) === 8 ) {
305                                 bodyClass.push('ie8');
306                         } else if ( env.ie < 8 ) {
307                                 bodyClass.push('ie7');
308                         }
309                 } else if ( env.webkit ) {
310                         bodyClass.push('webkit');
311                 }
312
313                 bodyClass.push('wp-editor');
314
315                 each( bodyClass, function( cls ) {
316                         if ( cls ) {
317                                 dom.addClass( doc.body, cls );
318                         }
319                 });
320
321                 // Remove invalid parent paragraphs when inserting HTML
322                 // TODO: still needed?
323                 editor.on( 'BeforeSetContent', function( e ) {
324                         if ( e.content ) {
325                                 e.content = e.content.replace(/<p>\s*<(p|div|ul|ol|dl|table|blockquote|h[1-6]|fieldset|pre|address)( [^>]*)?>/gi, '<$1$2>');
326                                 e.content = e.content.replace(/<\/(p|div|ul|ol|dl|table|blockquote|h[1-6]|fieldset|pre|address)>\s*<\/p>/gi, '</$1>');
327                         }
328                 });
329
330                 if ( typeof window.jQuery !== 'undefined' ) {
331                         window.jQuery( document ).triggerHandler( 'tinymce-editor-init', [editor] );
332                 }
333
334                 if ( window.tinyMCEPreInit && window.tinyMCEPreInit.dragDropUpload ) {
335                         dom.bind( doc, 'dragstart dragend dragover drop', function( event ) {
336                                 if ( typeof window.jQuery !== 'undefined' ) {
337                                         // Trigger the jQuery handlers.
338                                         window.jQuery( document ).trigger( new window.jQuery.Event( event ) );
339                                 }
340                         });
341                 }
342
343                 if ( editor.getParam( 'wp_paste_filters', true ) ) {
344                         if ( ! tinymce.Env.webkit ) {
345                                 // In WebKit handled by removeWebKitStyles()
346                                 editor.on( 'PastePreProcess', function( event ) {
347                                         // Remove all inline styles
348                                         event.content = event.content.replace( /(<[^>]+) style="[^"]*"([^>]*>)/gi, '$1$2' );
349
350                                         // Put back the internal styles
351                                         event.content = event.content.replace(/(<[^>]+) data-mce-style=([^>]+>)/gi, '$1 style=$2' );
352                                 });
353                         }
354
355                         editor.on( 'PastePostProcess', function( event ) {
356                                 // Remove empty paragraphs
357                                 each( dom.select( 'p', event.node ), function( node ) {
358                                         if ( dom.isEmpty( node ) ) {
359                                                 dom.remove( node );
360                                         }
361                                 });
362                         });
363                 }
364         });
365
366         // Word count
367         if ( typeof window.jQuery !== 'undefined' ) {
368                 editor.on( 'keyup', function( e ) {
369                         var key = e.keyCode || e.charCode;
370
371                         if ( key === last ) {
372                                 return;
373                         }
374
375                         if ( 13 === key || 8 === last || 46 === last ) {
376                                 window.jQuery( document ).triggerHandler( 'wpcountwords', [ editor.getContent({ format : 'raw' }) ] );
377                         }
378
379                         last = key;
380                 });
381         }
382
383         editor.on( 'SaveContent', function( e ) {
384                 // If editor is hidden, we just want the textarea's value to be saved
385                 if ( ! editor.inline && editor.isHidden() ) {
386                         e.content = e.element.value;
387                         return;
388                 }
389
390                 // Keep empty paragraphs :(
391                 e.content = e.content.replace( /<p>(?:<br ?\/?>|\u00a0|\uFEFF| )*<\/p>/g, '<p>&nbsp;</p>' );
392
393                 if ( editor.getParam( 'wpautop', true ) && typeof window.switchEditors !== 'undefined' ) {
394                         e.content = window.switchEditors.pre_wpautop( e.content );
395                 }
396         });
397
398         // Remove spaces from empty paragraphs.
399         editor.on( 'BeforeSetContent', function( event ) {
400                 var paragraph = tinymce.Env.webkit ? '<p><br /></p>' : '<p></p>';
401
402                 if ( event.content ) {
403                         event.content = event.content.replace( /<p>(?:&nbsp;|\u00a0|\uFEFF|\s)+<\/p>/gi, paragraph );
404                 }
405         });
406
407         editor.on( 'preInit', function() {
408                 // Don't replace <i> with <em> and <b> with <strong> and don't remove them when empty
409                 editor.schema.addValidElements( '@[id|accesskey|class|dir|lang|style|tabindex|title|contenteditable|draggable|dropzone|hidden|spellcheck|translate],i,b' );
410
411                 if ( tinymce.Env.iOS ) {
412                         editor.settings.height = 300;
413                 }
414
415                 each( {
416                         c: 'JustifyCenter',
417                         r: 'JustifyRight',
418                         l: 'JustifyLeft',
419                         j: 'JustifyFull',
420                         q: 'mceBlockQuote',
421                         u: 'InsertUnorderedList',
422                         o: 'InsertOrderedList',
423                         s: 'unlink',
424                         m: 'WP_Medialib',
425                         z: 'WP_Adv',
426                         t: 'WP_More',
427                         d: 'Strikethrough',
428                         h: 'WP_Help',
429                         p: 'WP_Page',
430                         x: 'WP_Code'
431                 }, function( command, key ) {
432                         editor.shortcuts.add( 'access+' + key, '', command );
433                 } );
434
435                 editor.addShortcut( 'meta+s', '', function() {
436                         if ( typeof wp !== 'undefined' && wp.autosave ) {
437                                 wp.autosave.server.triggerSave();
438                         }
439                 } );
440         } );
441
442         /**
443          * Experimental: create a floating toolbar.
444          * This functionality will change in the next releases. Not recommended for use by plugins.
445          */
446         ( function() {
447                 var Factory = tinymce.ui.Factory,
448                         settings = editor.settings,
449                         currentToolbar,
450                         currentSelection;
451
452                 function create( buttons ) {
453                         var toolbar,
454                                 toolbarItems = [],
455                                 buttonGroup;
456
457                         each( buttons, function( item ) {
458                                 var itemName;
459
460                                 function bindSelectorChanged() {
461                                         var selection = editor.selection;
462
463                                         if ( itemName === 'bullist' ) {
464                                                 selection.selectorChanged( 'ul > li', function( state, args ) {
465                                                         var i = args.parents.length,
466                                                                 nodeName;
467
468                                                         while ( i-- ) {
469                                                                 nodeName = args.parents[ i ].nodeName;
470
471                                                                 if ( nodeName === 'OL' || nodeName == 'UL' ) {
472                                                                         break;
473                                                                 }
474                                                         }
475
476                                                         item.active( state && nodeName === 'UL' );
477                                                 } );
478                                         }
479
480                                         if ( itemName === 'numlist' ) {
481                                                 selection.selectorChanged( 'ol > li', function( state, args ) {
482                                                         var i = args.parents.length,
483                                                                 nodeName;
484
485                                                         while ( i-- ) {
486                                                                 nodeName = args.parents[ i ].nodeName;
487
488                                                                 if ( nodeName === 'OL' || nodeName === 'UL' ) {
489                                                                         break;
490                                                                 }
491                                                         }
492
493                                                         item.active( state && nodeName === 'OL' );
494                                                 } );
495                                         }
496
497                                         if ( item.settings.stateSelector ) {
498                                                 selection.selectorChanged( item.settings.stateSelector, function( state ) {
499                                                         item.active( state );
500                                                 }, true );
501                                         }
502
503                                         if ( item.settings.disabledStateSelector ) {
504                                                 selection.selectorChanged( item.settings.disabledStateSelector, function( state ) {
505                                                         item.disabled( state );
506                                                 } );
507                                         }
508                                 }
509
510                                 if ( item === '|' ) {
511                                         buttonGroup = null;
512                                 } else {
513                                         if ( Factory.has( item ) ) {
514                                                 item = {
515                                                         type: item
516                                                 };
517
518                                                 if ( settings.toolbar_items_size ) {
519                                                         item.size = settings.toolbar_items_size;
520                                                 }
521
522                                                 toolbarItems.push( item );
523
524                                                 buttonGroup = null;
525                                         } else {
526                                                 if ( ! buttonGroup ) {
527                                                         buttonGroup = {
528                                                                 type: 'buttongroup',
529                                                                 items: []
530                                                         };
531
532                                                         toolbarItems.push( buttonGroup );
533                                                 }
534
535                                                 if ( editor.buttons[ item ] ) {
536                                                         itemName = item;
537                                                         item = editor.buttons[ itemName ];
538
539                                                         if ( typeof item === 'function' ) {
540                                                                 item = item();
541                                                         }
542
543                                                         item.type = item.type || 'button';
544
545                                                         if ( settings.toolbar_items_size ) {
546                                                                 item.size = settings.toolbar_items_size;
547                                                         }
548
549                                                         item = Factory.create( item );
550
551                                                         buttonGroup.items.push( item );
552
553                                                         if ( editor.initialized ) {
554                                                                 bindSelectorChanged();
555                                                         } else {
556                                                                 editor.on( 'init', bindSelectorChanged );
557                                                         }
558                                                 }
559                                         }
560                                 }
561                         } );
562
563                         toolbar = Factory.create( {
564                                 type: 'panel',
565                                 layout: 'stack',
566                                 classes: 'toolbar-grp inline-toolbar-grp',
567                                 ariaRoot: true,
568                                 ariaRemember: true,
569                                 items: [ {
570                                         type: 'toolbar',
571                                         layout: 'flow',
572                                         items: toolbarItems
573                                 } ]
574                         } );
575
576                         function hide() {
577                                 toolbar.hide();
578                         }
579
580                         function reposition() {
581                                 var top, left, minTop, className,
582                                         windowPos, adminbar, mceToolbar, boundary,
583                                         boundaryMiddle, boundaryVerticalMiddle, spaceTop,
584                                         spaceBottom, windowWidth, toolbarWidth, toolbarHalf,
585                                         iframe, iframePos, iframeWidth, iframeHeigth,
586                                         toolbarNodeHeight, verticalSpaceNeeded,
587                                         toolbarNode = this.getEl(),
588                                         buffer = 5,
589                                         margin = 8,
590                                         adminbarHeight = 0;
591
592                                 if ( ! currentSelection ) {
593                                         return;
594                                 }
595
596                                 windowPos = window.pageYOffset || document.documentElement.scrollTop;
597                                 adminbar = tinymce.$( '#wpadminbar' )[0];
598                                 mceToolbar = tinymce.$( '.mce-toolbar-grp', editor.getContainer() )[0];
599                                 boundary = currentSelection.getBoundingClientRect();
600                                 boundaryMiddle = ( boundary.left + boundary.right ) / 2;
601                                 boundaryVerticalMiddle = ( boundary.top + boundary.bottom ) / 2;
602                                 spaceTop = boundary.top;
603                                 spaceBottom = iframeHeigth - boundary.bottom;
604                                 windowWidth = window.innerWidth;
605                                 toolbarWidth = toolbarNode.offsetWidth;
606                                 toolbarHalf = toolbarWidth / 2;
607                                 iframe = document.getElementById( editor.id + '_ifr' );
608                                 iframePos = DOM.getPos( iframe );
609                                 iframeWidth = iframe.offsetWidth;
610                                 iframeHeigth = iframe.offsetHeight;
611                                 toolbarNodeHeight = toolbarNode.offsetHeight;
612                                 verticalSpaceNeeded = toolbarNodeHeight + margin + buffer;
613
614                                 if ( spaceTop >= verticalSpaceNeeded ) {
615                                         className = ' mce-arrow-down';
616                                         top = boundary.top + iframePos.y - toolbarNodeHeight - margin;
617                                 } else if ( spaceBottom >= verticalSpaceNeeded ) {
618                                         className = ' mce-arrow-up';
619                                         top = boundary.bottom + iframePos.y;
620                                 } else {
621                                         top = buffer;
622
623                                         if ( boundaryVerticalMiddle >= verticalSpaceNeeded ) {
624                                                 className = ' mce-arrow-down';
625                                         } else {
626                                                 className = ' mce-arrow-up';
627                                         }
628                                 }
629
630                                 // Make sure the image toolbar is below the main toolbar.
631                                 if ( mceToolbar ) {
632                                         minTop = DOM.getPos( mceToolbar ).y + mceToolbar.clientHeight;
633                                 } else {
634                                         minTop = iframePos.y;
635                                 }
636
637                                 // Make sure the image toolbar is below the adminbar (if visible) or below the top of the window.
638                                 if ( windowPos ) {
639                                         if ( adminbar && adminbar.getBoundingClientRect().top === 0 ) {
640                                                 adminbarHeight = adminbar.clientHeight;
641                                         }
642
643                                         if ( windowPos + adminbarHeight > minTop ) {
644                                                 minTop = windowPos + adminbarHeight;
645                                         }
646                                 }
647
648                                 if ( top && minTop && ( minTop + buffer > top ) ) {
649                                         top = minTop + buffer;
650                                         className = '';
651                                 }
652
653                                 left = boundaryMiddle - toolbarHalf;
654                                 left += iframePos.x;
655
656                                 if ( boundary.left < 0 || boundary.right > iframeWidth ) {
657                                         left = iframePos.x + ( iframeWidth - toolbarWidth ) / 2;
658                                 } else if ( toolbarWidth >= windowWidth ) {
659                                         className += ' mce-arrow-full';
660                                         left = 0;
661                                 } else if ( ( left < 0 && boundary.left + toolbarWidth > windowWidth ) ||
662                                         ( left + toolbarWidth > windowWidth && boundary.right - toolbarWidth < 0 ) ) {
663
664                                         left = ( windowWidth - toolbarWidth ) / 2;
665                                 } else if ( left < iframePos.x ) {
666                                         className += ' mce-arrow-left';
667                                         left = boundary.left + iframePos.x;
668                                 } else if ( left + toolbarWidth > iframeWidth + iframePos.x ) {
669                                         className += ' mce-arrow-right';
670                                         left = boundary.right - toolbarWidth + iframePos.x;
671                                 }
672
673                                 toolbarNode.className = toolbarNode.className.replace( / ?mce-arrow-[\w]+/g, '' );
674                                 toolbarNode.className += className;
675
676                                 DOM.setStyles( toolbarNode, { 'left': left, 'top': top } );
677
678                                 return this;
679                         }
680
681                         toolbar.on( 'show', function() {
682                                 currentToolbar = this;
683                                 this.reposition();
684                         } );
685
686                         toolbar.on( 'hide', function() {
687                                 currentToolbar = false;
688                         } );
689
690                         toolbar.on( 'keydown', function( event ) {
691                                 if ( event.keyCode === 27 ) {
692                                         this.hide();
693                                         editor.focus();
694                                 }
695                         } );
696
697                         toolbar.on( 'remove', function() {
698                                 DOM.unbind( window, 'resize scroll', hide );
699                                 editor.dom.unbind( editor.getWin(), 'resize scroll', hide );
700                                 editor.off( 'blur hide', hide );
701                         } );
702
703                         editor.once( 'init', function() {
704                                 DOM.bind( window, 'resize scroll', hide );
705                                 editor.dom.bind( editor.getWin(), 'resize scroll', hide );
706                                 editor.on( 'blur hide', hide );
707                         } );
708
709                         toolbar.reposition = reposition;
710                         toolbar.hide().renderTo( document.body );
711
712                         return toolbar;
713                 }
714
715                 editor.shortcuts.add( 'alt+119', '', function() {
716                         var node;
717
718                         if ( currentToolbar ) {
719                                 node = currentToolbar.find( 'toolbar' )[0];
720                                 node && node.focus( true );
721                         }
722                 } );
723
724                 editor.on( 'nodechange', function( event ) {
725                         var collapsed = editor.selection.isCollapsed();
726
727                         var args = {
728                                 element: event.element,
729                                 parents: event.parents,
730                                 collapsed: collapsed
731                         };
732
733                         editor.fire( 'wptoolbar', args );
734
735                         currentSelection = args.selection || args.element;
736
737                         currentToolbar && currentToolbar.hide();
738                         args.toolbar && args.toolbar.show();
739                 } );
740
741                 editor.wp = editor.wp || {};
742                 editor.wp._createToolbar = create;
743         }());
744
745         function noop() {}
746
747         // Expose some functions (back-compat)
748         return {
749                 _showButtons: noop,
750                 _hideButtons: noop,
751                 _setEmbed: noop,
752                 _getEmbed: noop
753         };
754 });