WordPress.org

Make WordPress Core

Changeset 29049


Ignore:
Timestamp:
07/09/2014 10:05:06 PM (4 years ago)
Author:
azaozz
Message:

Enhance the editor on the Add/Edit Post screens, first run. Props avril, see #28328.

Location:
trunk/src
Files:
3 added
12 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-admin/css/edit.css

    r28703 r29049  
    3838#titlediv {
    3939    position: relative;
    40     margin-bottom: 10px;
    4140}
    4241
     
    338337    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
    339338    box-shadow: 0 1px 1px rgba(0,0,0,0.04);
    340     cursor: row-resize;
     339    z-index: 999;
    341340}
    342341
     
    346345
    347346.autosave-info {
    348     padding: 2px;
     347    padding: 2px 10px;
    349348    text-align: right;
    350349}
     
    366365    display: block;
    367366    padding: 2px 10px;
     367}
     368
     369#wp-content-editor-container {
     370    position: relative;
     371}
     372
     373#content-textarea-clone {
     374    z-index: -1;
     375    position: absolute;
     376    top: 0;
     377    visibility: hidden;
     378    overflow: hidden;
    368379}
    369380
     
    13491360    }
    13501361
    1351     #wp-content-editor-tools {
    1352         overflow: hidden;
    1353         padding: 20px 15px 1px 0;
    1354         top: 1px;
    1355     }
    1356 
    13571362    a.wp-switch-editor {
    13581363        font-size: 16px;
  • trunk/src/wp-admin/edit-form-advanced.php

    r28837 r29049  
    1212
    1313wp_enqueue_script('post');
     14wp_enqueue_script('editor-expand');
    1415
    1516if ( wp_is_mobile() )
     
    493494    'tinymce' => array(
    494495        'resize' => false,
     496        'wp_autoresize_on' => true,
    495497        'add_unload_trigger' => false,
    496498    ),
  • trunk/src/wp-admin/js/common.js

    r28869 r29049  
    180180
    181181    $('#collapse-menu').on('click.collapse-menu', function() {
    182         var body = $( document.body ), respWidth;
     182        var body = $( document.body ), respWidth, state;
    183183
    184184        // reset any compensation for submenus near the bottom of the screen
     
    198198                setUserSetting('unfold', 1);
    199199                setUserSetting('mfold', 'o');
     200                state = 'open';
    200201            } else {
    201202                body.addClass('auto-fold');
    202203                setUserSetting('unfold', 0);
     204                state = 'folded';
    203205            }
    204206        } else {
     
    206208                body.removeClass('folded');
    207209                setUserSetting('mfold', 'o');
     210                state = 'open';
    208211            } else {
    209212                body.addClass('folded');
    210213                setUserSetting('mfold', 'f');
    211             }
    212         }
     214                state = 'folded';
     215            }
     216        }
     217
     218        $( document ).trigger( 'wp-collapse-menu', { state: state } );
    213219    });
    214220
     
    722728});
    723729
    724 // make Windows 8 devices playing along nicely
     730// Make Windows 8 devices play along nicely.
    725731(function(){
    726732    if ( '-ms-user-select' in document.documentElement.style && navigator.userAgent.match(/IEMobile\/10\.0/) ) {
  • trunk/src/wp-admin/js/post.js

    r28771 r29049  
    10051005        var editor, offset, mce,
    10061006            $textarea = $('textarea#content'),
    1007             $handle = $('#post-status-info');
     1007            $handle = $('#post-status-info'),
     1008            $contentWrap = $('#wp-content-wrap');
    10081009
    10091010        // No point for touch devices
     
    10131014
    10141015        function dragging( event ) {
     1016            if ( $contentWrap.hasClass( 'wp-editor-expand' ) ) {
     1017                return;
     1018            }
     1019
    10151020            if ( mce ) {
    10161021                editor.theme.resizeTo( null, offset + event.pageY );
     
    10241029        function endDrag() {
    10251030            var height, toolbarHeight;
     1031
     1032            if ( $contentWrap.hasClass( 'wp-editor-expand' ) ) {
     1033                return;
     1034            }
    10261035
    10271036            if ( mce ) {
     
    10751084            var editor, body, format = this.id;
    10761085
    1077             if ( format && $( this ).prop('checked') ) {
    1078                 editor = tinymce.get( 'content' );
    1079 
    1080                 if ( editor ) {
    1081                     body = editor.getBody();
    1082                     body.className = body.className.replace( /\bpost-format-[^ ]+/, '' );
    1083                     editor.dom.addClass( body, format == 'post-format-0' ? 'post-format-standard' : format );
    1084                 }
     1086            if ( format && $( this ).prop( 'checked' ) && ( editor = tinymce.get( 'content' ) ) ) {
     1087                body = editor.getBody();
     1088                body.className = body.className.replace( /\bpost-format-[^ ]+/, '' );
     1089                editor.dom.addClass( body, format == 'post-format-0' ? 'post-format-standard' : format );
     1090                $( document ).trigger( 'editor-classchange' );
    10851091            }
    10861092        });
  • trunk/src/wp-admin/js/postbox.js

    r28940 r29049  
    160160                el.className = el.className.replace(/columns-\d+/, 'columns-' + n);
    161161            }
     162
     163            $( document ).trigger( 'postboxes-columnchange' );
    162164        },
    163165
  • trunk/src/wp-includes/class-wp-editor.php

    r28945 r29049  
    348348                        'fullscreen',
    349349                        'wordpress',
     350                        'wpautoresize',
    350351                        'wpeditimage',
    351352                        'wpgallery',
  • trunk/src/wp-includes/css/editor.css

    r28236 r29049  
    149149    border-bottom: 1px solid #dedede;
    150150    background: #f5f5f5;
     151    padding: 0;
     152    position: relative;
     153    z-index: 999;
     154}
     155
     156div.mce-toolbar-grp > div {
    151157    padding: 3px;
    152     position: relative;
    153158}
    154159
     
    162167
    163168div.mce-statusbar {
    164     border-top: 1px solid #eee;
     169    border-top: 1px solid #e5e5e5;
    165170}
    166171
    167172div.mce-path {
    168     padding: 0 8px 2px;
     173    padding: 2px 10px;
    169174    margin: 0;
     175}
     176
     177.mce-path,
     178.mce-path-item,
     179.mce-path .mce-divider {
     180    font-size: 12px;
     181    line-height: 18px;
     182}
     183
     184.mce-path-item:focus {
     185    background: none;
     186    color: inherit;
    170187}
    171188
     
    732749
    733750.mce-i-wp_code:before {
    734     content: '\e017';
     751    content: '\f475';
    735752}
    736753
     
    741758
    742759.wp-editor-tools {
     760    background-color: #f1f1f1;
     761    padding-top: 20px;
    743762    position: relative;
    744     z-index: 1;
     763    z-index: 1000;
     764}
     765
     766.wp-editor-tools:after {
     767    clear: both;
     768    content: '';
     769    display: table;
    745770}
    746771
     
    762787    -moz-box-sizing: border-box;
    763788    box-sizing: border-box;
    764 }
    765 
    766 .wp-editor-tools {
    767     padding: 0;
    768789}
    769790
  • trunk/src/wp-includes/js/tinymce/plugins/wordpress/plugin.js

    r28932 r29049  
    5353            }
    5454        }
     55
     56        editor.fire( 'wp-toolbar-toggle' );
    5557    }
    5658
  • trunk/src/wp-includes/js/tinymce/plugins/wpfullscreen/plugin.js

    r28455 r29049  
    44 */
    55tinymce.PluginManager.add( 'wpfullscreen', function( editor ) {
    6     var settings = editor.settings,
    7         oldSize = 0;
    8 
    9     function resize( e ) {
    10         var deltaSize, myHeight,
    11             d = editor.getDoc(),
    12             body = d.body,
    13             DOM = tinymce.DOM,
    14             resizeHeight = 250;
    15 
    16         if ( ( e && e.type === 'setcontent' && e.initial ) || editor.settings.inline ) {
    17             return;
    18         }
    19 
    20         // Get height differently depending on the browser used
    21         myHeight = tinymce.Env.ie ? body.scrollHeight : ( tinymce.Env.webkit && body.clientHeight === 0 ? 0 : body.offsetHeight );
    22 
    23         // Don't make it smaller than 250px
    24         if ( myHeight > 250 ) {
    25             resizeHeight = myHeight;
    26         }
    27 
    28         body.scrollTop = 0;
    29 
    30         // Resize content element
    31         if ( resizeHeight !== oldSize ) {
    32             deltaSize = resizeHeight - oldSize;
    33             DOM.setStyle( DOM.get( editor.id + '_ifr' ), 'height', resizeHeight + 'px' );
    34             oldSize = resizeHeight;
    35 
    36             // WebKit doesn't decrease the size of the body element until the iframe gets resized
    37             // So we need to continue to resize the iframe down until the size gets fixed
    38             if ( tinymce.isWebKit && deltaSize < 0 ) {
    39                 resize( e );
    40             }
    41         }
    42     }
    43 
    44     // Register the command
    45     editor.addCommand( 'wpAutoResize', resize );
     6    var settings = editor.settings;
    467
    478    function fullscreenOn() {
    489        settings.wp_fullscreen = true;
    4910        editor.dom.addClass( editor.getDoc().documentElement, 'wp-fullscreen' );
    50         // Add listeners for auto-resizing
    51         editor.on( 'change setcontent paste keyup', resize );
     11        // Start auto-resizing
     12        editor.execCommand( 'wpAutoResizeOn' );
    5213    }
    5314
     
    5516        settings.wp_fullscreen = false;
    5617        editor.dom.removeClass( editor.getDoc().documentElement, 'wp-fullscreen' );
    57         // Remove listeners for auto-resizing
    58         editor.off( 'change setcontent paste keyup', resize );
    59         oldSize = 0;
     18        // Stop auto-resizing
     19        editor.execCommand( 'wpAutoResizeOff' );
    6020    }
    6121
  • trunk/src/wp-includes/js/tinymce/plugins/wpview/plugin.js

    r29038 r29049  
    647647    return {
    648648        getViewText: getViewText,
    649         setViewText: setViewText
     649        setViewText: setViewText,
     650        getView: getView
    650651    };
    651652});
  • trunk/src/wp-includes/js/tinymce/skins/wordpress/wp-content.css

    r29019 r29049  
    1515    line-height: 19px;
    1616    color: #333;
    17     margin: 10px;
     17    margin: 9px 10px;
     18}
     19
     20body.wp-autoresize {
     21    max-width: 100%;
     22    overflow: visible !important;
     23    /* The padding ensures margins of the children are contained in the body. */
     24    padding-top: 1px !important;
     25    padding-bottom: 1px !important;
     26    padding-left: 0 !important;
     27    padding-right: 0 !important;
    1828}
    1929
  • trunk/src/wp-includes/script-loader.php

    r29025 r29049  
    460460        ) );
    461461
     462        $scripts->add( 'editor-expand', "/wp-admin/js/editor-expand$suffix.js", array( 'jquery' ), false, 1 );
     463
    462464        $scripts->add( 'link', "/wp-admin/js/link$suffix.js", array( 'wp-lists', 'postbox' ), false, 1 );
    463465
Note: See TracChangeset for help on using the changeset viewer.