WordPress.org

Make WordPress Core

Changeset 29543


Ignore:
Timestamp:
08/19/2014 09:52:19 PM (7 years ago)
Author:
azaozz
Message:

TinyMCE wpView sandbox iframes:

  • Make them transparent.
  • Don't load tons of unrelated styles that can break them. This could result in minimal styling mismatch to the front-end, but keeps the views working well and looking good.

Props avryl, fixes #29048.

Location:
trunk/src/wp-includes
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-includes/js/mce-view.js

    r29530 r29543  
    157157                                '<head>' +
    158158                                    '<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />' +
     159                                    '<style>' +
     160                                        'html, body#wpview-iframe-sandbox {' +
     161                                            'background: transparent;' +
     162                                            'padding: 0;' +
     163                                            'margin: 0;' +
     164                                        '}' +
     165                                        'body#wpview-iframe-sandbox {' +
     166                                            'padding: 1px 0;' +
     167                                        '}' +
     168                                    '</style>' +
    159169                                '</head>' +
    160                                 '<body data-context="iframe-sandbox" style="padding: 0; margin: 0;" class="' + editor.getBody().className + '">' +
     170                                '<body id="wpview-iframe-sandbox">' +
    161171                                    html +
    162172                                '</body>' +
     
    167177                        resize = function() {
    168178                            // Make sure the iframe still exists.
    169                             iframe.contentWindow && $( iframe ).height( $( iframeDoc.body ).height() );
     179                            iframe.contentWindow && $( iframe ).height( $( iframeDoc.body ).outerHeight() );
    170180                        };
    171181
  • trunk/src/wp-includes/media.php

    r29493 r29543  
    33113311function wp_media_mce_styles() {
    33123312    $version = 'ver=' . $GLOBALS['wp_version'];
    3313     $tinymce = includes_url( "js/tinymce/skins/lightgray/content.min.css?$version" );
    33143313    $dashicons = includes_url( "css/dashicons.css?$version" );
    3315     $skin = includes_url( "js/tinymce/skins/wordpress/wp-content.css?$version" );
    33163314    $mediaelement = includes_url( "js/mediaelement/mediaelementplayer.min.css?$version" );
    33173315    $wpmediaelement = includes_url( "js/mediaelement/wp-mediaelement.css?$version" );
    33183316
    3319     $mce_styles = array( $tinymce, $dashicons, $skin, $mediaelement, $wpmediaelement );
    3320     $editor_styles = get_editor_stylesheets();
    3321     if ( ! empty( $editor_styles ) ) {
    3322         foreach ( $editor_styles as $style ) {
    3323             $mce_styles[] = $style;
    3324         }
    3325     }
    3326     return $mce_styles;
    3327 }
     3317    return array( $dashicons, $mediaelement, $wpmediaelement );
     3318}
Note: See TracChangeset for help on using the changeset viewer.