JasonWoof Got questions, comments, patches, etc.? Contact Jason Woofenden
vanilla ckeditor-3.6.1
[ckeditor.git] / _source / plugins / link / dialogs / link.js
index 8d4e74b..51f5623 100644 (file)
@@ -1,10 +1,11 @@
 /*\r
-Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.\r
+Copyright (c) 2003-2011, CKSource - Frederico Knabben. All rights reserved.\r
 For licensing, see LICENSE.html or http://ckeditor.com/license\r
 */\r
 \r
 CKEDITOR.dialog.add( 'link', function( editor )\r
 {\r
+       var plugin = CKEDITOR.plugins.link;\r
        // Handles the event when the "Target" selection box is changed.\r
        var targetChanged = function()\r
        {\r
@@ -17,18 +18,26 @@ CKEDITOR.dialog.add( 'link', function( editor )
                        return;\r
 \r
                popupFeatures = popupFeatures.getElement();\r
+               popupFeatures.hide();\r
+               targetName.setValue( '' );\r
+\r
+               switch ( value )\r
+               {\r
+                       case 'frame' :\r
+                               targetName.setLabel( editor.lang.link.targetFrameName );\r
+                               targetName.getElement().show();\r
+                               break;\r
+                       case 'popup' :\r
+                               popupFeatures.show();\r
+                               targetName.setLabel( editor.lang.link.targetPopupName );\r
+                               targetName.getElement().show();\r
+                               break;\r
+                       default :\r
+                               targetName.setValue( value );\r
+                               targetName.getElement().hide();\r
+                               break;\r
+               }\r
 \r
-               if ( value == 'popup' )\r
-               {\r
-                       popupFeatures.show();\r
-                       targetName.setLabel( editor.lang.link.targetPopupName );\r
-               }\r
-               else\r
-               {\r
-                       popupFeatures.hide();\r
-                       targetName.setLabel( editor.lang.link.targetFrameName );\r
-                       this.getDialog().setValueOf( 'target', 'linkTargetName', value.charAt( 0 ) == '_' ? value : '' );\r
-               }\r
        };\r
 \r
        // Handles the event when the "Type" selection box is changed.\r
@@ -66,14 +75,17 @@ CKEDITOR.dialog.add( 'link', function( editor )
                        else\r
                                element.hide();\r
                }\r
+\r
+               dialog.layout();\r
        };\r
 \r
        // Loads the parameters in a selected link to the link dialog fields.\r
-       var emailRegex = /^mailto:([^?]+)(?:\?(.+))?$/,\r
+       var javascriptProtocolRegex = /^javascript:/,\r
+               emailRegex = /^mailto:([^?]+)(?:\?(.+))?$/,\r
                emailSubjectRegex = /subject=([^;?:@&=$,\/]*)/,\r
                emailBodyRegex = /body=([^;?:@&=$,\/]*)/,\r
                anchorRegex = /^#(.*)$/,\r
-               urlRegex = /^(?!javascript)((?:http|https|ftp|news):\/\/)?(.*)$/,\r
+               urlRegex = /^((?:http|https|ftp|news):\/\/)?(.*)$/,\r
                selectableTargets = /^(_(?:self|top|parent|blank))$/,\r
                encodedEmailLinkRegex = /^javascript:void\(location\.href='mailto:'\+String\.fromCharCode\(([^)]+)\)(?:\+'(.*)')?\)$/,\r
                functionCallProtectedEmailLinkRegex = /^javascript:([^(]+)\(([^)]+)\)$/;\r
@@ -84,30 +96,16 @@ CKEDITOR.dialog.add( 'link', function( editor )
 \r
        var parseLink = function( editor, element )\r
        {\r
-               var href = element ? ( element.getAttribute( '_cke_saved_href' ) || element.getAttribute( 'href' ) ) : '',\r
+               var href = ( element  && ( element.data( 'cke-saved-href' ) || element.getAttribute( 'href' ) ) ) || '',\r
+                       javascriptMatch,\r
                        emailMatch,\r
                        anchorMatch,\r
                        urlMatch,\r
                        retval = {};\r
 \r
-               if ( ( anchorMatch = href.match( anchorRegex ) ) )\r
-               {\r
-                       retval.type = 'anchor';\r
-                       retval.anchor = {};\r
-                       retval.anchor.name = retval.anchor.id = anchorMatch[1];\r
-               }\r
-               // urlRegex matches empty strings, so need to check for href as well.\r
-               else if ( href && ( urlMatch = href.match( urlRegex ) ) )\r
+               if ( ( javascriptMatch = href.match( javascriptProtocolRegex ) ) )\r
                {\r
-                       retval.type = 'url';\r
-                       retval.url = {};\r
-                       retval.url.protocol = urlMatch[1];\r
-                       retval.url.url = urlMatch[2];\r
-               }\r
-               // Protected email link as encoded string.\r
-               else if ( !emailProtection || emailProtection == 'encode' )\r
-               {\r
-                       if( emailProtection == 'encode' )\r
+                       if ( emailProtection == 'encode' )\r
                        {\r
                                href = href.replace( encodedEmailLinkRegex,\r
                                                function ( match, protectedAddress, rest )\r
@@ -115,12 +113,47 @@ CKEDITOR.dialog.add( 'link', function( editor )
                                                        return 'mailto:' +\r
                                                               String.fromCharCode.apply( String, protectedAddress.split( ',' ) ) +\r
                                                               ( rest && unescapeSingleQuote( rest ) );\r
-                                               } );\r
+                                               });\r
                        }\r
+                       // Protected email link as function call.\r
+                       else if ( emailProtection )\r
+                       {\r
+                               href.replace( functionCallProtectedEmailLinkRegex, function( match, funcName, funcArgs )\r
+                               {\r
+                                       if ( funcName == compiledProtectionFunction.name )\r
+                                       {\r
+                                               retval.type = 'email';\r
+                                               var email = retval.email = {};\r
 \r
-                       emailMatch = href.match( emailRegex );\r
+                                               var paramRegex = /[^,\s]+/g,\r
+                                                       paramQuoteRegex = /(^')|('$)/g,\r
+                                                       paramsMatch = funcArgs.match( paramRegex ),\r
+                                                       paramsMatchLength = paramsMatch.length,\r
+                                                       paramName,\r
+                                                       paramVal;\r
 \r
-                       if( emailMatch )\r
+                                               for ( var i = 0; i < paramsMatchLength; i++ )\r
+                                               {\r
+                                                       paramVal = decodeURIComponent( unescapeSingleQuote( paramsMatch[ i ].replace( paramQuoteRegex, '' ) ) );\r
+                                                       paramName = compiledProtectionFunction.params[ i ].toLowerCase();\r
+                                                       email[ paramName ] = paramVal;\r
+                                               }\r
+                                               email.address = [ email.name, email.domain ].join( '@' );\r
+                                       }\r
+                               } );\r
+                       }\r
+               }\r
+\r
+               if ( !retval.type )\r
+               {\r
+                       if ( ( anchorMatch = href.match( anchorRegex ) ) )\r
+                       {\r
+                               retval.type = 'anchor';\r
+                               retval.anchor = {};\r
+                               retval.anchor.name = retval.anchor.id = anchorMatch[1];\r
+                       }\r
+                       // Protected email link as encoded string.\r
+                       else if ( ( emailMatch = href.match( emailRegex ) ) )\r
                        {\r
                                var subjectMatch = href.match( emailSubjectRegex ),\r
                                        bodyMatch = href.match( emailBodyRegex );\r
@@ -131,36 +164,17 @@ CKEDITOR.dialog.add( 'link', function( editor )
                                subjectMatch && ( email.subject = decodeURIComponent( subjectMatch[ 1 ] ) );\r
                                bodyMatch && ( email.body = decodeURIComponent( bodyMatch[ 1 ] ) );\r
                        }\r
-               }\r
-               // Protected email link as function call.\r
-               else if( emailProtection )\r
-               {\r
-                       href.replace( functionCallProtectedEmailLinkRegex, function( match, funcName, funcArgs )\r
+                       // urlRegex matches empty strings, so need to check for href as well.\r
+                       else if (  href && ( urlMatch = href.match( urlRegex ) ) )\r
                        {\r
-                               if( funcName == compiledProtectionFunction.name )\r
-                               {\r
-                                       retval.type = 'email';\r
-                                       var email = retval.email = {};\r
-\r
-                                       var paramRegex = /[^,\s]+/g,\r
-                                               paramQuoteRegex = /(^')|('$)/g,\r
-                                               paramsMatch = funcArgs.match( paramRegex ),\r
-                                               paramsMatchLength = paramsMatch.length,\r
-                                               paramName,\r
-                                               paramVal;\r
-\r
-                                       for ( var i = 0; i < paramsMatchLength; i++ )\r
-                                       {\r
-                                               paramVal = decodeURIComponent( unescapeSingleQuote( paramsMatch[ i ].replace( paramQuoteRegex, '' ) ) );\r
-                                               paramName = compiledProtectionFunction.params[ i ].toLowerCase();\r
-                                               email[ paramName ] = paramVal;\r
-                                       }\r
-                                       email.address = [ email.name, email.domain ].join( '@' );\r
-                               }\r
-                       } );\r
+                               retval.type = 'url';\r
+                               retval.url = {};\r
+                               retval.url.protocol = urlMatch[1];\r
+                               retval.url.url = urlMatch[2];\r
+                       }\r
+                       else\r
+                               retval.type = 'url';\r
                }\r
-               else\r
-                       retval.type = 'url';\r
 \r
                // Load target and popup settings.\r
                if ( element )\r
@@ -172,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.\r
                        if ( !target )\r
                        {\r
-                               var onclick = element.getAttribute( '_cke_pa_onclick' ) || element.getAttribute( 'onclick' ),\r
+                               var onclick = element.data( 'cke-pa-onclick' ) || element.getAttribute( 'onclick' ),\r
                                        onclickMatch = onclick && onclick.match( popupRegex );\r
                                if ( onclickMatch )\r
                                {\r
@@ -182,7 +196,8 @@ CKEDITOR.dialog.add( 'link', function( editor )
                                        var featureMatch;\r
                                        while ( ( featureMatch = popupFeaturesRegex.exec( onclickMatch[2] ) ) )\r
                                        {\r
-                                               if ( featureMatch[2] == 'yes' || featureMatch[2] == '1' )\r
+                                               // Some values should remain numbers (#7300)\r
+                                               if ( ( featureMatch[2] == 'yes' || featureMatch[2] == '1' ) && !( featureMatch[1] in { height:1, width:1, top:1, left:1 } ) )\r
                                                        retval.target[ featureMatch[1] ] = true;\r
                                                else if ( isFinite( featureMatch[2] ) )\r
                                                        retval.target[ featureMatch[1] ] = featureMatch[2];\r
@@ -211,43 +226,60 @@ CKEDITOR.dialog.add( 'link', function( editor )
                        advAttr( 'advId', 'id' );\r
                        advAttr( 'advLangDir', 'dir' );\r
                        advAttr( 'advAccessKey', 'accessKey' );\r
-                       advAttr( 'advName', 'name' );\r
+\r
+                       retval.adv.advName =\r
+                               element.data( 'cke-saved-name' )\r
+                               || element.getAttribute( 'name' )\r
+                               || '';\r
                        advAttr( 'advLangCode', 'lang' );\r
                        advAttr( 'advTabIndex', 'tabindex' );\r
                        advAttr( 'advTitle', 'title' );\r
                        advAttr( 'advContentType', 'type' );\r
-                       advAttr( 'advCSSClasses', 'class' );\r
+                       CKEDITOR.plugins.link.synAnchorSelector ?\r
+                               retval.adv.advCSSClasses = getLinkClass( element )\r
+                               : advAttr( 'advCSSClasses', 'class' );\r
                        advAttr( 'advCharset', 'charset' );\r
                        advAttr( 'advStyles', 'style' );\r
+                       advAttr( 'advRel', 'rel' );\r
                }\r
 \r
                // Find out whether we have any anchors in the editor.\r
-               // Get all IMG elements in CK document.\r
-               var elements = editor.document.getElementsByTag( 'img' ),\r
-                       realAnchors = new CKEDITOR.dom.nodeList( editor.document.$.anchors ),\r
-                       anchors = retval.anchors = [];\r
+               var anchors = retval.anchors = [],\r
+                       item;\r
 \r
-               for( var i = 0; i < elements.count() ; i++ )\r
+               // For some browsers we set contenteditable="false" on anchors, making document.anchors not to include them, so we must traverse the links manually (#7893).\r
+               if ( CKEDITOR.plugins.link.emptyAnchorFix )\r
                {\r
-                       var item = elements.getItem( i );\r
-                       if ( item.getAttribute( '_cke_realelement' ) && item.getAttribute( '_cke_real_element_type' ) == 'anchor' )\r
+                       var links = editor.document.getElementsByTag( 'a' );\r
+                       for ( i = 0, count = links.count(); i < count; i++ )\r
                        {\r
-                               anchors.push( editor.restoreRealElement( item ) );\r
+                               item = links.getItem( i );\r
+                               if ( item.data( 'cke-saved-name' ) || item.hasAttribute( 'name' ) )\r
+                                       anchors.push( { name : item.data( 'cke-saved-name' ) || item.getAttribute( 'name' ), id : item.getAttribute( 'id' ) } );\r
+                       }\r
+               }\r
+               else\r
+               {\r
+                       var anchorList = new CKEDITOR.dom.nodeList( editor.document.$.anchors );\r
+                       for ( var i = 0, count = anchorList.count(); i < count; i++ )\r
+                       {\r
+                               item = anchorList.getItem( i );\r
+                               anchors[ i ] = { name : item.getAttribute( 'name' ), id : item.getAttribute( 'id' ) };\r
                        }\r
                }\r
 \r
-               for ( i = 0 ; i < realAnchors.count() ; i++ )\r
-                       anchors.push( realAnchors.getItem( i ) );\r
-\r
-               for ( i = 0 ; i < anchors.length ; i++ )\r
+               if ( CKEDITOR.plugins.link.fakeAnchor )\r
                {\r
-                       item = anchors[ i ];\r
-                       anchors[ i ] = { name : item.getAttribute( 'name' ), id : item.getAttribute( 'id' ) };\r
+                       var imgs = editor.document.getElementsByTag( 'img' );\r
+                       for ( i = 0, count = imgs.count(); i < count; i++ )\r
+                       {\r
+                               if ( ( item = CKEDITOR.plugins.link.tryRestoreFakeAnchor( editor, imgs.getItem( i ) ) ) )\r
+                                       anchors.push( { name : item.getAttribute( 'name' ), id : item.getAttribute( 'id' ) } );\r
+                       }\r
                }\r
 \r
                // Record down the selected element in the dialog.\r
                this._.selectedElement = element;\r
-\r
                return retval;\r
        };\r
 \r
@@ -298,7 +330,7 @@ CKEDITOR.dialog.add( 'link', function( editor )
        var emailProtection = editor.config.emailProtection || '';\r
 \r
        // Compile the protection function pattern.\r
-       if( emailProtection && emailProtection != 'encode' )\r
+       if ( emailProtection && emailProtection != 'encode' )\r
        {\r
                var compiledProtectionFunction = {};\r
 \r
@@ -351,27 +383,36 @@ CKEDITOR.dialog.add( 'link', function( editor )
                return 'String.fromCharCode(' + encodedChars.join( ',' ) + ')';\r
        }\r
 \r
+       function getLinkClass( ele )\r
+       {\r
+               var className = ele.getAttribute( 'class' );\r
+               return className ? className.replace( /\s*(?:cke_anchor_empty|cke_anchor)(?:\s*$)?/g, '' ) : '';\r
+       }\r
+\r
+       var commonLang = editor.lang.common,\r
+               linkLang = editor.lang.link;\r
+\r
        return {\r
-               title : editor.lang.link.title,\r
+               title : linkLang.title,\r
                minWidth : 350,\r
                minHeight : 230,\r
                contents : [\r
                        {\r
                                id : 'info',\r
-                               label : editor.lang.link.info,\r
-                               title : editor.lang.link.info,\r
+                               label : linkLang.info,\r
+                               title : linkLang.info,\r
                                elements :\r
                                [\r
                                        {\r
                                                id : 'linkType',\r
                                                type : 'select',\r
-                                               label : editor.lang.link.type,\r
+                                               label : linkLang.type,\r
                                                'default' : 'url',\r
                                                items :\r
                                                [\r
-                                                       [ editor.lang.common.url, 'url' ],\r
-                                                       [ editor.lang.link.toAnchor, 'anchor' ],\r
-                                                       [ editor.lang.link.toEmail, 'email' ]\r
+                                                       [ linkLang.toUrl, 'url' ],\r
+                                                       [ linkLang.toAnchor, 'anchor' ],\r
+                                                       [ linkLang.toEmail, 'email' ]\r
                                                ],\r
                                                onChange : linkTypeChanged,\r
                                                setup : function( data )\r
@@ -397,16 +438,16 @@ CKEDITOR.dialog.add( 'link', function( editor )
                                                                        {\r
                                                                                id : 'protocol',\r
                                                                                type : 'select',\r
-                                                                               label : editor.lang.common.protocol,\r
+                                                                               label : commonLang.protocol,\r
                                                                                'default' : 'http://',\r
-                                                                               style : 'width : 100%;',\r
                                                                                items :\r
                                                                                [\r
-                                                                                       [ 'http://' ],\r
-                                                                                       [ 'https://' ],\r
-                                                                                       [ 'ftp://' ],\r
-                                                                                       [ 'news://' ],\r
-                                                                                       [ '<other>', '' ]\r
+                                                                                       // Force 'ltr' for protocol names in BIDI. (#5433)\r
+                                                                                       [ 'http://\u200E', 'http://' ],\r
+                                                                                       [ 'https://\u200E', 'https://' ],\r
+                                                                                       [ 'ftp://\u200E', 'ftp://' ],\r
+                                                                                       [ 'news://\u200E', 'news://' ],\r
+                                                                                       [ linkLang.other , '' ]\r
                                                                                ],\r
                                                                                setup : function( data )\r
                                                                                {\r
@@ -424,7 +465,8 @@ CKEDITOR.dialog.add( 'link', function( editor )
                                                                        {\r
                                                                                type : 'text',\r
                                                                                id : 'url',\r
-                                                                               label : editor.lang.common.url,\r
+                                                                               label : commonLang.url,\r
+                                                                               required: true,\r
                                                                                onLoad : function ()\r
                                                                                {\r
                                                                                        this.allowOnChange = true;\r
@@ -434,8 +476,8 @@ CKEDITOR.dialog.add( 'link', function( editor )
                                                                                        this.allowOnChange = false;\r
                                                                                        var     protocolCmb = this.getDialog().getContentElement( 'info', 'protocol' ),\r
                                                                                                url = this.getValue(),\r
-                                                                                               urlOnChangeProtocol = /^(http|https|ftp|news):\/\/(?=.)/gi,\r
-                                                                                               urlOnChangeTestOther = /^((javascript:)|[#\/\.])/gi;\r
+                                                                                               urlOnChangeProtocol = /^(http|https|ftp|news):\/\/(?=.)/i,\r
+                                                                                               urlOnChangeTestOther = /^((javascript:)|[#\/\.\?])/i;\r
 \r
                                                                                        var protocol = urlOnChangeProtocol.exec( url );\r
                                                                                        if ( protocol )\r
@@ -464,7 +506,7 @@ CKEDITOR.dialog.add( 'link', function( editor )
                                                                                        if ( this.getDialog().fakeObj ) // Edit Anchor.\r
                                                                                                return true;\r
 \r
-                                                                                       var func = CKEDITOR.dialog.validate.notEmpty( editor.lang.link.noUrl );\r
+                                                                                       var func = CKEDITOR.dialog.validate.notEmpty( linkLang.noUrl );\r
                                                                                        return func.apply( this );\r
                                                                                },\r
                                                                                setup : function( data )\r
@@ -474,13 +516,13 @@ CKEDITOR.dialog.add( 'link', function( editor )
                                                                                                this.setValue( data.url.url );\r
                                                                                        this.allowOnChange = true;\r
 \r
-                                                                                       var linkType = this.getDialog().getContentElement( 'info', 'linkType' );\r
-                                                                                       if ( linkType && linkType.getValue() == 'url' )\r
-                                                                                               this.select();\r
-\r
                                                                                },\r
                                                                                commit : function( data )\r
                                                                                {\r
+                                                                                       // IE will not trigger the onChange event if the mouse has been used\r
+                                                                                       // to carry all the operations #4724\r
+                                                                                       this.onChange();\r
+\r
                                                                                        if ( !data.url )\r
                                                                                                data.url = {};\r
 \r
@@ -500,7 +542,7 @@ CKEDITOR.dialog.add( 'link', function( editor )
                                                                id : 'browse',\r
                                                                hidden : 'true',\r
                                                                filebrowser : 'info:url',\r
-                                                               label : editor.lang.common.browseServer\r
+                                                               label : commonLang.browseServer\r
                                                        }\r
                                                ]\r
                                        },\r
@@ -513,105 +555,110 @@ CKEDITOR.dialog.add( 'link', function( editor )
                                                children :\r
                                                [\r
                                                        {\r
-                                                               type : 'html',\r
+                                                               type : 'fieldset',\r
                                                                id : 'selectAnchorText',\r
-                                                               html : CKEDITOR.tools.htmlEncode( editor.lang.link.selectAnchor ),\r
+                                                               label : linkLang.selectAnchor,\r
                                                                setup : function( data )\r
                                                                {\r
                                                                        if ( data.anchors.length > 0 )\r
                                                                                this.getElement().show();\r
                                                                        else\r
                                                                                this.getElement().hide();\r
-                                                               }\r
-                                                       },\r
-                                                       {\r
-                                                               type : 'html',\r
-                                                               id : 'noAnchors',\r
-                                                               style : 'text-align: center;',\r
-                                                               html : '<div>' + CKEDITOR.tools.htmlEncode( editor.lang.link.noAnchors ) + '</div>',\r
-                                                               setup : function( data )\r
-                                                               {\r
-                                                                       if ( data.anchors.length < 1 )\r
-                                                                               this.getElement().show();\r
-                                                                       else\r
-                                                                               this.getElement().hide();\r
-                                                               }\r
-                                                       },\r
-                                                       {\r
-                                                               type : 'hbox',\r
-                                                               id : 'selectAnchor',\r
+                                                               },\r
                                                                children :\r
                                                                [\r
                                                                        {\r
-                                                                               type : 'select',\r
-                                                                               id : 'anchorName',\r
-                                                                               'default' : '',\r
-                                                                               label : editor.lang.link.anchorName,\r
-                                                                               style : 'width: 100%;',\r
-                                                                               items :\r
+                                                                               type : 'hbox',\r
+                                                                               id : 'selectAnchor',\r
+                                                                               children :\r
                                                                                [\r
-                                                                                       [ '' ]\r
-                                                                               ],\r
-                                                                               setup : function( data )\r
-                                                                               {\r
-                                                                                       this.clear();\r
-                                                                                       this.add( '' );\r
-                                                                                       for ( var i = 0 ; i < data.anchors.length ; i++ )\r
                                                                                        {\r
-                                                                                               if ( data.anchors[i].name )\r
-                                                                                                       this.add( data.anchors[i].name );\r
+                                                                                               type : 'select',\r
+                                                                                               id : 'anchorName',\r
+                                                                                               'default' : '',\r
+                                                                                               label : linkLang.anchorName,\r
+                                                                                               style : 'width: 100%;',\r
+                                                                                               items :\r
+                                                                                               [\r
+                                                                                                       [ '' ]\r
+                                                                                               ],\r
+                                                                                               setup : function( data )\r
+                                                                                               {\r
+                                                                                                       this.clear();\r
+                                                                                                       this.add( '' );\r
+                                                                                                       for ( var i = 0 ; i < data.anchors.length ; i++ )\r
+                                                                                                       {\r
+                                                                                                               if ( data.anchors[i].name )\r
+                                                                                                                       this.add( data.anchors[i].name );\r
+                                                                                                       }\r
+\r
+                                                                                                       if ( data.anchor )\r
+                                                                                                               this.setValue( data.anchor.name );\r
+\r
+                                                                                                       var linkType = this.getDialog().getContentElement( 'info', 'linkType' );\r
+                                                                                                       if ( linkType && linkType.getValue() == 'email' )\r
+                                                                                                               this.focus();\r
+                                                                                               },\r
+                                                                                               commit : function( data )\r
+                                                                                               {\r
+                                                                                                       if ( !data.anchor )\r
+                                                                                                               data.anchor = {};\r
+\r
+                                                                                                       data.anchor.name = this.getValue();\r
+                                                                                               }\r
+                                                                                       },\r
+                                                                                       {\r
+                                                                                               type : 'select',\r
+                                                                                               id : 'anchorId',\r
+                                                                                               'default' : '',\r
+                                                                                               label : linkLang.anchorId,\r
+                                                                                               style : 'width: 100%;',\r
+                                                                                               items :\r
+                                                                                               [\r
+                                                                                                       [ '' ]\r
+                                                                                               ],\r
+                                                                                               setup : function( data )\r
+                                                                                               {\r
+                                                                                                       this.clear();\r
+                                                                                                       this.add( '' );\r
+                                                                                                       for ( var i = 0 ; i < data.anchors.length ; i++ )\r
+                                                                                                       {\r
+                                                                                                               if ( data.anchors[i].id )\r
+                                                                                                                       this.add( data.anchors[i].id );\r
+                                                                                                       }\r
+\r
+                                                                                                       if ( data.anchor )\r
+                                                                                                               this.setValue( data.anchor.id );\r
+                                                                                               },\r
+                                                                                               commit : function( data )\r
+                                                                                               {\r
+                                                                                                       if ( !data.anchor )\r
+                                                                                                               data.anchor = {};\r
+\r
+                                                                                                       data.anchor.id = this.getValue();\r
+                                                                                               }\r
                                                                                        }\r
-\r
-                                                                                       if ( data.anchor )\r
-                                                                                               this.setValue( data.anchor.name );\r
-\r
-                                                                                       var linkType = this.getDialog().getContentElement( 'info', 'linkType' );\r
-                                                                                       if ( linkType && linkType.getValue() == 'email' )\r
-                                                                                               this.focus();\r
-                                                                               },\r
-                                                                               commit : function( data )\r
-                                                                               {\r
-                                                                                       if ( !data.anchor )\r
-                                                                                               data.anchor = {};\r
-\r
-                                                                                       data.anchor.name = this.getValue();\r
-                                                                               }\r
-                                                                       },\r
-                                                                       {\r
-                                                                               type : 'select',\r
-                                                                               id : 'anchorId',\r
-                                                                               'default' : '',\r
-                                                                               label : editor.lang.link.anchorId,\r
-                                                                               style : 'width: 100%;',\r
-                                                                               items :\r
-                                                                               [\r
-                                                                                       [ '' ]\r
                                                                                ],\r
                                                                                setup : function( data )\r
                                                                                {\r
-                                                                                       this.clear();\r
-                                                                                       this.add( '' );\r
-                                                                                       for ( var i = 0 ; i < data.anchors.length ; i++ )\r
-                                                                                       {\r
-                                                                                               if ( data.anchors[i].id )\r
-                                                                                                       this.add( data.anchors[i].id );\r
-                                                                                       }\r
-\r
-                                                                                       if ( data.anchor )\r
-                                                                                               this.setValue( data.anchor.id );\r
-                                                                               },\r
-                                                                               commit : function( data )\r
-                                                                               {\r
-                                                                                       if ( !data.anchor )\r
-                                                                                               data.anchor = {};\r
-\r
-                                                                                       data.anchor.id = this.getValue();\r
+                                                                                       if ( data.anchors.length > 0 )\r
+                                                                                               this.getElement().show();\r
+                                                                                       else\r
+                                                                                               this.getElement().hide();\r
                                                                                }\r
                                                                        }\r
-                                                               ],\r
+                                                               ]\r
+                                                       },\r
+                                                       {\r
+                                                               type : 'html',\r
+                                                               id : 'noAnchors',\r
+                                                               style : 'text-align: center;',\r
+                                                               html : '<div role="label" tabIndex="-1">' + CKEDITOR.tools.htmlEncode( linkLang.noAnchors ) + '</div>',\r
+                                                               // Focus the first element defined in above html.\r
+                                                               focus : true,\r
                                                                setup : function( data )\r
                                                                {\r
-                                                                       if ( data.anchors.length > 0 )\r
+                                                                       if ( data.anchors.length < 1 )\r
                                                                                this.getElement().show();\r
                                                                        else\r
                                                                                this.getElement().hide();\r
@@ -633,7 +680,8 @@ CKEDITOR.dialog.add( 'link', function( editor )
                                                        {\r
                                                                type : 'text',\r
                                                                id : 'emailAddress',\r
-                                                               label : editor.lang.link.emailAddress,\r
+                                                               label : linkLang.emailAddress,\r
+                                                               required : true,\r
                                                                validate : function()\r
                                                                {\r
                                                                        var dialog = this.getDialog();\r
@@ -642,7 +690,7 @@ CKEDITOR.dialog.add( 'link', function( editor )
                                                                                        dialog.getValueOf( 'info', 'linkType' ) != 'email' )\r
                                                                                return true;\r
 \r
-                                                                       var func = CKEDITOR.dialog.validate.notEmpty( editor.lang.link.noEmail );\r
+                                                                       var func = CKEDITOR.dialog.validate.notEmpty( linkLang.noEmail );\r
                                                                        return func.apply( this );\r
                                                                },\r
                                                                setup : function( data )\r
@@ -665,7 +713,7 @@ CKEDITOR.dialog.add( 'link', function( editor )
                                                        {\r
                                                                type : 'text',\r
                                                                id : 'emailSubject',\r
-                                                               label : editor.lang.link.emailSubject,\r
+                                                               label : linkLang.emailSubject,\r
                                                                setup : function( data )\r
                                                                {\r
                                                                        if ( data.email )\r
@@ -682,7 +730,7 @@ CKEDITOR.dialog.add( 'link', function( editor )
                                                        {\r
                                                                type : 'textarea',\r
                                                                id : 'emailBody',\r
-                                                               label : editor.lang.link.emailBody,\r
+                                                               label : linkLang.emailBody,\r
                                                                rows : 3,\r
                                                                'default' : '',\r
                                                                setup : function( data )\r
@@ -709,8 +757,8 @@ CKEDITOR.dialog.add( 'link', function( editor )
                        },\r
                        {\r
                                id : 'target',\r
-                               label : editor.lang.link.target,\r
-                               title : editor.lang.link.target,\r
+                               label : linkLang.target,\r
+                               title : linkLang.target,\r
                                elements :\r
                                [\r
                                        {\r
@@ -721,24 +769,25 @@ CKEDITOR.dialog.add( 'link', function( editor )
                                                        {\r
                                                                type : 'select',\r
                                                                id : 'linkTargetType',\r
-                                                               label : editor.lang.link.target,\r
+                                                               label : commonLang.target,\r
                                                                'default' : 'notSet',\r
                                                                style : 'width : 100%;',\r
                                                                'items' :\r
                                                                [\r
-                                                                       [ editor.lang.link.targetNotSet, 'notSet' ],\r
-                                                                       [ editor.lang.link.targetFrame, 'frame' ],\r
-                                                                       [ editor.lang.link.targetPopup, 'popup' ],\r
-                                                                       [ editor.lang.link.targetNew, '_blank' ],\r
-                                                                       [ editor.lang.link.targetTop, '_top' ],\r
-                                                                       [ editor.lang.link.targetSelf, '_self' ],\r
-                                                                       [ editor.lang.link.targetParent, '_parent' ]\r
+                                                                       [ commonLang.notSet, 'notSet' ],\r
+                                                                       [ linkLang.targetFrame, 'frame' ],\r
+                                                                       [ linkLang.targetPopup, 'popup' ],\r
+                                                                       [ commonLang.targetNew, '_blank' ],\r
+                                                                       [ commonLang.targetTop, '_top' ],\r
+                                                                       [ commonLang.targetSelf, '_self' ],\r
+                                                                       [ commonLang.targetParent, '_parent' ]\r
                                                                ],\r
                                                                onChange : targetChanged,\r
                                                                setup : function( data )\r
                                                                {\r
                                                                        if ( data.target )\r
-                                                                               this.setValue( data.target.type );\r
+                                                                               this.setValue( data.target.type || 'notSet' );\r
+                                                                       targetChanged.call( this );\r
                                                                },\r
                                                                commit : function( data )\r
                                                                {\r
@@ -751,7 +800,7 @@ CKEDITOR.dialog.add( 'link', function( editor )
                                                        {\r
                                                                type : 'text',\r
                                                                id : 'linkTargetName',\r
-                                                               label : editor.lang.link.targetFrameName,\r
+                                                               label : linkLang.targetFrameName,\r
                                                                'default' : '',\r
                                                                setup : function( data )\r
                                                                {\r
@@ -763,159 +812,162 @@ CKEDITOR.dialog.add( 'link', function( editor )
                                                                        if ( !data.target )\r
                                                                                data.target = {};\r
 \r
-                                                                       data.target.name = this.getValue();\r
+                                                                       data.target.name = this.getValue().replace(/\W/gi, '');\r
                                                                }\r
                                                        }\r
                                                ]\r
                                        },\r
                                        {\r
                                                type : 'vbox',\r
-                                               width : 260,\r
+                                               width : '100%',\r
                                                align : 'center',\r
                                                padding : 2,\r
                                                id : 'popupFeatures',\r
                                                children :\r
                                                [\r
                                                        {\r
-                                                               type : 'html',\r
-                                                               html : CKEDITOR.tools.htmlEncode( editor.lang.link.popupFeatures )\r
-                                                       },\r
-                                                       {\r
-                                                               type : 'hbox',\r
+                                                               type : 'fieldset',\r
+                                                               label : linkLang.popupFeatures,\r
                                                                children :\r
                                                                [\r
                                                                        {\r
-                                                                               type : 'checkbox',\r
-                                                                               id : 'resizable',\r
-                                                                               label : editor.lang.link.popupResizable,\r
-                                                                               setup : setupPopupParams,\r
-                                                                               commit : commitPopupParams\r
-                                                                       },\r
-                                                                       {\r
-                                                                               type : 'checkbox',\r
-                                                                               id : 'status',\r
-                                                                               label : editor.lang.link.popupStatusBar,\r
-                                                                               setup : setupPopupParams,\r
-                                                                               commit : commitPopupParams\r
-\r
-                                                                       }\r
-                                                               ]\r
-                                                       },\r
-                                                       {\r
-                                                               type : 'hbox',\r
-                                                               children :\r
-                                                               [\r
-                                                                       {\r
-                                                                               type : 'checkbox',\r
-                                                                               id : 'location',\r
-                                                                               label : editor.lang.link.popupLocationBar,\r
-                                                                               setup : setupPopupParams,\r
-                                                                               commit : commitPopupParams\r
+                                                                               type : 'hbox',\r
+                                                                               children :\r
+                                                                               [\r
+                                                                                       {\r
+                                                                                               type : 'checkbox',\r
+                                                                                               id : 'resizable',\r
+                                                                                               label : linkLang.popupResizable,\r
+                                                                                               setup : setupPopupParams,\r
+                                                                                               commit : commitPopupParams\r
+                                                                                       },\r
+                                                                                       {\r
+                                                                                               type : 'checkbox',\r
+                                                                                               id : 'status',\r
+                                                                                               label : linkLang.popupStatusBar,\r
+                                                                                               setup : setupPopupParams,\r
+                                                                                               commit : commitPopupParams\r
 \r
+                                                                                       }\r
+                                                                               ]\r
                                                                        },\r
                                                                        {\r
-                                                                               type : 'checkbox',\r
-                                                                               id : 'toolbar',\r
-                                                                               label : editor.lang.link.popupToolbar,\r
-                                                                               setup : setupPopupParams,\r
-                                                                               commit : commitPopupParams\r
+                                                                               type : 'hbox',\r
+                                                                               children :\r
+                                                                               [\r
+                                                                                       {\r
+                                                                                               type : 'checkbox',\r
+                                                                                               id : 'location',\r
+                                                                                               label : linkLang.popupLocationBar,\r
+                                                                                               setup : setupPopupParams,\r
+                                                                                               commit : commitPopupParams\r
 \r
-                                                                       }\r
-                                                               ]\r
-                                                       },\r
-                                                       {\r
-                                                               type : 'hbox',\r
-                                                               children :\r
-                                                               [\r
-                                                                       {\r
-                                                                               type : 'checkbox',\r
-                                                                               id : 'menubar',\r
-                                                                               label : editor.lang.link.popupMenuBar,\r
-                                                                               setup : setupPopupParams,\r
-                                                                               commit : commitPopupParams\r
+                                                                                       },\r
+                                                                                       {\r
+                                                                                               type : 'checkbox',\r
+                                                                                               id : 'toolbar',\r
+                                                                                               label : linkLang.popupToolbar,\r
+                                                                                               setup : setupPopupParams,\r
+                                                                                               commit : commitPopupParams\r
 \r
+                                                                                       }\r
+                                                                               ]\r
                                                                        },\r
                                                                        {\r
-                                                                               type : 'checkbox',\r
-                                                                               id : 'fullscreen',\r
-                                                                               label : editor.lang.link.popupFullScreen,\r
-                                                                               setup : setupPopupParams,\r
-                                                                               commit : commitPopupParams\r
+                                                                               type : 'hbox',\r
+                                                                               children :\r
+                                                                               [\r
+                                                                                       {\r
+                                                                                               type : 'checkbox',\r
+                                                                                               id : 'menubar',\r
+                                                                                               label : linkLang.popupMenuBar,\r
+                                                                                               setup : setupPopupParams,\r
+                                                                                               commit : commitPopupParams\r
 \r
-                                                                       }\r
-                                                               ]\r
-                                                       },\r
-                                                       {\r
-                                                               type : 'hbox',\r
-                                                               children :\r
-                                                               [\r
-                                                                       {\r
-                                                                               type : 'checkbox',\r
-                                                                               id : 'scrollbars',\r
-                                                                               label : editor.lang.link.popupScrollBars,\r
-                                                                               setup : setupPopupParams,\r
-                                                                               commit : commitPopupParams\r
+                                                                                       },\r
+                                                                                       {\r
+                                                                                               type : 'checkbox',\r
+                                                                                               id : 'fullscreen',\r
+                                                                                               label : linkLang.popupFullScreen,\r
+                                                                                               setup : setupPopupParams,\r
+                                                                                               commit : commitPopupParams\r
 \r
+                                                                                       }\r
+                                                                               ]\r
                                                                        },\r
                                                                        {\r
-                                                                               type : 'checkbox',\r
-                                                                               id : 'dependent',\r
-                                                                               label : editor.lang.link.popupDependent,\r
-                                                                               setup : setupPopupParams,\r
-                                                                               commit : commitPopupParams\r
+                                                                               type : 'hbox',\r
+                                                                               children :\r
+                                                                               [\r
+                                                                                       {\r
+                                                                                               type : 'checkbox',\r
+                                                                                               id : 'scrollbars',\r
+                                                                                               label : linkLang.popupScrollBars,\r
+                                                                                               setup : setupPopupParams,\r
+                                                                                               commit : commitPopupParams\r
 \r
-                                                                       }\r
-                                                               ]\r
-                                                       },\r
-                                                       {\r
-                                                               type : 'hbox',\r
-                                                               children :\r
-                                                               [\r
-                                                                       {\r
-                                                                               type :  'text',\r
-                                                                               widths : [ '30%', '70%' ],\r
-                                                                               labelLayout : 'horizontal',\r
-                                                                               label : editor.lang.link.popupWidth,\r
-                                                                               id : 'width',\r
-                                                                               setup : setupPopupParams,\r
-                                                                               commit : commitPopupParams\r
+                                                                                       },\r
+                                                                                       {\r
+                                                                                               type : 'checkbox',\r
+                                                                                               id : 'dependent',\r
+                                                                                               label : linkLang.popupDependent,\r
+                                                                                               setup : setupPopupParams,\r
+                                                                                               commit : commitPopupParams\r
 \r
+                                                                                       }\r
+                                                                               ]\r
                                                                        },\r
                                                                        {\r
-                                                                               type :  'text',\r
-                                                                               labelLayout : 'horizontal',\r
-                                                                               widths : [ '55%', '45%' ],\r
-                                                                               label : editor.lang.link.popupLeft,\r
-                                                                               id : 'left',\r
-                                                                               setup : setupPopupParams,\r
-                                                                               commit : commitPopupParams\r
-\r
-                                                                       }\r
-                                                               ]\r
-                                                       },\r
-                                                       {\r
-                                                               type : 'hbox',\r
-                                                               children :\r
-                                                               [\r
-                                                                       {\r
-                                                                               type :  'text',\r
-                                                                               labelLayout : 'horizontal',\r
-                                                                               widths : [ '30%', '70%' ],\r
-                                                                               label : editor.lang.link.popupHeight,\r
-                                                                               id : 'height',\r
-                                                                               setup : setupPopupParams,\r
-                                                                               commit : commitPopupParams\r
+                                                                               type : 'hbox',\r
+                                                                               children :\r
+                                                                               [\r
+                                                                                       {\r
+                                                                                               type :  'text',\r
+                                                                                               widths : [ '50%', '50%' ],\r
+                                                                                               labelLayout : 'horizontal',\r
+                                                                                               label : commonLang.width,\r
+                                                                                               id : 'width',\r
+                                                                                               setup : setupPopupParams,\r
+                                                                                               commit : commitPopupParams\r
+\r
+                                                                                       },\r
+                                                                                       {\r
+                                                                                               type :  'text',\r
+                                                                                               labelLayout : 'horizontal',\r
+                                                                                               widths : [ '50%', '50%' ],\r
+                                                                                               label : linkLang.popupLeft,\r
+                                                                                               id : 'left',\r
+                                                                                               setup : setupPopupParams,\r
+                                                                                               commit : commitPopupParams\r
 \r
+                                                                                       }\r
+                                                                               ]\r
                                                                        },\r
                                                                        {\r
-                                                                               type :  'text',\r
-                                                                               labelLayout : 'horizontal',\r
-                                                                               label : editor.lang.link.popupTop,\r
-                                                                               widths : [ '55%', '45%' ],\r
-                                                                               id : 'top',\r
-                                                                               setup : setupPopupParams,\r
-                                                                               commit : commitPopupParams\r
+                                                                               type : 'hbox',\r
+                                                                               children :\r
+                                                                               [\r
+                                                                                       {\r
+                                                                                               type :  'text',\r
+                                                                                               labelLayout : 'horizontal',\r
+                                                                                               widths : [ '50%', '50%' ],\r
+                                                                                               label : commonLang.height,\r
+                                                                                               id : 'height',\r
+                                                                                               setup : setupPopupParams,\r
+                                                                                               commit : commitPopupParams\r
+\r
+                                                                                       },\r
+                                                                                       {\r
+                                                                                               type :  'text',\r
+                                                                                               labelLayout : 'horizontal',\r
+                                                                                               label : linkLang.popupTop,\r
+                                                                                               widths : [ '50%', '50%' ],\r
+                                                                                               id : 'top',\r
+                                                                                               setup : setupPopupParams,\r
+                                                                                               commit : commitPopupParams\r
 \r
+                                                                                       }\r
+                                                                               ]\r
                                                                        }\r
                                                                ]\r
                                                        }\r
@@ -925,8 +977,8 @@ CKEDITOR.dialog.add( 'link', function( editor )
                        },\r
                        {\r
                                id : 'upload',\r
-                               label : editor.lang.link.upload,\r
-                               title : editor.lang.link.upload,\r
+                               label : linkLang.upload,\r
+                               title : linkLang.upload,\r
                                hidden : true,\r
                                filebrowser : 'uploadButton',\r
                                elements :\r
@@ -934,14 +986,14 @@ CKEDITOR.dialog.add( 'link', function( editor )
                                        {\r
                                                type : 'file',\r
                                                id : 'upload',\r
-                                               label : editor.lang.common.upload,\r
+                                               label : commonLang.upload,\r
                                                style: 'height:40px',\r
                                                size : 29\r
                                        },\r
                                        {\r
                                                type : 'fileButton',\r
                                                id : 'uploadButton',\r
-                                               label : editor.lang.common.uploadSubmit,\r
+                                               label : commonLang.uploadSubmit,\r
                                                filebrowser : 'info:url',\r
                                                'for' : [ 'upload', 'upload' ]\r
                                        }\r
@@ -949,8 +1001,8 @@ CKEDITOR.dialog.add( 'link', function( editor )
                        },\r
                        {\r
                                id : 'advanced',\r
-                               label : editor.lang.link.advanced,\r
-                               title : editor.lang.link.advanced,\r
+                               label : linkLang.advanced,\r
+                               title : linkLang.advanced,\r
                                elements :\r
                                [\r
                                        {\r
@@ -966,21 +1018,21 @@ CKEDITOR.dialog.add( 'link', function( editor )
                                                                        {\r
                                                                                type : 'text',\r
                                                                                id : 'advId',\r
-                                                                               label : editor.lang.link.id,\r
+                                                                               label : linkLang.id,\r
                                                                                setup : setupAdvParams,\r
                                                                                commit : commitAdvParams\r
                                                                        },\r
                                                                        {\r
                                                                                type : 'select',\r
                                                                                id : 'advLangDir',\r
-                                                                               label : editor.lang.link.langDir,\r
+                                                                               label : linkLang.langDir,\r
                                                                                'default' : '',\r
                                                                                style : 'width:110px',\r
                                                                                items :\r
                                                                                [\r
-                                                                                       [ editor.lang.link.langDirNotSet, '' ],\r
-                                                                                       [ editor.lang.link.langDirLTR, 'ltr' ],\r
-                                                                                       [ editor.lang.link.langDirRTL, 'rtl' ]\r
+                                                                                       [ commonLang.notSet, '' ],\r
+                                                                                       [ linkLang.langDirLTR, 'ltr' ],\r
+                                                                                       [ linkLang.langDirRTL, 'rtl' ]\r
                                                                                ],\r
                                                                                setup : setupAdvParams,\r
                                                                                commit : commitAdvParams\r
@@ -989,7 +1041,7 @@ CKEDITOR.dialog.add( 'link', function( editor )
                                                                                type : 'text',\r
                                                                                id : 'advAccessKey',\r
                                                                                width : '80px',\r
-                                                                               label : editor.lang.link.acccessKey,\r
+                                                                               label : linkLang.acccessKey,\r
                                                                                maxLength : 1,\r
                                                                                setup : setupAdvParams,\r
                                                                                commit : commitAdvParams\r
@@ -1004,7 +1056,7 @@ CKEDITOR.dialog.add( 'link', function( editor )
                                                                [\r
                                                                        {\r
                                                                                type : 'text',\r
-                                                                               label : editor.lang.link.name,\r
+                                                                               label : linkLang.name,\r
                                                                                id : 'advName',\r
                                                                                setup : setupAdvParams,\r
                                                                                commit : commitAdvParams\r
@@ -1012,7 +1064,7 @@ CKEDITOR.dialog.add( 'link', function( editor )
                                                                        },\r
                                                                        {\r
                                                                                type : 'text',\r
-                                                                               label : editor.lang.link.langCode,\r
+                                                                               label : linkLang.langCode,\r
                                                                                id : 'advLangCode',\r
                                                                                width : '110px',\r
                                                                                'default' : '',\r
@@ -1022,7 +1074,7 @@ CKEDITOR.dialog.add( 'link', function( editor )
                                                                        },\r
                                                                        {\r
                                                                                type : 'text',\r
-                                                                               label : editor.lang.link.tabIndex,\r
+                                                                               label : linkLang.tabIndex,\r
                                                                                id : 'advTabIndex',\r
                                                                                width : '80px',\r
                                                                                maxLength : 5,\r
@@ -1046,7 +1098,7 @@ CKEDITOR.dialog.add( 'link', function( editor )
                                                                [\r
                                                                        {\r
                                                                                type : 'text',\r
-                                                                               label : editor.lang.link.advisoryTitle,\r
+                                                                               label : linkLang.advisoryTitle,\r
                                                                                'default' : '',\r
                                                                                id : 'advTitle',\r
                                                                                setup : setupAdvParams,\r
@@ -1055,7 +1107,7 @@ CKEDITOR.dialog.add( 'link', function( editor )
                                                                        },\r
                                                                        {\r
                                                                                type : 'text',\r
-                                                                               label : editor.lang.link.advisoryContentType,\r
+                                                                               label : linkLang.advisoryContentType,\r
                                                                                'default' : '',\r
                                                                                id : 'advContentType',\r
                                                                                setup : setupAdvParams,\r
@@ -1071,7 +1123,7 @@ CKEDITOR.dialog.add( 'link', function( editor )
                                                                [\r
                                                                        {\r
                                                                                type : 'text',\r
-                                                                               label : editor.lang.link.cssClasses,\r
+                                                                               label : linkLang.cssClasses,\r
                                                                                'default' : '',\r
                                                                                id : 'advCSSClasses',\r
                                                                                setup : setupAdvParams,\r
@@ -1080,7 +1132,7 @@ CKEDITOR.dialog.add( 'link', function( editor )
                                                                        },\r
                                                                        {\r
                                                                                type : 'text',\r
-                                                                               label : editor.lang.link.charset,\r
+                                                                               label : linkLang.charset,\r
                                                                                'default' : '',\r
                                                                                id : 'advCharset',\r
                                                                                setup : setupAdvParams,\r
@@ -1091,16 +1143,24 @@ CKEDITOR.dialog.add( 'link', function( editor )
                                                        },\r
                                                        {\r
                                                                type : 'hbox',\r
+                                                               widths : [ '45%', '55%' ],\r
                                                                children :\r
                                                                [\r
                                                                        {\r
                                                                                type : 'text',\r
-                                                                               label : editor.lang.link.styles,\r
+                                                                               label : linkLang.rel,\r
+                                                                               'default' : '',\r
+                                                                               id : 'advRel',\r
+                                                                               setup : setupAdvParams,\r
+                                                                               commit : commitAdvParams\r
+                                                                       },\r
+                                                                       {\r
+                                                                               type : 'text',\r
+                                                                               label : linkLang.styles,\r
                                                                                'default' : '',\r
                                                                                id : 'advStyles',\r
                                                                                setup : setupAdvParams,\r
                                                                                commit : commitAdvParams\r
-\r
                                                                        }\r
                                                                ]\r
                                                        }\r
@@ -1111,42 +1171,23 @@ CKEDITOR.dialog.add( 'link', function( editor )
                ],\r
                onShow : function()\r
                {\r
-                       this.fakeObj = false;\r
-\r
                        var editor = this.getParentEditor(),\r
                                selection = editor.getSelection(),\r
-                               ranges = selection.getRanges(),\r
-                               element = null,\r
-                               me = this;\r
-                       // Fill in all the relevant fields if there's already one link selected.\r
-                       if ( ranges.length == 1 )\r
-                       {\r
+                               element = null;\r
 \r
-                               var rangeRoot = ranges[0].getCommonAncestor( true );\r
-                               element = rangeRoot.getAscendant( 'a', true );\r
-                               if ( element && element.getAttribute( 'href' ) )\r
-                               {\r
-                                       selection.selectElement( element );\r
-                               }\r
-                               else if ( ( element = rangeRoot.getAscendant( 'img', true ) ) &&\r
-                                                element.getAttribute( '_cke_real_element_type' ) &&\r
-                                                element.getAttribute( '_cke_real_element_type' ) == 'anchor' )\r
-                               {\r
-                                       this.fakeObj = element;\r
-                                       element = editor.restoreRealElement( this.fakeObj );\r
-                                       selection.selectElement( this.fakeObj );\r
-                               }\r
-                               else\r
-                                       element = null;\r
-                       }\r
+                       // Fill in all the relevant fields if there's already one link selected.\r
+                       if ( ( element = plugin.getSelectedLink( editor ) ) && element.hasAttribute( 'href' ) )\r
+                               selection.selectElement( element );\r
+                       else\r
+                               element = null;\r
 \r
                        this.setupContent( parseLink.apply( this, [ editor, element ] ) );\r
                },\r
                onOk : function()\r
                {\r
-                       var attributes = { href : 'javascript:void(0)/*' + CKEDITOR.tools.getNextNumber() + '*/' },\r
+                       var attributes = {},\r
                                removeAttributes = [],\r
-                               data = { href : attributes.href },\r
+                               data = {},\r
                                me = this,\r
                                editor = this.getParentEditor();\r
 \r
@@ -1157,13 +1198,13 @@ CKEDITOR.dialog.add( 'link', function( editor )
                        {\r
                                case 'url':\r
                                        var protocol = ( data.url && data.url.protocol != undefined ) ? data.url.protocol : 'http://',\r
-                                               url = ( data.url && data.url.url ) || '';\r
-                                       attributes._cke_saved_href = ( url.indexOf( '/' ) === 0 ) ? url : protocol + url;\r
+                                               url = ( data.url && CKEDITOR.tools.trim( data.url.url ) ) || '';\r
+                                       attributes[ 'data-cke-saved-href' ] = ( url.indexOf( '/' ) === 0 ) ? url : protocol + url;\r
                                        break;\r
                                case 'anchor':\r
                                        var name = ( data.anchor && data.anchor.name ),\r
                                                id = ( data.anchor && data.anchor.id );\r
-                                       attributes._cke_saved_href = '#' + ( name || id || '' );\r
+                                       attributes[ 'data-cke-saved-href' ] = '#' + ( name || id || '' );\r
                                        break;\r
                                case 'email':\r
 \r
@@ -1210,7 +1251,7 @@ CKEDITOR.dialog.add( 'link', function( editor )
                                                }\r
                                        }\r
 \r
-                                       attributes._cke_saved_href = linkHref.join( '' );\r
+                                       attributes[ 'data-cke-saved-href' ] = linkHref.join( '' );\r
                                        break;\r
                        }\r
 \r
@@ -1238,7 +1279,10 @@ CKEDITOR.dialog.add( 'link', function( editor )
                                        addFeature( 'top' );\r
 \r
                                        onclickList.push( featureList.join( ',' ), '\'); return false;' );\r
-                                       attributes[ '_cke_pa_onclick' ] = onclickList.join( '' );\r
+                                       attributes[ 'data-cke-pa-onclick' ] = onclickList.join( '' );\r
+\r
+                                       // Add the "target" attribute. (#5074)\r
+                                       removeAttributes.push( 'target' );\r
                                }\r
                                else\r
                                {\r
@@ -1247,7 +1291,7 @@ CKEDITOR.dialog.add( 'link', function( editor )
                                        else\r
                                                removeAttributes.push( 'target' );\r
 \r
-                                       removeAttributes.push( '_cke_pa_onclick', 'onclick' );\r
+                                       removeAttributes.push( 'data-cke-pa-onclick', 'onclick' );\r
                                }\r
                        }\r
 \r
@@ -1263,11 +1307,15 @@ CKEDITOR.dialog.add( 'link', function( editor )
                                                removeAttributes.push( attrName );\r
                                };\r
 \r
-                               if ( this._.selectedElement )\r
-                                       advAttr( 'advId', 'id' );\r
+                               advAttr( 'advId', 'id' );\r
                                advAttr( 'advLangDir', 'dir' );\r
                                advAttr( 'advAccessKey', 'accessKey' );\r
-                               advAttr( 'advName', 'name' );\r
+\r
+                               if ( data.adv[ 'advName' ] )\r
+                                       attributes[ 'name' ] = attributes[ 'data-cke-saved-name' ] = data.adv[ 'advName' ];\r
+                               else\r
+                                       removeAttributes = removeAttributes.concat( [ 'data-cke-saved-name', 'name' ] );\r
+\r
                                advAttr( 'advLangCode', 'lang' );\r
                                advAttr( 'advTabIndex', 'tabindex' );\r
                                advAttr( 'advTitle', 'title' );\r
@@ -1275,16 +1323,23 @@ CKEDITOR.dialog.add( 'link', function( editor )
                                advAttr( 'advCSSClasses', 'class' );\r
                                advAttr( 'advCharset', 'charset' );\r
                                advAttr( 'advStyles', 'style' );\r
+                               advAttr( 'advRel', 'rel' );\r
                        }\r
 \r
+\r
+                       // Browser need the "href" fro copy/paste link to work. (#6641)\r
+                       attributes.href = attributes[ 'data-cke-saved-href' ];\r
+\r
                        if ( !this._.selectedElement )\r
                        {\r
                                // Create element if current selection is collapsed.\r
                                var selection = editor.getSelection(),\r
-                                       ranges = selection.getRanges();\r
+                                       ranges = selection.getRanges( true );\r
                                if ( ranges.length == 1 && ranges[0].collapsed )\r
                                {\r
-                                       var text = new CKEDITOR.dom.text( attributes._cke_saved_href, editor.document );\r
+                                       // Short mailto link text view (#5736).\r
+                                       var text = new CKEDITOR.dom.text( data.type == 'email' ?\r
+                                                       data.email.address : attributes[ 'data-cke-saved-href' ], editor.document );\r
                                        ranges[0].insertNode( text );\r
                                        ranges[0].selectNodeContents( text );\r
                                        selection.selectRanges( ranges );\r
@@ -1294,54 +1349,27 @@ CKEDITOR.dialog.add( 'link', function( editor )
                                var style = new CKEDITOR.style( { element : 'a', attributes : attributes } );\r
                                style.type = CKEDITOR.STYLE_INLINE;             // need to override... dunno why.\r
                                style.apply( editor.document );\r
-\r
-                               // Id. Apply only to the first link.\r
-                               if ( data.adv && data.adv.advId )\r
-                               {\r
-                                       var links = this.getParentEditor().document.$.getElementsByTagName( 'a' );\r
-                                       for ( i = 0 ; i < links.length ; i++ )\r
-                                       {\r
-                                               if ( links[i].href == attributes.href )\r
-                                               {\r
-                                                       links[i].id = data.adv.advId;\r
-                                                       break;\r
-                                               }\r
-                                       }\r
-                               }\r
                        }\r
                        else\r
                        {\r
                                // We're only editing an existing link, so just overwrite the attributes.\r
-                               var element = this._.selectedElement;\r
-\r
-                               // IE BUG: Setting the name attribute to an existing link doesn't work.\r
-                               // Must re-create the link from weired syntax to workaround.\r
-                               if ( CKEDITOR.env.ie && attributes.name != element.getAttribute( 'name' ) )\r
-                               {\r
-                                       var newElement = new CKEDITOR.dom.element( '<a name="' + CKEDITOR.tools.htmlEncode( attributes.name ) + '">',\r
-                                                       editor.document );\r
-\r
-                                       selection = editor.getSelection();\r
-\r
-                                       element.moveChildren( newElement );\r
-                                       element.copyAttributes( newElement, { name : 1 } );\r
-                                       newElement.replace( element );\r
-                                       element = newElement;\r
-\r
-                                       selection.selectElement( element );\r
-                               }\r
+                               var element = this._.selectedElement,\r
+                                       href = element.data( 'cke-saved-href' ),\r
+                                       textView = element.getHtml();\r
 \r
                                element.setAttributes( attributes );\r
                                element.removeAttributes( removeAttributes );\r
 \r
-                               // Make the element display as an anchor if a name has been set.\r
-                               if ( element.getAttribute( 'name' ) )\r
-                                       element.addClass( 'cke_anchor' );\r
-                               else\r
-                                       element.removeClass( 'cke_anchor' );\r
+                               if ( data.adv && data.adv.advName && CKEDITOR.plugins.link.synAnchorSelector )\r
+                                       element.addClass( element.getChildCount() ? 'cke_anchor' : 'cke_anchor_empty' );\r
 \r
-                               if ( this.fakeObj )\r
-                                       editor.createFakeElement( element, 'cke_anchor', 'anchor' ).replace( this.fakeObj );\r
+                               // Update text view when user changes protocol (#4612).\r
+                               if ( href == textView || data.type == 'email' && textView.indexOf( '@' ) != -1 )\r
+                               {\r
+                                       // Short mailto link text view (#5736).\r
+                                       element.setHtml( data.type == 'email' ?\r
+                                               data.email.address : attributes[ 'data-cke-saved-href' ] );\r
+                               }\r
 \r
                                delete this._.selectedElement;\r
                        }\r
@@ -1354,26 +1382,43 @@ CKEDITOR.dialog.add( 'link', function( editor )
                        if ( !editor.config.linkShowTargetTab )\r
                                this.hidePage( 'target' );              //Hide Target tab.\r
 \r
+               },\r
+               // Inital focus on 'url' field if link is of type URL.\r
+               onFocus : function()\r
+               {\r
+                       var linkType = this.getContentElement( 'info', 'linkType' ),\r
+                                       urlField;\r
+                       if ( linkType && linkType.getValue() == 'url' )\r
+                       {\r
+                               urlField = this.getContentElement( 'info', 'url' );\r
+                               urlField.select();\r
+                       }\r
                }\r
        };\r
 });\r
 \r
 /**\r
- * The e-mail address anti-spam protection option.\r
+ * The e-mail address anti-spam protection option. The protection will be\r
+ * applied when creating or modifying e-mail links through the editor interface.<br>\r
+ * Two methods of protection can be choosed:\r
+ * <ol>        <li>The e-mail parts (name, domain and any other query string) are\r
+ *                     assembled into a function call pattern. Such function must be\r
+ *                     provided by the developer in the pages that will use the contents.\r
+ *             <li>Only the e-mail address is obfuscated into a special string that\r
+ *                     has no meaning for humans or spam bots, but which is properly\r
+ *                     rendered and accepted by the browser.</li></ol>\r
+ * Both approaches require JavaScript to be enabled.\r
  * @name CKEDITOR.config.emailProtection\r
- * @type {String}\r
- * Two forms of protection could be choosed from :\r
- * 1. The whole address parts ( name, domain with any other query string ) are assembled into a\r
- *   function call pattern which invoke you own provided function, with the specified arguments.\r
- * 2. Only the e-mail address is obfuscated into unicode code point sequences, replacement are\r
- *   done by a String.fromCharCode() call.\r
- * Note: Both approaches require JavaScript to be enabled.\r
- * @default ''\r
+ * @since 3.1\r
+ * @type String\r
+ * @default '' (empty string = disabled)\r
+ * @example\r
+ * // href="mailto:tester@ckeditor.com?subject=subject&body=body"\r
+ * config.emailProtection = '';\r
+ * @example\r
+ * // href="<a href=\"javascript:void(location.href=\'mailto:\'+String.fromCharCode(116,101,115,116,101,114,64,99,107,101,100,105,116,111,114,46,99,111,109)+\'?subject=subject&body=body\')\">e-mail</a>"\r
+ * config.emailProtection = 'encode';\r
  * @example\r
- *  config.emailProtection = '';\r
- *  // href="mailto:tester@ckeditor.com?subject=subject&body=body"\r
- *  config.emailProtection = 'encode';\r
- *  // href="<a href=\"javascript:void(location.href=\'mailto:\'+String.fromCharCode(116,101,115,116,101,114,64,99,107,101,100,105,116,111,114,46,99,111,109)+\'?subject=subject&body=body\')\">e-mail</a>"\r
- *  config.emailProtection = 'mt(NAME,DOMAIN,SUBJECT,BODY)';\r
- *  // href="javascript:mt('tester','ckeditor.com','subject','body')"\r
+ * // href="javascript:mt('tester','ckeditor.com','subject','body')"\r
+ * config.emailProtection = 'mt(NAME,DOMAIN,SUBJECT,BODY)';\r
  */\r