Make WordPress Core


Ignore:
Timestamp:
04/13/2014 04:01:53 AM (11 years ago)
Author:
azaozz
Message:

Add hooks to the wpeditimage tinymce plugin and to the image details portion of the media modal.

  • Add wp.media.events which is intended to be a global media event bus.
  • Add a post-render event to the ImageDetails view that third-party code can leverage to add subviews.
  • Performance improvement for the initialization of the PostImage model.
  • A bit more markup to the image details template to make it easier to add a view to the advanced options.

Props gcorne, fixes #27698

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-includes/media-template.php

    r28039 r28095  
    756756                        <input type="text" class="link-to-custom" data-setting="linkUrl" />
    757757                    </div>
    758                     <div class="advanced">
     758                    <div class="advanced-section">
    759759                        <h3><a class="advanced-toggle" href="#"><?php _e('Advanced Options'); ?></a></h3>
    760                         <div class="hidden">
    761                             <label class="setting title-text">
    762                                 <span><?php _e('Image Title Attribute'); ?></span>
    763                                 <input type="text" data-setting="title" value="{{ data.model.title }}" />
    764                             </label>
    765                             <label class="setting extra-classes">
    766                                 <span><?php _e('Image CSS Class'); ?></span>
    767                                 <input type="text" data-setting="extraClasses" value="{{ data.model.extraClasses }}" />
    768                             </label>
    769                             <div class="setting link-target">
    770                                 <label><input type="checkbox" data-setting="linkTargetBlank" value="_blank" <# if ( data.model.linkTargetBlank ) { #>checked="checked"<# } #>><?php _e( 'Open link in a new window/tab' ); ?></label>
     760                        <div class="advanced-settings hidden">
     761                            <div class="advanced-image">
     762                                <label class="setting title-text">
     763                                    <span><?php _e('Image Title Attribute'); ?></span>
     764                                    <input type="text" data-setting="title" value="{{ data.model.title }}" />
     765                                </label>
     766                                <label class="setting extra-classes">
     767                                    <span><?php _e('Image CSS Class'); ?></span>
     768                                    <input type="text" data-setting="extraClasses" value="{{ data.model.extraClasses }}" />
     769                                </label>
    771770                            </div>
    772                             <label class="setting link-rel">
    773                                 <span><?php _e('Link Rel'); ?></span>
    774                                 <input type="text" data-setting="linkRel" value="{{ data.model.linkClassName }}" />
    775                             </label>
    776                             <label class="setting link-class-name">
    777                                 <span><?php _e('Link CSS Class'); ?></span>
    778                                 <input type="text" data-setting="linkClassName" value="{{ data.model.linkClassName }}" />
    779                             </label>
     771                            <div class="advanced-link">
     772                                <div class="setting link-target">
     773                                    <label><input type="checkbox" data-setting="linkTargetBlank" value="_blank" <# if ( data.model.linkTargetBlank ) { #>checked="checked"<# } #>><?php _e( 'Open link in a new window/tab' ); ?></label>
     774                                </div>
     775                                <label class="setting link-rel">
     776                                    <span><?php _e('Link Rel'); ?></span>
     777                                    <input type="text" data-setting="linkRel" value="{{ data.model.linkClassName }}" />
     778                                </label>
     779                                <label class="setting link-class-name">
     780                                    <span><?php _e('Link CSS Class'); ?></span>
     781                                    <input type="text" data-setting="linkClassName" value="{{ data.model.linkClassName }}" />
     782                                </label>
     783                            </div>
    780784                        </div>
    781785                    </div>
Note: See TracChangeset for help on using the changeset viewer.