WordPress.org

Make WordPress Core

Changeset 36483


Ignore:
Timestamp:
02/06/2016 12:50:31 AM (4 years ago)
Author:
azaozz
Message:

TinyMCE inline link:

  • Fix not displaying anything when the URL is only a fragment. Show the whole URL.
  • Fix editing a link when it is the very first word in the editor.
  • Fix editing a link then some of the surrounding text or space is selected. Change the selection to only the link node.
  • Add placeholder when adding new link.

See #33301.

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

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-includes/class-wp-editor.php

    r36384 r36483  
    10441044            'Remove' => __( 'Remove' ), // Tooltip for the 'remove' button in the image toolbar
    10451045            'Edit ' => __( 'Edit' ), // Tooltip for the 'edit' button in the image toolbar
     1046            'Paste URL or type to search' => __( 'Paste URL or type to search' ), // Placeholder for the inline link dialog
    10461047
    10471048            // Shortcuts help modal
  • trunk/src/wp-includes/js/tinymce/plugins/wplink/plugin.js

    r36384 r36483  
    3333                }
    3434
     35                // If nothing's left (maybe the URL was just a fragment), use the whole URL.
     36                if ( url === '' ) {
     37                    url = this.url;
     38                }
     39
    3540                // If the URL is longer that 40 chars, concatenate the beginning (after the domain) and ending with ...
    3641                if ( url.length > 40 && ( index = url.indexOf( '/' ) ) !== -1 && ( lastIndex = url.lastIndexOf( '/' ) ) !== -1 && lastIndex !== index ) {
     
    5257            return (
    5358                '<div id="' + this._id + '" class="wp-link-input">' +
    54                     '<input type="text" value="" tabindex="-1" />' +
     59                    '<input type="text" value="" tabindex="-1" placeholder="' + tinymce.translate('Paste URL or type to search') + '" />' +
    5560                '</div>'
    5661            );
     
    6974        var $ = window.jQuery;
    7075
     76        function getSelectedLink() {
     77            var href,
     78                selectedNode = editor.selection.getNode(),
     79                selectedText = editor.selection.getContent(),
     80                link = editor.dom.getParent( selectedNode, 'a[href]' );
     81
     82            if ( ! link && selectedText.indexOf( '</a>' ) !== -1 ) {
     83                href = selectedText.match( /href="([^">]+)"/ );
     84
     85                if ( href && href[1] ) {
     86                    link = editor.$( 'a[href="' + href[1] + '"]', selectedNode )[0];
     87                }
     88
     89                if ( link ) {
     90                    editor.selection.select( link );
     91                    editor.nodeChanged();
     92                }
     93            }
     94
     95            return link;
     96        }
     97
    7198        editor.on( 'preinit', function() {
    7299            if ( editor.wp && editor.wp._createToolbar ) {
     
    84111
    85112                editToolbar.on( 'show', function() {
    86                     var node = editToolbar.find( 'toolbar' )[0];
    87                     node && node.focus( true );
    88                     a = editor.dom.getParent( editor.selection.getNode(), 'a' );
     113                    var inputNode = editToolbar.find( 'toolbar' )[0];
     114
     115                    inputNode && inputNode.focus( true );
     116                    a = getSelectedLink();
    89117                } );
    90118
     
    96124
    97125        editor.addCommand( 'WP_Link', function() {
    98             var a = editor.dom.getParent( editor.selection.getNode(), 'a' );
    99 
    100             if ( a ) {
    101                 editor.dom.setAttribs( a, { 'data-wp-edit': true } );
     126            var link = getSelectedLink();
     127
     128            if ( link ) {
     129                editor.dom.setAttribs( link, { 'data-wp-edit': true } );
    102130            } else {
    103131                editor.execCommand( 'mceInsertLink', false, { href: '_wp_link_placeholder' } );
    104             }
    105 
    106             editor.nodeChanged();
     132                editor.nodeChanged();
     133            }
    107134        } );
    108135
  • trunk/src/wp-includes/version.php

    r36352 r36483  
    1919 * @global string $tinymce_version
    2020 */
    21 $tinymce_version = '4303-20160119';
     21$tinymce_version = '4303-20160205';
    2222
    2323/**
Note: See TracChangeset for help on using the changeset viewer.