Ticket #31464: 31464.diff

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

@@ -244 +244 @@
                 loader: true,
 
                 /**
+                 * Whether or not to import styles if the
+                 * preview is rendered in an iFrame.
+                 *
+                 * @type {Boolean}
+                 */
+                importStyles: false,
+
+                /**
                  * Runs after the view instance is created.
                  */
                 initialize: function() {},
@@ -448 +456 @@
                  * @param {Boolean}  rendered Only set for (un)rendered nodes. Optional.
                  */
                 setIframes: function( head, body, callback, rendered ) {
-                        var MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver,
-                                importStyles = this.type === 'video' || this.type === 'audio' || this.type === 'playlist';
+                        var MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver;
 
                         this.getNodes( function( editor, node, content ) {
                                 var dom = editor.dom,
@@ -460 +467 @@
                                 content.innerHTML = '';
                                 head = head || '';
 
-                                if ( importStyles ) {
+                                if ( this.importStyles ) {
                                         if ( ! wp.mce.views.sandboxStyles ) {
                                                 tinymce.each( dom.$( 'link[rel="stylesheet"]', editor.getDoc().head ), function( link ) {
                                                         if ( link.href && link.href.indexOf( 'skins/lightgray/content.min.css' ) === -1 &&
@@ -561 +568 @@
                                                 }
                                         }
 
-                                        if ( importStyles ) {
+                                        if ( this.importStyles ) {
                                                 editor.on( 'wp-body-class-change', function() {
                                                         iframeDoc.body.className = editor.getBody().className;
                                                 } );
@@ -706 +713 @@
         av = _.extend( {}, media, {
                 action: 'parse-media-shortcode',
 
+                importStyles: true,
+
                 initialize: function() {
                         var self = this;