var wpLink; ( function( $, wpLinkL10n, wp ) { var editor, correctedURL, linkNode, inputs = {}, isTouch = ( 'ontouchend' in document ); function getLink() { return linkNode || editor.dom.getParent( editor.selection.getNode(), 'a[href]' ); } wpLink = { textarea: '', init: function() { inputs.wrap = $('#wp-link-wrap'); inputs.dialog = $( '#wp-link' ); inputs.backdrop = $( '#wp-link-backdrop' ); inputs.submit = $( '#wp-link-submit' ); inputs.close = $( '#wp-link-close' ); // Input inputs.text = $( '#wp-link-text' ); inputs.url = $( '#wp-link-url' ); inputs.openInNewTab = $( '#wp-link-target' ); if ( $.ui && $.ui.autocomplete ) { wpLink.setAutocomplete(); } inputs.dialog.on( 'keydown', wpLink.keydown ); inputs.submit.on( 'click', function( event ) { event.preventDefault(); wpLink.update(); }); inputs.close.add( inputs.backdrop ).add( '#wp-link-cancel button' ).click( function( event ) { event.preventDefault(); wpLink.close(); }); inputs.url.on( 'paste', function() { setTimeout( wpLink.correctURL, 0 ); } ); }, setAutocomplete: function() { var $input = inputs.url, cache, last; $input.on( 'keydown', function() { $input.removeAttr( 'aria-activedescendant' ); } ).autocomplete( { source: function( request, response ) { if ( last === request.term ) { response( cache ); return; } if ( /^https?:/.test( request.term ) || request.term.indexOf( '.' ) !== -1 ) { return response(); } $.post( window.ajaxurl, { action: 'wp-link-ajax', page: 1, search: request.term, _ajax_linking_nonce: $( '#_ajax_linking_nonce' ).val() }, function( data ) { cache = data; response( data ); }, 'json' ); last = request.term; }, focus: function( event, ui ) { $input.attr( 'aria-activedescendant', 'mce-wp-autocomplete-' + ui.item.ID ); /* * Don't empty the URL input field, when using the arrow keys to * highlight items. See api.jqueryui.com/autocomplete/#event-focus */ event.preventDefault(); }, select: function( event, ui ) { $input.val( ui.item.permalink ); if ( inputs.wrap.hasClass( 'has-text-field' ) && $.trim( inputs.text.val() ) === '' ) { inputs.text.val( ui.item.title ); } // Audible confirmation message when a link has been selected. wp.a11y.speak( wpLinkL10n.linkSelected ); return false; }, open: function() { $input.attr( 'aria-expanded', 'true' ); }, close: function() { $input.attr( 'aria-expanded', 'false' ); }, minLength: 2, position: { my: 'left top+2' }, messages: { noResults: ( typeof window.uiAutocompleteL10n !== 'undefined' ) ? window.uiAutocompleteL10n.noResults : '', results: function( number ) { if ( typeof window.uiAutocompleteL10n !== 'undefined' ) { if ( number > 1 ) { return window.uiAutocompleteL10n.manyResults.replace( '%d', number ); } return window.uiAutocompleteL10n.oneResult; } } } } ).autocomplete( 'instance' )._renderItem = function( ul, item ) { return $( '
  • ' ) .append( '' + item.title + ' ' + item.info + '' ) .appendTo( ul ); }; $input.attr( { 'aria-owns': $input.autocomplete( 'widget' ).attr( 'id' ) } ) .on( 'focus', function() { var inputValue = $input.val(); /* * Don't trigger a search if the URL field already has a link or is empty. * Also, avoids screen readers announce `No search results`. */ if ( inputValue && ! /^https?:/.test( inputValue ) ) { $input.autocomplete( 'search' ); } } ) .autocomplete( 'widget' ) .addClass( 'wplink-autocomplete' ) .attr( 'role', 'listbox' ) .removeAttr( 'tabindex' ); // Remove the `tabindex=0` attribute added by jQuery UI. }, // If URL wasn't corrected last time and doesn't start with http:, https:, ? # or /, prepend http:// correctURL: function () { var url = $.trim( inputs.url.val() ); if ( url && correctedURL !== url && ! /^(?:[a-z]+:|#|\?|\.|\/)/.test( url ) ) { inputs.url.val( 'http://' + url ); correctedURL = url; } }, open: function( editorId, url, text, node ) { var ed, $body = $( document.body ); $body.addClass( 'modal-open' ); linkNode = node; wpLink.range = null; if ( editorId ) { window.wpActiveEditor = editorId; } if ( ! window.wpActiveEditor ) { return; } this.textarea = $( '#' + window.wpActiveEditor ).get( 0 ); if ( typeof window.tinymce !== 'undefined' ) { // Make sure the link wrapper is the last element in the body, // or the inline editor toolbar may show above the backdrop. $body.append( inputs.backdrop, inputs.wrap ); ed = window.tinymce.get( window.wpActiveEditor ); if ( ed && ! ed.isHidden() ) { editor = ed; } else { editor = null; } if ( editor && window.tinymce.isIE ) { editor.windowManager.wplinkBookmark = editor.selection.getBookmark(); } } if ( ! wpLink.isMCE() && document.selection ) { this.textarea.focus(); this.range = document.selection.createRange(); } inputs.wrap.show(); inputs.backdrop.show(); wpLink.refresh( url, text ); $( document ).trigger( 'wplink-open', inputs.wrap ); }, isMCE: function() { return editor && ! editor.isHidden(); }, refresh: function( url, text ) { var linkText = ''; if ( wpLink.isMCE() ) { wpLink.mceRefresh( url, text ); } else { // For the Text editor the "Link text" field is always shown if ( ! inputs.wrap.hasClass( 'has-text-field' ) ) { inputs.wrap.addClass( 'has-text-field' ); } if ( document.selection ) { // Old IE linkText = document.selection.createRange().text || text || ''; } else if ( typeof this.textarea.selectionStart !== 'undefined' && ( this.textarea.selectionStart !== this.textarea.selectionEnd ) ) { // W3C text = this.textarea.value.substring( this.textarea.selectionStart, this.textarea.selectionEnd ) || text || ''; } inputs.text.val( text ); wpLink.setDefaultValues(); } if ( isTouch ) { // Close the onscreen keyboard inputs.url.focus().blur(); } else { // Focus the URL field and highlight its contents. // If this is moved above the selection changes, // IE will show a flashing cursor over the dialog. window.setTimeout( function() { inputs.url.focus()[0].select(); } ); } correctedURL = inputs.url.val().replace( /^http:\/\//, '' ); }, hasSelectedText: function( linkNode ) { var node, nodes, i, html = editor.selection.getContent(); // Partial html and not a fully selected anchor element if ( /]+>[^<]+<\/a>$/.test( html ) || html.indexOf('href=') === -1 ) ) { return false; } if ( linkNode ) { nodes = linkNode.childNodes; if ( nodes.length === 0 ) { return false; } for ( i = nodes.length - 1; i >= 0; i-- ) { node = nodes[i]; if ( node.nodeType != 3 && ! window.tinymce.dom.BookmarkManager.isBookmarkNode( node ) ) { return false; } } } return true; }, mceRefresh: function( url, text ) { var linkText, linkNode = getLink(), onlyText = this.hasSelectedText( linkNode ); if ( linkNode ) { linkText = linkNode.innerText || linkNode.textContent; if ( ! $.trim( linkText ) ) { linkText = text || ''; } url = url || editor.dom.getAttrib( linkNode, 'href' ); if ( url !== '_wp_link_placeholder' ) { inputs.url.val( url ); inputs.openInNewTab.prop( 'checked', '_blank' === editor.dom.getAttrib( linkNode, 'target' ) ); inputs.submit.val( wpLinkL10n.update ); } else { this.setDefaultValues( linkText ); } } else { linkText = editor.selection.getContent({ format: 'text' }) || text || ''; this.setDefaultValues( linkText ); } if ( onlyText ) { inputs.text.val( linkText ); inputs.wrap.addClass( 'has-text-field' ); } else { inputs.text.val( '' ); inputs.wrap.removeClass( 'has-text-field' ); } }, close: function( reset ) { $( document.body ).removeClass( 'modal-open' ); if ( reset !== 'noReset' ) { if ( ! wpLink.isMCE() ) { wpLink.textarea.focus(); if ( wpLink.range ) { wpLink.range.moveToBookmark( wpLink.range.getBookmark() ); wpLink.range.select(); } } else { if ( editor.plugins.wplink ) { editor.plugins.wplink.close(); } editor.focus(); } } inputs.backdrop.hide(); inputs.wrap.hide(); correctedURL = false; $( document ).trigger( 'wplink-close', inputs.wrap ); }, getAttrs: function() { wpLink.correctURL(); return { href: $.trim( inputs.url.val() ), target: inputs.openInNewTab.prop( 'checked' ) ? '_blank' : '' }; }, buildHtml: function(attrs) { var html = ''; }, update: function() { if ( wpLink.isMCE() ) { wpLink.mceUpdate(); } else { wpLink.htmlUpdate(); } }, htmlUpdate: function() { var attrs, text, html, begin, end, cursor, selection, textarea = wpLink.textarea; if ( ! textarea ) { return; } attrs = wpLink.getAttrs(); text = inputs.text.val(); // If there's no href, return. if ( ! attrs.href ) { return; } html = wpLink.buildHtml(attrs); // Insert HTML if ( document.selection && wpLink.range ) { // IE // Note: If no text is selected, IE will not place the cursor // inside the closing tag. textarea.focus(); wpLink.range.text = html + ( text || wpLink.range.text ) + ''; wpLink.range.moveToBookmark( wpLink.range.getBookmark() ); wpLink.range.select(); wpLink.range = null; } else if ( typeof textarea.selectionStart !== 'undefined' ) { // W3C begin = textarea.selectionStart; end = textarea.selectionEnd; selection = text || textarea.value.substring( begin, end ); html = html + selection + ''; cursor = begin + html.length; // If no text is selected, place the cursor inside the closing tag. if ( begin === end && ! selection ) { cursor -= 4; } textarea.value = ( textarea.value.substring( 0, begin ) + html + textarea.value.substring( end, textarea.value.length ) ); // Update cursor position textarea.selectionStart = textarea.selectionEnd = cursor; } wpLink.close(); textarea.focus(); // Audible confirmation message when a link has been inserted in the Editor. wp.a11y.speak( wpLinkL10n.linkInserted ); }, mceUpdate: function() { var attrs = wpLink.getAttrs(), link, text; editor.focus(); if ( window.tinymce.isIE && editor.windowManager.wplinkBookmark ) { editor.selection.moveToBookmark( editor.windowManager.wplinkBookmark ); editor.windowManager.wplinkBookmark = null; } if ( ! attrs.href ) { editor.execCommand( 'unlink' ); wpLink.close(); return; } link = getLink(); if ( inputs.wrap.hasClass( 'has-text-field' ) ) { text = inputs.text.val() || attrs.href; } if ( link ) { if ( text ) { if ( 'innerText' in link ) { link.innerText = text; } else { link.textContent = text; } } // Not editing any more attrs['data-wplink-edit'] = null; editor.dom.setAttribs( link, attrs ); } else { if ( text ) { editor.selection.setNode( editor.dom.create( 'a', attrs, editor.dom.encode( text ) ) ); } else { editor.execCommand( 'mceInsertLink', false, attrs ); } } wpLink.close( 'noReset' ); editor.focus(); editor.nodeChanged(); // Audible confirmation message when a link has been inserted in the Editor. wp.a11y.speak( wpLinkL10n.linkInserted ); }, keydown: function( event ) { var id; // Escape key. if ( 27 === event.keyCode ) { wpLink.close(); event.stopImmediatePropagation(); // Tab key. } else if ( 9 === event.keyCode ) { id = event.target.id; // wp-link-submit must always be the last focusable element in the dialog. // following focusable elements will be skipped on keyboard navigation. if ( id === 'wp-link-submit' && ! event.shiftKey ) { inputs.close.focus(); event.preventDefault(); } else if ( id === 'wp-link-close' && event.shiftKey ) { inputs.submit.focus(); event.preventDefault(); } } }, getUrlFromSelection: function( selection ) { var emailRegexp = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i, urlRegexp = /^(https?|ftp):\/\/[A-Z0-9.-]+\.[A-Z]{2,4}[^ "]*$/i; if ( ! selection ) { if ( this.isMCE() ) { selection = editor.selection.getContent({ format: 'text' }); } else if ( document.selection && wpLink.range ) { selection = wpLink.range.text; } else if ( typeof this.textarea.selectionStart !== 'undefined' ) { selection = this.textarea.value.substring( this.textarea.selectionStart, this.textarea.selectionEnd ); } } selection = $.trim( selection ); if ( selection && emailRegexp.test( selection ) ) { // Selection is email address return 'mailto:' + selection; } else if ( selection && urlRegexp.test( selection ) ) { // Selection is URL return selection.replace( /&|�?38;/gi, '&' ); } return ''; }, setDefaultValues: function( selection ) { inputs.url.val( this.getUrlFromSelection( selection ) ); // Update save prompt. inputs.submit.val( wpLinkL10n.save ); } }; $( document ).ready( wpLink.init ); })( jQuery, window.wpLinkL10n, window.wp );