Ticket #27389: 27389.combined.2.diff

src/wp-includes/js/mce-view.js

@@ -41 +41 @@
                                         doc = editor.getDoc();
                                         $( doc ).find( '[data-wpview-text="' + this.encodedText + '"]' ).each(function (i, elem) {
                                                 var node = $( elem );
-                                                node.html( html );
+                                                node.html( html ).append( '<span data-wp-view-end class="wp-view-end"></span>' );
                                                 $( self ).trigger( 'ready', elem );
                                         });
                                 }
@@ -339 +339 @@
          * @mixin
          */
         wp.mce.media = {
+                loaded: false,
                 /**
                  * @global wp.shortcode
                  *
@@ -410 +411 @@
          */
         wp.mce.media.View = wp.mce.View.extend({
                 initialize: function( options ) {
+                        this.players = {};
                         this.shortcode = options.shortcode;
+                        this.parsing = 0;
                         _.bindAll( this, 'setPlayer' );
                         $(this).on( 'ready', this.setPlayer );
                 },
 
+                countShortcodes: function () {
+                        var size = 0, self = this;
+                        _.each( tinymce.editors, function( editor ) {
+                                var doc;
+                                if ( editor.plugins.wpview ) {
+                                        doc = editor.getDoc();
+                                        size += $( doc ).find( '[data-wpview-text="' + self.encodedText + '"]' ).length;
+                                }
+                        } );
+
+                        return size;
+                },
+
                 /**
                  * Creates the player instance for the current node
                  *
@@ -435 +451 @@
                                 firefox = this.ua.is( 'ff' ),
                                 className = '.wp-' +  this.shortcode.tag + '-shortcode';
 
-                        if ( this.player ) {
-                                this.unsetPlayer();
-                        }
+                        this.size = this.countShortcodes();
+                        this.pauseAllPlayers();
 
                         media = $( node ).find( className );
 
@@ -459 +474 @@
 
                         media = wp.media.view.MediaDetails.prepareSrc( media.get(0) );
 
-                        setTimeout( function() {
-                                self.player = new MediaElementPlayer( media, this.mejsSettings );
-                        }, 75 );
+                        setTimeout( function () {
+                                var player = new MediaElementPlayer( media, this.mejsSettings );
+                                
+                                wp.mce.media.loaded = true;
+                                if ( self.players[ self.parsing ] ) {
+                                        self.removePlayer( self.players[ self.parsing ] );
+                                }
+                                self.players[ self.parsing ] = player;
+                                self.parsing += 1;
+                                if ( self.parsing === self.size ) {
+                                        self.parsing = 0;
+                                }
+                        }, wp.mce.media.loaded ? 10 : 500 );
                 },
 
                 /**

src/wp-includes/js/media-audiovideo.js

@@ -128 +128 @@
                  *      MediaElement tries to pull the audio/video tag out of
                  *      its container and re-add it to the DOM.
                  */
-                removePlayer: function() {
-                        var t = this.player, featureIndex, feature;
+                removePlayer: function(t) {
+                        var featureIndex, feature;
 
                         // invoke features cleanup
                         for ( featureIndex in t.options.features ) {
@@ -145 +145 @@
                                 t.$node.remove();
                         }
 
-                        if ( 'native' !== t.media.pluginType ) {
-                                t.media.remove();
-                        }
+                        t.media.remove();
 
                         delete window.mejs.players[t.id];
 
-                        t.container.remove();
+                        if (typeof t.container == 'object') {
+                                t.container.remove();
+                        }
                         t.globalUnbind();
                         delete t.node.player;
                 },
@@ -165 +165 @@
                 unsetPlayer : function() {
                         if ( this.player ) {
                                 wp.media.mixin.pauseAllPlayers();
-                                wp.media.mixin.removePlayer.apply( this );
+                                wp.media.mixin.removePlayer( this.player );
                                 this.player = false;
                         }
                 }

src/wp-includes/js/mediaelement/wp-mediaelement.css

@@ -72 +72 @@
         max-width: 100%;
 }
 
-.wp-playlist audio {
+.wp-playlist audio, audio.wp-audio-shortcode {
         display: none;
         max-width: 100%;
         width: 400px;

src/wp-includes/js/tinymce/plugins/wpview/plugin.js

@@ -141 +141 @@
         }
 
         editor.on( 'BeforeAddUndo', function( event ) {
-                if ( selected && ! toRemove ) {
-                        event.preventDefault();
+                var replace,
+                        previousContent,
+                        content;
+
+                replace = function( content ) {
+                        return content.replace(/(<div[^>]+wpview-wrap[^>]+>)([\s\S]+)(<span[^>]+data-wp-view-end[^>]+><\/span><\/div>)/mg, '$`$1$3$\'' );
+                };
+
+                if ( event.lastLevel ) {
+                        previousContent = replace( event.lastLevel.content );
+                        content = replace( event.level.content );
+
+                        if ( content === previousContent ) {
+                                event.preventDefault();
+                        }
                 }
         });
 
@@ -162 +175 @@
         editor.on( 'SetContent', function( event ) {
                 var body, padNode;
 
-                // don't (re-)render views if the format of the content is raw
-                // to avoid adding additional undo levels on undo/redo
-                if ( event.format !== 'raw' ) {
-                        wp.mce.views.render();
-                }
+                wp.mce.views.render();
 
                 // Add padding <p> if the noneditable node is last
                 if ( event.load || ! event.set ) {