X-Git-Url: https://jasonwoof.com/gitweb/?a=blobdiff_plain;f=_source%2Fplugins%2Flink%2Fdialogs%2Flink.js;h=94ee042e9ba10b218a5f7ef0807f108c3e1bd856;hb=4e90e78dc97789709ee7404359a5517540c27553;hp=f904e032c7f3ed49bc55451dea2d54b718342d24;hpb=c6e377a02b54abc07129d72b632763c727476a15;p=ckeditor.git diff --git a/_source/plugins/link/dialogs/link.js b/_source/plugins/link/dialogs/link.js index f904e03..94ee042 100644 --- a/_source/plugins/link/dialogs/link.js +++ b/_source/plugins/link/dialogs/link.js @@ -1,10 +1,11 @@ /* -Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved. +Copyright (c) 2003-2011, CKSource - Frederico Knabben. All rights reserved. For licensing, see LICENSE.html or http://ckeditor.com/license */ CKEDITOR.dialog.add( 'link', function( editor ) { + var plugin = CKEDITOR.plugins.link; // Handles the event when the "Target" selection box is changed. var targetChanged = function() { @@ -74,6 +75,8 @@ CKEDITOR.dialog.add( 'link', function( editor ) else element.hide(); } + + dialog.layout(); }; // Loads the parameters in a selected link to the link dialog fields. @@ -93,7 +96,7 @@ CKEDITOR.dialog.add( 'link', function( editor ) var parseLink = function( editor, element ) { - var href = element ? ( element.getAttribute( '_cke_saved_href' ) || element.getAttribute( 'href' ) ) : '', + var href = ( element && ( element.data( 'cke-saved-href' ) || element.getAttribute( 'href' ) ) ) || '', javascriptMatch, emailMatch, anchorMatch, @@ -183,7 +186,7 @@ CKEDITOR.dialog.add( 'link', function( editor ) // IE BUG: target attribute is an empty string instead of null in IE if it's not set. if ( !target ) { - var onclick = element.getAttribute( '_cke_pa_onclick' ) || element.getAttribute( 'onclick' ), + var onclick = element.data( 'cke-pa-onclick' ) || element.getAttribute( 'onclick' ), onclickMatch = onclick && onclick.match( popupRegex ); if ( onclickMatch ) { @@ -193,7 +196,8 @@ CKEDITOR.dialog.add( 'link', function( editor ) var featureMatch; while ( ( featureMatch = popupFeaturesRegex.exec( onclickMatch[2] ) ) ) { - if ( featureMatch[2] == 'yes' || featureMatch[2] == '1' ) + // Some values should remain numbers (#7300) + if ( ( featureMatch[2] == 'yes' || featureMatch[2] == '1' ) && !( featureMatch[1] in { height:1, width:1, top:1, left:1 } ) ) retval.target[ featureMatch[1] ] = true; else if ( isFinite( featureMatch[2] ) ) retval.target[ featureMatch[1] ] = featureMatch[2]; @@ -222,7 +226,11 @@ CKEDITOR.dialog.add( 'link', function( editor ) advAttr( 'advId', 'id' ); advAttr( 'advLangDir', 'dir' ); advAttr( 'advAccessKey', 'accessKey' ); - advAttr( 'advName', 'name' ); + + retval.adv.advName = + element.data( 'cke-saved-name' ) + || element.getAttribute( 'name' ) + || ''; advAttr( 'advLangCode', 'lang' ); advAttr( 'advTabIndex', 'tabindex' ); advAttr( 'advTitle', 'title' ); @@ -230,6 +238,7 @@ CKEDITOR.dialog.add( 'link', function( editor ) advAttr( 'advCSSClasses', 'class' ); advAttr( 'advCharset', 'charset' ); advAttr( 'advStyles', 'style' ); + advAttr( 'advRel', 'rel' ); } // Find out whether we have any anchors in the editor. @@ -241,10 +250,8 @@ CKEDITOR.dialog.add( 'link', function( editor ) for ( var i = 0; i < elements.count() ; i++ ) { var item = elements.getItem( i ); - if ( item.getAttribute( '_cke_realelement' ) && item.getAttribute( '_cke_real_element_type' ) == 'anchor' ) - { + if ( item.data( 'cke-realelement' ) && item.data( 'cke-real-element-type' ) == 'anchor' ) anchors.push( editor.restoreRealElement( item ) ); - } } for ( i = 0 ; i < realAnchors.count() ; i++ ) @@ -362,27 +369,30 @@ CKEDITOR.dialog.add( 'link', function( editor ) return 'String.fromCharCode(' + encodedChars.join( ',' ) + ')'; } + var commonLang = editor.lang.common, + linkLang = editor.lang.link; + return { - title : editor.lang.link.title, + title : linkLang.title, minWidth : 350, minHeight : 230, contents : [ { id : 'info', - label : editor.lang.link.info, - title : editor.lang.link.info, + label : linkLang.info, + title : linkLang.info, elements : [ { id : 'linkType', type : 'select', - label : editor.lang.link.type, + label : linkLang.type, 'default' : 'url', items : [ - [ editor.lang.common.url, 'url' ], - [ editor.lang.link.toAnchor, 'anchor' ], - [ editor.lang.link.toEmail, 'email' ] + [ linkLang.toUrl, 'url' ], + [ linkLang.toAnchor, 'anchor' ], + [ linkLang.toEmail, 'email' ] ], onChange : linkTypeChanged, setup : function( data ) @@ -408,16 +418,16 @@ CKEDITOR.dialog.add( 'link', function( editor ) { id : 'protocol', type : 'select', - label : editor.lang.common.protocol, + label : commonLang.protocol, 'default' : 'http://', - style : 'width : 100%;', items : [ - [ 'http://' ], - [ 'https://' ], - [ 'ftp://' ], - [ 'news://' ], - [ '', '' ] + // Force 'ltr' for protocol names in BIDI. (#5433) + [ 'http://\u200E', 'http://' ], + [ 'https://\u200E', 'https://' ], + [ 'ftp://\u200E', 'ftp://' ], + [ 'news://\u200E', 'news://' ], + [ linkLang.other , '' ] ], setup : function( data ) { @@ -435,7 +445,8 @@ CKEDITOR.dialog.add( 'link', function( editor ) { type : 'text', id : 'url', - label : editor.lang.common.url, + label : commonLang.url, + required: true, onLoad : function () { this.allowOnChange = true; @@ -445,8 +456,8 @@ CKEDITOR.dialog.add( 'link', function( editor ) this.allowOnChange = false; var protocolCmb = this.getDialog().getContentElement( 'info', 'protocol' ), url = this.getValue(), - urlOnChangeProtocol = /^(http|https|ftp|news):\/\/(?=.)/gi, - urlOnChangeTestOther = /^((javascript:)|[#\/\.])/gi; + urlOnChangeProtocol = /^(http|https|ftp|news):\/\/(?=.)/i, + urlOnChangeTestOther = /^((javascript:)|[#\/\.\?])/i; var protocol = urlOnChangeProtocol.exec( url ); if ( protocol ) @@ -475,7 +486,7 @@ CKEDITOR.dialog.add( 'link', function( editor ) if ( this.getDialog().fakeObj ) // Edit Anchor. return true; - var func = CKEDITOR.dialog.validate.notEmpty( editor.lang.link.noUrl ); + var func = CKEDITOR.dialog.validate.notEmpty( linkLang.noUrl ); return func.apply( this ); }, setup : function( data ) @@ -485,10 +496,6 @@ CKEDITOR.dialog.add( 'link', function( editor ) this.setValue( data.url.url ); this.allowOnChange = true; - var linkType = this.getDialog().getContentElement( 'info', 'linkType' ); - if ( linkType && linkType.getValue() == 'url' ) - this.select(); - }, commit : function( data ) { @@ -515,7 +522,7 @@ CKEDITOR.dialog.add( 'link', function( editor ) id : 'browse', hidden : 'true', filebrowser : 'info:url', - label : editor.lang.common.browseServer + label : commonLang.browseServer } ] }, @@ -528,105 +535,110 @@ CKEDITOR.dialog.add( 'link', function( editor ) children : [ { - type : 'html', + type : 'fieldset', id : 'selectAnchorText', - html : CKEDITOR.tools.htmlEncode( editor.lang.link.selectAnchor ), + label : linkLang.selectAnchor, setup : function( data ) { if ( data.anchors.length > 0 ) this.getElement().show(); else this.getElement().hide(); - } - }, - { - type : 'html', - id : 'noAnchors', - style : 'text-align: center;', - html : '
' + CKEDITOR.tools.htmlEncode( editor.lang.link.noAnchors ) + '
', - setup : function( data ) - { - if ( data.anchors.length < 1 ) - this.getElement().show(); - else - this.getElement().hide(); - } - }, - { - type : 'hbox', - id : 'selectAnchor', + }, children : [ { - type : 'select', - id : 'anchorName', - 'default' : '', - label : editor.lang.link.anchorName, - style : 'width: 100%;', - items : + type : 'hbox', + id : 'selectAnchor', + children : [ - [ '' ] - ], - setup : function( data ) - { - this.clear(); - this.add( '' ); - for ( var i = 0 ; i < data.anchors.length ; i++ ) { - if ( data.anchors[i].name ) - this.add( data.anchors[i].name ); + type : 'select', + id : 'anchorName', + 'default' : '', + label : linkLang.anchorName, + style : 'width: 100%;', + items : + [ + [ '' ] + ], + setup : function( data ) + { + this.clear(); + this.add( '' ); + for ( var i = 0 ; i < data.anchors.length ; i++ ) + { + if ( data.anchors[i].name ) + this.add( data.anchors[i].name ); + } + + if ( data.anchor ) + this.setValue( data.anchor.name ); + + var linkType = this.getDialog().getContentElement( 'info', 'linkType' ); + if ( linkType && linkType.getValue() == 'email' ) + this.focus(); + }, + commit : function( data ) + { + if ( !data.anchor ) + data.anchor = {}; + + data.anchor.name = this.getValue(); + } + }, + { + type : 'select', + id : 'anchorId', + 'default' : '', + label : linkLang.anchorId, + style : 'width: 100%;', + items : + [ + [ '' ] + ], + setup : function( data ) + { + this.clear(); + this.add( '' ); + for ( var i = 0 ; i < data.anchors.length ; i++ ) + { + if ( data.anchors[i].id ) + this.add( data.anchors[i].id ); + } + + if ( data.anchor ) + this.setValue( data.anchor.id ); + }, + commit : function( data ) + { + if ( !data.anchor ) + data.anchor = {}; + + data.anchor.id = this.getValue(); + } } - - if ( data.anchor ) - this.setValue( data.anchor.name ); - - var linkType = this.getDialog().getContentElement( 'info', 'linkType' ); - if ( linkType && linkType.getValue() == 'email' ) - this.focus(); - }, - commit : function( data ) - { - if ( !data.anchor ) - data.anchor = {}; - - data.anchor.name = this.getValue(); - } - }, - { - type : 'select', - id : 'anchorId', - 'default' : '', - label : editor.lang.link.anchorId, - style : 'width: 100%;', - items : - [ - [ '' ] ], setup : function( data ) { - this.clear(); - this.add( '' ); - for ( var i = 0 ; i < data.anchors.length ; i++ ) - { - if ( data.anchors[i].id ) - this.add( data.anchors[i].id ); - } - - if ( data.anchor ) - this.setValue( data.anchor.id ); - }, - commit : function( data ) - { - if ( !data.anchor ) - data.anchor = {}; - - data.anchor.id = this.getValue(); + if ( data.anchors.length > 0 ) + this.getElement().show(); + else + this.getElement().hide(); } } - ], + ] + }, + { + type : 'html', + id : 'noAnchors', + style : 'text-align: center;', + html : '
' + CKEDITOR.tools.htmlEncode( linkLang.noAnchors ) + '
', + // Focus the first element defined in above html. + focus : true, setup : function( data ) { - if ( data.anchors.length > 0 ) + if ( data.anchors.length < 1 ) this.getElement().show(); else this.getElement().hide(); @@ -648,7 +660,8 @@ CKEDITOR.dialog.add( 'link', function( editor ) { type : 'text', id : 'emailAddress', - label : editor.lang.link.emailAddress, + label : linkLang.emailAddress, + required : true, validate : function() { var dialog = this.getDialog(); @@ -657,7 +670,7 @@ CKEDITOR.dialog.add( 'link', function( editor ) dialog.getValueOf( 'info', 'linkType' ) != 'email' ) return true; - var func = CKEDITOR.dialog.validate.notEmpty( editor.lang.link.noEmail ); + var func = CKEDITOR.dialog.validate.notEmpty( linkLang.noEmail ); return func.apply( this ); }, setup : function( data ) @@ -680,7 +693,7 @@ CKEDITOR.dialog.add( 'link', function( editor ) { type : 'text', id : 'emailSubject', - label : editor.lang.link.emailSubject, + label : linkLang.emailSubject, setup : function( data ) { if ( data.email ) @@ -697,7 +710,7 @@ CKEDITOR.dialog.add( 'link', function( editor ) { type : 'textarea', id : 'emailBody', - label : editor.lang.link.emailBody, + label : linkLang.emailBody, rows : 3, 'default' : '', setup : function( data ) @@ -724,8 +737,8 @@ CKEDITOR.dialog.add( 'link', function( editor ) }, { id : 'target', - label : editor.lang.link.target, - title : editor.lang.link.target, + label : linkLang.target, + title : linkLang.target, elements : [ { @@ -736,24 +749,25 @@ CKEDITOR.dialog.add( 'link', function( editor ) { type : 'select', id : 'linkTargetType', - label : editor.lang.link.target, + label : commonLang.target, 'default' : 'notSet', style : 'width : 100%;', 'items' : [ - [ editor.lang.link.targetNotSet, 'notSet' ], - [ editor.lang.link.targetFrame, 'frame' ], - [ editor.lang.link.targetPopup, 'popup' ], - [ editor.lang.link.targetNew, '_blank' ], - [ editor.lang.link.targetTop, '_top' ], - [ editor.lang.link.targetSelf, '_self' ], - [ editor.lang.link.targetParent, '_parent' ] + [ commonLang.notSet, 'notSet' ], + [ linkLang.targetFrame, 'frame' ], + [ linkLang.targetPopup, 'popup' ], + [ commonLang.targetNew, '_blank' ], + [ commonLang.targetTop, '_top' ], + [ commonLang.targetSelf, '_self' ], + [ commonLang.targetParent, '_parent' ] ], onChange : targetChanged, setup : function( data ) { if ( data.target ) - this.setValue( data.target.type ); + this.setValue( data.target.type || 'notSet' ); + targetChanged.call( this ); }, commit : function( data ) { @@ -766,7 +780,7 @@ CKEDITOR.dialog.add( 'link', function( editor ) { type : 'text', id : 'linkTargetName', - label : editor.lang.link.targetFrameName, + label : linkLang.targetFrameName, 'default' : '', setup : function( data ) { @@ -778,159 +792,162 @@ CKEDITOR.dialog.add( 'link', function( editor ) if ( !data.target ) data.target = {}; - data.target.name = this.getValue(); + data.target.name = this.getValue().replace(/\W/gi, ''); } } ] }, { type : 'vbox', - width : 260, + width : '100%', align : 'center', padding : 2, id : 'popupFeatures', children : [ { - type : 'html', - html : CKEDITOR.tools.htmlEncode( editor.lang.link.popupFeatures ) - }, - { - type : 'hbox', + type : 'fieldset', + label : linkLang.popupFeatures, children : [ { - type : 'checkbox', - id : 'resizable', - label : editor.lang.link.popupResizable, - setup : setupPopupParams, - commit : commitPopupParams - }, - { - type : 'checkbox', - id : 'status', - label : editor.lang.link.popupStatusBar, - setup : setupPopupParams, - commit : commitPopupParams - - } - ] - }, - { - type : 'hbox', - children : - [ - { - type : 'checkbox', - id : 'location', - label : editor.lang.link.popupLocationBar, - setup : setupPopupParams, - commit : commitPopupParams + type : 'hbox', + children : + [ + { + type : 'checkbox', + id : 'resizable', + label : linkLang.popupResizable, + setup : setupPopupParams, + commit : commitPopupParams + }, + { + type : 'checkbox', + id : 'status', + label : linkLang.popupStatusBar, + setup : setupPopupParams, + commit : commitPopupParams + } + ] }, { - type : 'checkbox', - id : 'toolbar', - label : editor.lang.link.popupToolbar, - setup : setupPopupParams, - commit : commitPopupParams + type : 'hbox', + children : + [ + { + type : 'checkbox', + id : 'location', + label : linkLang.popupLocationBar, + setup : setupPopupParams, + commit : commitPopupParams - } - ] - }, - { - type : 'hbox', - children : - [ - { - type : 'checkbox', - id : 'menubar', - label : editor.lang.link.popupMenuBar, - setup : setupPopupParams, - commit : commitPopupParams + }, + { + type : 'checkbox', + id : 'toolbar', + label : linkLang.popupToolbar, + setup : setupPopupParams, + commit : commitPopupParams + } + ] }, { - type : 'checkbox', - id : 'fullscreen', - label : editor.lang.link.popupFullScreen, - setup : setupPopupParams, - commit : commitPopupParams + type : 'hbox', + children : + [ + { + type : 'checkbox', + id : 'menubar', + label : linkLang.popupMenuBar, + setup : setupPopupParams, + commit : commitPopupParams - } - ] - }, - { - type : 'hbox', - children : - [ - { - type : 'checkbox', - id : 'scrollbars', - label : editor.lang.link.popupScrollBars, - setup : setupPopupParams, - commit : commitPopupParams + }, + { + type : 'checkbox', + id : 'fullscreen', + label : linkLang.popupFullScreen, + setup : setupPopupParams, + commit : commitPopupParams + } + ] }, { - type : 'checkbox', - id : 'dependent', - label : editor.lang.link.popupDependent, - setup : setupPopupParams, - commit : commitPopupParams + type : 'hbox', + children : + [ + { + type : 'checkbox', + id : 'scrollbars', + label : linkLang.popupScrollBars, + setup : setupPopupParams, + commit : commitPopupParams - } - ] - }, - { - type : 'hbox', - children : - [ - { - type : 'text', - widths : [ '30%', '70%' ], - labelLayout : 'horizontal', - label : editor.lang.link.popupWidth, - id : 'width', - setup : setupPopupParams, - commit : commitPopupParams + }, + { + type : 'checkbox', + id : 'dependent', + label : linkLang.popupDependent, + setup : setupPopupParams, + commit : commitPopupParams + } + ] }, { - type : 'text', - labelLayout : 'horizontal', - widths : [ '55%', '45%' ], - label : editor.lang.link.popupLeft, - id : 'left', - setup : setupPopupParams, - commit : commitPopupParams - - } - ] - }, - { - type : 'hbox', - children : - [ - { - type : 'text', - labelLayout : 'horizontal', - widths : [ '30%', '70%' ], - label : editor.lang.link.popupHeight, - id : 'height', - setup : setupPopupParams, - commit : commitPopupParams + type : 'hbox', + children : + [ + { + type : 'text', + widths : [ '50%', '50%' ], + labelLayout : 'horizontal', + label : commonLang.width, + id : 'width', + setup : setupPopupParams, + commit : commitPopupParams + + }, + { + type : 'text', + labelLayout : 'horizontal', + widths : [ '50%', '50%' ], + label : linkLang.popupLeft, + id : 'left', + setup : setupPopupParams, + commit : commitPopupParams + } + ] }, { - type : 'text', - labelLayout : 'horizontal', - label : editor.lang.link.popupTop, - widths : [ '55%', '45%' ], - id : 'top', - setup : setupPopupParams, - commit : commitPopupParams + type : 'hbox', + children : + [ + { + type : 'text', + labelLayout : 'horizontal', + widths : [ '50%', '50%' ], + label : commonLang.height, + id : 'height', + setup : setupPopupParams, + commit : commitPopupParams + + }, + { + type : 'text', + labelLayout : 'horizontal', + label : linkLang.popupTop, + widths : [ '50%', '50%' ], + id : 'top', + setup : setupPopupParams, + commit : commitPopupParams + } + ] } ] } @@ -940,8 +957,8 @@ CKEDITOR.dialog.add( 'link', function( editor ) }, { id : 'upload', - label : editor.lang.link.upload, - title : editor.lang.link.upload, + label : linkLang.upload, + title : linkLang.upload, hidden : true, filebrowser : 'uploadButton', elements : @@ -949,14 +966,14 @@ CKEDITOR.dialog.add( 'link', function( editor ) { type : 'file', id : 'upload', - label : editor.lang.common.upload, + label : commonLang.upload, style: 'height:40px', size : 29 }, { type : 'fileButton', id : 'uploadButton', - label : editor.lang.common.uploadSubmit, + label : commonLang.uploadSubmit, filebrowser : 'info:url', 'for' : [ 'upload', 'upload' ] } @@ -964,8 +981,8 @@ CKEDITOR.dialog.add( 'link', function( editor ) }, { id : 'advanced', - label : editor.lang.link.advanced, - title : editor.lang.link.advanced, + label : linkLang.advanced, + title : linkLang.advanced, elements : [ { @@ -981,21 +998,21 @@ CKEDITOR.dialog.add( 'link', function( editor ) { type : 'text', id : 'advId', - label : editor.lang.link.id, + label : linkLang.id, setup : setupAdvParams, commit : commitAdvParams }, { type : 'select', id : 'advLangDir', - label : editor.lang.link.langDir, + label : linkLang.langDir, 'default' : '', style : 'width:110px', items : [ - [ editor.lang.link.langDirNotSet, '' ], - [ editor.lang.link.langDirLTR, 'ltr' ], - [ editor.lang.link.langDirRTL, 'rtl' ] + [ commonLang.notSet, '' ], + [ linkLang.langDirLTR, 'ltr' ], + [ linkLang.langDirRTL, 'rtl' ] ], setup : setupAdvParams, commit : commitAdvParams @@ -1004,7 +1021,7 @@ CKEDITOR.dialog.add( 'link', function( editor ) type : 'text', id : 'advAccessKey', width : '80px', - label : editor.lang.link.acccessKey, + label : linkLang.acccessKey, maxLength : 1, setup : setupAdvParams, commit : commitAdvParams @@ -1019,7 +1036,7 @@ CKEDITOR.dialog.add( 'link', function( editor ) [ { type : 'text', - label : editor.lang.link.name, + label : linkLang.name, id : 'advName', setup : setupAdvParams, commit : commitAdvParams @@ -1027,7 +1044,7 @@ CKEDITOR.dialog.add( 'link', function( editor ) }, { type : 'text', - label : editor.lang.link.langCode, + label : linkLang.langCode, id : 'advLangCode', width : '110px', 'default' : '', @@ -1037,7 +1054,7 @@ CKEDITOR.dialog.add( 'link', function( editor ) }, { type : 'text', - label : editor.lang.link.tabIndex, + label : linkLang.tabIndex, id : 'advTabIndex', width : '80px', maxLength : 5, @@ -1061,7 +1078,7 @@ CKEDITOR.dialog.add( 'link', function( editor ) [ { type : 'text', - label : editor.lang.link.advisoryTitle, + label : linkLang.advisoryTitle, 'default' : '', id : 'advTitle', setup : setupAdvParams, @@ -1070,7 +1087,7 @@ CKEDITOR.dialog.add( 'link', function( editor ) }, { type : 'text', - label : editor.lang.link.advisoryContentType, + label : linkLang.advisoryContentType, 'default' : '', id : 'advContentType', setup : setupAdvParams, @@ -1086,7 +1103,7 @@ CKEDITOR.dialog.add( 'link', function( editor ) [ { type : 'text', - label : editor.lang.link.cssClasses, + label : linkLang.cssClasses, 'default' : '', id : 'advCSSClasses', setup : setupAdvParams, @@ -1095,7 +1112,7 @@ CKEDITOR.dialog.add( 'link', function( editor ) }, { type : 'text', - label : editor.lang.link.charset, + label : linkLang.charset, 'default' : '', id : 'advCharset', setup : setupAdvParams, @@ -1106,16 +1123,24 @@ CKEDITOR.dialog.add( 'link', function( editor ) }, { type : 'hbox', + widths : [ '45%', '55%' ], children : [ { type : 'text', - label : editor.lang.link.styles, + label : linkLang.rel, + 'default' : '', + id : 'advRel', + setup : setupAdvParams, + commit : commitAdvParams + }, + { + type : 'text', + label : linkLang.styles, 'default' : '', id : 'advStyles', setup : setupAdvParams, commit : commitAdvParams - } ] } @@ -1130,38 +1155,29 @@ CKEDITOR.dialog.add( 'link', function( editor ) var editor = this.getParentEditor(), selection = editor.getSelection(), - ranges = selection.getRanges(), - element = null, - me = this; + element = null; + // Fill in all the relevant fields if there's already one link selected. - if ( ranges.length == 1 ) + if ( ( element = plugin.getSelectedLink( editor ) ) && element.hasAttribute( 'href' ) ) + selection.selectElement( element ); + else if ( ( element = selection.getSelectedElement() ) && element.is( 'img' ) + && element.data( 'cke-real-element-type' ) + && element.data( 'cke-real-element-type' ) == 'anchor' ) { - - var rangeRoot = ranges[0].getCommonAncestor( true ); - element = rangeRoot.getAscendant( 'a', true ); - if ( element && element.getAttribute( 'href' ) ) - { - selection.selectElement( element ); - } - else if ( ( element = rangeRoot.getAscendant( 'img', true ) ) && - element.getAttribute( '_cke_real_element_type' ) && - element.getAttribute( '_cke_real_element_type' ) == 'anchor' ) - { - this.fakeObj = element; - element = editor.restoreRealElement( this.fakeObj ); - selection.selectElement( this.fakeObj ); - } - else - element = null; + this.fakeObj = element; + element = editor.restoreRealElement( this.fakeObj ); + selection.selectElement( this.fakeObj ); } + else + element = null; this.setupContent( parseLink.apply( this, [ editor, element ] ) ); }, onOk : function() { - var attributes = { href : 'javascript:void(0)/*' + CKEDITOR.tools.getNextNumber() + '*/' }, + var attributes = {}, removeAttributes = [], - data = { href : attributes.href }, + data = {}, me = this, editor = this.getParentEditor(); @@ -1173,12 +1189,12 @@ CKEDITOR.dialog.add( 'link', function( editor ) case 'url': var protocol = ( data.url && data.url.protocol != undefined ) ? data.url.protocol : 'http://', url = ( data.url && data.url.url ) || ''; - attributes._cke_saved_href = ( url.indexOf( '/' ) === 0 ) ? url : protocol + url; + attributes[ 'data-cke-saved-href' ] = ( url.indexOf( '/' ) === 0 ) ? url : protocol + url; break; case 'anchor': var name = ( data.anchor && data.anchor.name ), id = ( data.anchor && data.anchor.id ); - attributes._cke_saved_href = '#' + ( name || id || '' ); + attributes[ 'data-cke-saved-href' ] = '#' + ( name || id || '' ); break; case 'email': @@ -1225,7 +1241,7 @@ CKEDITOR.dialog.add( 'link', function( editor ) } } - attributes._cke_saved_href = linkHref.join( '' ); + attributes[ 'data-cke-saved-href' ] = linkHref.join( '' ); break; } @@ -1253,7 +1269,10 @@ CKEDITOR.dialog.add( 'link', function( editor ) addFeature( 'top' ); onclickList.push( featureList.join( ',' ), '\'); return false;' ); - attributes[ '_cke_pa_onclick' ] = onclickList.join( '' ); + attributes[ 'data-cke-pa-onclick' ] = onclickList.join( '' ); + + // Add the "target" attribute. (#5074) + removeAttributes.push( 'target' ); } else { @@ -1262,7 +1281,7 @@ CKEDITOR.dialog.add( 'link', function( editor ) else removeAttributes.push( 'target' ); - removeAttributes.push( '_cke_pa_onclick', 'onclick' ); + removeAttributes.push( 'data-cke-pa-onclick', 'onclick' ); } } @@ -1278,11 +1297,18 @@ CKEDITOR.dialog.add( 'link', function( editor ) removeAttributes.push( attrName ); }; - if ( this._.selectedElement ) - advAttr( 'advId', 'id' ); + advAttr( 'advId', 'id' ); advAttr( 'advLangDir', 'dir' ); advAttr( 'advAccessKey', 'accessKey' ); - advAttr( 'advName', 'name' ); + + if ( data.adv[ 'advName' ] ) + { + attributes[ 'name' ] = attributes[ 'data-cke-saved-name' ] = data.adv[ 'advName' ]; + attributes[ 'class' ] = ( attributes[ 'class' ] ? attributes[ 'class' ] + ' ' : '' ) + 'cke_anchor'; + } + else + removeAttributes = removeAttributes.concat( [ 'data-cke-saved-name', 'name' ] ); + advAttr( 'advLangCode', 'lang' ); advAttr( 'advTabIndex', 'tabindex' ); advAttr( 'advTitle', 'title' ); @@ -1290,16 +1316,23 @@ CKEDITOR.dialog.add( 'link', function( editor ) advAttr( 'advCSSClasses', 'class' ); advAttr( 'advCharset', 'charset' ); advAttr( 'advStyles', 'style' ); + advAttr( 'advRel', 'rel' ); } + + // Browser need the "href" fro copy/paste link to work. (#6641) + attributes.href = attributes[ 'data-cke-saved-href' ]; + if ( !this._.selectedElement ) { // Create element if current selection is collapsed. var selection = editor.getSelection(), - ranges = selection.getRanges(); + ranges = selection.getRanges( true ); if ( ranges.length == 1 && ranges[0].collapsed ) { - var text = new CKEDITOR.dom.text( attributes._cke_saved_href, editor.document ); + // Short mailto link text view (#5736). + var text = new CKEDITOR.dom.text( data.type == 'email' ? + data.email.address : attributes[ 'data-cke-saved-href' ], editor.document ); ranges[0].insertNode( text ); ranges[0].selectNodeContents( text ); selection.selectRanges( ranges ); @@ -1309,39 +1342,25 @@ CKEDITOR.dialog.add( 'link', function( editor ) var style = new CKEDITOR.style( { element : 'a', attributes : attributes } ); style.type = CKEDITOR.STYLE_INLINE; // need to override... dunno why. style.apply( editor.document ); - - // Id. Apply only to the first link. - if ( data.adv && data.adv.advId ) - { - var links = this.getParentEditor().document.$.getElementsByTagName( 'a' ); - for ( i = 0 ; i < links.length ; i++ ) - { - if ( links[i].href == attributes.href ) - { - links[i].id = data.adv.advId; - break; - } - } - } } else { // We're only editing an existing link, so just overwrite the attributes. var element = this._.selectedElement, - href = element.getAttribute( '_cke_saved_href' ), + href = element.data( 'cke-saved-href' ), textView = element.getHtml(); // IE BUG: Setting the name attribute to an existing link doesn't work. // Must re-create the link from weired syntax to workaround. - if ( CKEDITOR.env.ie && attributes.name != element.getAttribute( 'name' ) ) + if ( CKEDITOR.env.ie && !( CKEDITOR.document.$.documentMode >= 8 ) && attributes.name != element.getAttribute( 'name' ) ) { var newElement = new CKEDITOR.dom.element( '', editor.document ); selection = editor.getSelection(); - element.moveChildren( newElement ); element.copyAttributes( newElement, { name : 1 } ); + element.moveChildren( newElement ); newElement.replace( element ); element = newElement; @@ -1350,9 +1369,13 @@ CKEDITOR.dialog.add( 'link', function( editor ) element.setAttributes( attributes ); element.removeAttributes( removeAttributes ); - // Update text view when user changes protocol #4612. - if (href == textView) - element.setHtml( attributes._cke_saved_href ); + // Update text view when user changes protocol (#4612). + if ( href == textView || data.type == 'email' && textView.indexOf( '@' ) != -1 ) + { + // Short mailto link text view (#5736). + element.setHtml( data.type == 'email' ? + data.email.address : attributes[ 'data-cke-saved-href' ] ); + } // Make the element display as an anchor if a name has been set. if ( element.getAttribute( 'name' ) ) element.addClass( 'cke_anchor' ); @@ -1373,6 +1396,17 @@ CKEDITOR.dialog.add( 'link', function( editor ) if ( !editor.config.linkShowTargetTab ) this.hidePage( 'target' ); //Hide Target tab. + }, + // Inital focus on 'url' field if link is of type URL. + onFocus : function() + { + var linkType = this.getContentElement( 'info', 'linkType' ), + urlField; + if ( linkType && linkType.getValue() == 'url' ) + { + urlField = this.getContentElement( 'info', 'url' ); + urlField.select(); + } } }; });