2 Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved.
\r
3 For licensing, see LICENSE.html or http://ckeditor.com/license
\r
6 CKEDITOR.dialog.add( 'link', function( editor )
\r
8 // Handles the event when the "Target" selection box is changed.
\r
9 var targetChanged = function()
\r
11 var dialog = this.getDialog(),
\r
12 popupFeatures = dialog.getContentElement( 'target', 'popupFeatures' ),
\r
13 targetName = dialog.getContentElement( 'target', 'linkTargetName' ),
\r
14 value = this.getValue();
\r
16 if ( !popupFeatures || !targetName )
\r
19 popupFeatures = popupFeatures.getElement();
\r
21 if ( value == 'popup' )
\r
23 popupFeatures.show();
\r
24 targetName.setLabel( editor.lang.link.targetPopupName );
\r
28 popupFeatures.hide();
\r
29 targetName.setLabel( editor.lang.link.targetFrameName );
\r
30 this.getDialog().setValueOf( 'target', 'linkTargetName', value.charAt( 0 ) == '_' ? value : '' );
\r
34 // Handles the event when the "Type" selection box is changed.
\r
35 var linkTypeChanged = function()
\r
37 var dialog = this.getDialog(),
\r
38 partIds = [ 'urlOptions', 'anchorOptions', 'emailOptions' ],
\r
39 typeValue = this.getValue(),
\r
40 uploadTab = dialog.definition.getContents( 'upload' ),
\r
41 uploadInitiallyHidden = uploadTab && uploadTab.hidden;
\r
43 if ( typeValue == 'url' )
\r
45 if ( editor.config.linkShowTargetTab )
\r
46 dialog.showPage( 'target' );
\r
47 if ( !uploadInitiallyHidden )
\r
48 dialog.showPage( 'upload' );
\r
52 dialog.hidePage( 'target' );
\r
53 if ( !uploadInitiallyHidden )
\r
54 dialog.hidePage( 'upload' );
\r
57 for ( var i = 0 ; i < partIds.length ; i++ )
\r
59 var element = dialog.getContentElement( 'info', partIds[i] );
\r
63 element = element.getElement().getParent().getParent();
\r
64 if ( partIds[i] == typeValue + 'Options' )
\r
71 // Loads the parameters in a selected link to the link dialog fields.
\r
72 var emailRegex = /^mailto:([^?]+)(?:\?(.+))?$/,
\r
73 emailSubjectRegex = /subject=([^;?:@&=$,\/]*)/,
\r
74 emailBodyRegex = /body=([^;?:@&=$,\/]*)/,
\r
75 anchorRegex = /^#(.*)$/,
\r
76 urlRegex = /^((?:http|https|ftp|news):\/\/)?(.*)$/,
\r
77 selectableTargets = /^(_(?:self|top|parent|blank))$/;
\r
80 /\s*window.open\(\s*this\.href\s*,\s*(?:'([^']*)'|null)\s*,\s*'([^']*)'\s*\)\s*;\s*return\s*false;*\s*/;
\r
81 var popupFeaturesRegex = /(?:^|,)([^=]+)=(\d+|yes|no)/gi;
\r
83 var parseLink = function( editor, element )
\r
85 var href = element ? ( element.getAttribute( '_cke_saved_href' ) || element.getAttribute( 'href' ) ) : '',
\r
93 emailMatch = href.match( emailRegex );
\r
94 anchorMatch = href.match( anchorRegex );
\r
95 urlMatch = href.match( urlRegex );
\r
98 // Load the link type and URL.
\r
101 var subjectMatch = href.match( emailSubjectRegex ),
\r
102 bodyMatch = href.match( emailBodyRegex );
\r
103 retval.type = 'email';
\r
105 retval.email.address = emailMatch[1];
\r
106 subjectMatch && ( retval.email.subject = decodeURIComponent( subjectMatch[1] ) );
\r
107 bodyMatch && ( retval.email.body = decodeURIComponent( bodyMatch[1] ) );
\r
109 else if ( anchorMatch )
\r
111 retval.type = 'anchor';
\r
112 retval.anchor = {};
\r
113 retval.anchor.name = retval.anchor.id = anchorMatch[1];
\r
115 else if ( href && urlMatch ) // urlRegex matches empty strings, so need to check for href as well.
\r
117 retval.type = 'url';
\r
119 retval.url.protocol = urlMatch[1];
\r
120 retval.url.url = urlMatch[2];
\r
123 retval.type = 'url';
\r
125 // Load target and popup settings.
\r
128 var target = element.getAttribute( 'target' );
\r
129 retval.target = {};
\r
132 // IE BUG: target attribute is an empty string instead of null in IE if it's not set.
\r
135 var onclick = element.getAttribute( '_cke_pa_onclick' ) || element.getAttribute( 'onclick' ),
\r
136 onclickMatch = onclick && onclick.match( popupRegex );
\r
137 if ( onclickMatch )
\r
139 retval.target.type = 'popup';
\r
140 retval.target.name = onclickMatch[1];
\r
143 while ( ( featureMatch = popupFeaturesRegex.exec( onclickMatch[2] ) ) )
\r
145 if ( featureMatch[2] == 'yes' || featureMatch[2] == '1' )
\r
146 retval.target[ featureMatch[1] ] = true;
\r
147 else if ( isFinite( featureMatch[2] ) )
\r
148 retval.target[ featureMatch[1] ] = featureMatch[2];
\r
154 var targetMatch = target.match( selectableTargets );
\r
156 retval.target.type = retval.target.name = target;
\r
159 retval.target.type = 'frame';
\r
160 retval.target.name = target;
\r
165 var advAttr = function( inputName, attrName )
\r
167 var value = element.getAttribute( attrName );
\r
168 if ( value !== null )
\r
169 retval.adv[ inputName ] = value || '';
\r
171 advAttr( 'advId', 'id' );
\r
172 advAttr( 'advLangDir', 'dir' );
\r
173 advAttr( 'advAccessKey', 'accessKey' );
\r
174 advAttr( 'advName', 'name' );
\r
175 advAttr( 'advLangCode', 'lang' );
\r
176 advAttr( 'advTabIndex', 'tabindex' );
\r
177 advAttr( 'advTitle', 'title' );
\r
178 advAttr( 'advContentType', 'type' );
\r
179 advAttr( 'advCSSClasses', 'class' );
\r
180 advAttr( 'advCharset', 'charset' );
\r
181 advAttr( 'advStyles', 'style' );
\r
184 // Find out whether we have any anchors in the editor.
\r
185 // Get all IMG elements in CK document.
\r
186 var elements = editor.document.getElementsByTag( 'img' ),
\r
187 realAnchors = new CKEDITOR.dom.nodeList( editor.document.$.anchors ),
\r
188 anchors = retval.anchors = [];
\r
190 for( var i = 0; i < elements.count() ; i++ )
\r
192 var item = elements.getItem( i );
\r
193 if ( item.getAttribute( '_cke_realelement' ) && item.getAttribute( '_cke_real_element_type' ) == 'anchor' )
\r
195 anchors.push( editor.restoreRealElement( item ) );
\r
199 for ( i = 0 ; i < realAnchors.count() ; i++ )
\r
200 anchors.push( realAnchors.getItem( i ) );
\r
202 for ( i = 0 ; i < anchors.length ; i++ )
\r
204 item = anchors[ i ];
\r
205 anchors[ i ] = { name : item.getAttribute( 'name' ), id : item.getAttribute( 'id' ) };
\r
208 // Record down the selected element in the dialog.
\r
209 this._.selectedElement = element;
\r
214 var setupParams = function( page, data )
\r
217 this.setValue( data[page][this.id] || '' );
\r
220 var setupPopupParams = function( data )
\r
222 return setupParams.call( this, 'target', data );
\r
225 var setupAdvParams = function( data )
\r
227 return setupParams.call( this, 'adv', data );
\r
230 var commitParams = function( page, data )
\r
235 data[page][this.id] = this.getValue() || '';
\r
238 var commitPopupParams = function( data )
\r
240 return commitParams.call( this, 'target', data );
\r
243 var commitAdvParams = function( data )
\r
245 return commitParams.call( this, 'adv', data );
\r
249 title : editor.lang.link.title,
\r
255 label : editor.lang.link.info,
\r
256 title : editor.lang.link.info,
\r
262 label : editor.lang.link.type,
\r
266 [ editor.lang.common.url, 'url' ],
\r
267 [ editor.lang.link.toAnchor, 'anchor' ],
\r
268 [ editor.lang.link.toEmail, 'email' ]
\r
270 onChange : linkTypeChanged,
\r
271 setup : function( data )
\r
274 this.setValue( data.type );
\r
276 commit : function( data )
\r
278 data.type = this.getValue();
\r
288 widths : [ '25%', '75%' ],
\r
294 label : editor.lang.common.protocol,
\r
295 'default' : 'http://',
\r
296 style : 'width : 100%;',
\r
305 setup : function( data )
\r
308 this.setValue( data.url.protocol || '' );
\r
310 commit : function( data )
\r
315 data.url.protocol = this.getValue();
\r
321 label : editor.lang.common.url,
\r
322 onLoad : function ()
\r
324 this.allowOnChange = true;
\r
326 onKeyUp : function()
\r
328 this.allowOnChange = false;
\r
329 var protocolCmb = this.getDialog().getContentElement( 'info', 'protocol' ),
\r
330 url = this.getValue(),
\r
331 urlOnChangeProtocol = /^(http|https|ftp|news):\/\/(?=.)/gi,
\r
332 urlOnChangeTestOther = /^((javascript:)|[#\/\.])/gi;
\r
334 var protocol = urlOnChangeProtocol.exec( url );
\r
337 this.setValue( url.substr( protocol[ 0 ].length ) );
\r
338 protocolCmb.setValue( protocol[ 0 ].toLowerCase() );
\r
340 else if ( urlOnChangeTestOther.test( url ) )
\r
341 protocolCmb.setValue( '' );
\r
343 this.allowOnChange = true;
\r
345 onChange : function()
\r
347 if ( this.allowOnChange ) // Dont't call on dialog load.
\r
350 validate : function()
\r
352 var dialog = this.getDialog();
\r
354 if ( dialog.getContentElement( 'info', 'linkType' ) &&
\r
355 dialog.getValueOf( 'info', 'linkType' ) != 'url' )
\r
358 if ( this.getDialog().fakeObj ) // Edit Anchor.
\r
361 var func = CKEDITOR.dialog.validate.notEmpty( editor.lang.link.noUrl );
\r
362 return func.apply( this );
\r
364 setup : function( data )
\r
366 this.allowOnChange = false;
\r
368 this.setValue( data.url.url );
\r
369 this.allowOnChange = true;
\r
371 var linkType = this.getDialog().getContentElement( 'info', 'linkType' );
\r
372 if ( linkType && linkType.getValue() == 'url' )
\r
376 commit : function( data )
\r
381 data.url.url = this.getValue();
\r
382 this.allowOnChange = false;
\r
386 setup : function( data )
\r
388 if ( !this.getDialog().getContentElement( 'info', 'linkType' ) )
\r
389 this.getElement().show();
\r
396 filebrowser : 'info:url',
\r
397 label : editor.lang.common.browseServer
\r
403 id : 'anchorOptions',
\r
411 id : 'selectAnchorText',
\r
412 html : CKEDITOR.tools.htmlEncode( editor.lang.link.selectAnchor ),
\r
413 setup : function( data )
\r
415 if ( data.anchors.length > 0 )
\r
416 this.getElement().show();
\r
418 this.getElement().hide();
\r
424 style : 'text-align: center;',
\r
425 html : '<div>' + CKEDITOR.tools.htmlEncode( editor.lang.link.noAnchors ) + '</div>',
\r
426 setup : function( data )
\r
428 if ( data.anchors.length < 1 )
\r
429 this.getElement().show();
\r
431 this.getElement().hide();
\r
436 id : 'selectAnchor',
\r
443 label : editor.lang.link.anchorName,
\r
444 style : 'width: 100%;',
\r
449 setup : function( data )
\r
453 for ( var i = 0 ; i < data.anchors.length ; i++ )
\r
455 if ( data.anchors[i].name )
\r
456 this.add( data.anchors[i].name );
\r
460 this.setValue( data.anchor.name );
\r
462 var linkType = this.getDialog().getContentElement( 'info', 'linkType' );
\r
463 if ( linkType && linkType.getValue() == 'email' )
\r
466 commit : function( data )
\r
468 if ( !data.anchor )
\r
471 data.anchor.name = this.getValue();
\r
478 label : editor.lang.link.anchorId,
\r
479 style : 'width: 100%;',
\r
484 setup : function( data )
\r
488 for ( var i = 0 ; i < data.anchors.length ; i++ )
\r
490 if ( data.anchors[i].id )
\r
491 this.add( data.anchors[i].id );
\r
495 this.setValue( data.anchor.id );
\r
497 commit : function( data )
\r
499 if ( !data.anchor )
\r
502 data.anchor.id = this.getValue();
\r
506 setup : function( data )
\r
508 if ( data.anchors.length > 0 )
\r
509 this.getElement().show();
\r
511 this.getElement().hide();
\r
515 setup : function( data )
\r
517 if ( !this.getDialog().getContentElement( 'info', 'linkType' ) )
\r
518 this.getElement().hide();
\r
523 id : 'emailOptions',
\r
529 id : 'emailAddress',
\r
530 label : editor.lang.link.emailAddress,
\r
531 validate : function()
\r
533 var dialog = this.getDialog();
\r
535 if ( !dialog.getContentElement( 'info', 'linkType' ) ||
\r
536 dialog.getValueOf( 'info', 'linkType' ) != 'email' )
\r
539 var func = CKEDITOR.dialog.validate.notEmpty( editor.lang.link.noEmail );
\r
540 return func.apply( this );
\r
542 setup : function( data )
\r
545 this.setValue( data.email.address );
\r
547 var linkType = this.getDialog().getContentElement( 'info', 'linkType' );
\r
548 if ( linkType && linkType.getValue() == 'email' )
\r
551 commit : function( data )
\r
556 data.email.address = this.getValue();
\r
561 id : 'emailSubject',
\r
562 label : editor.lang.link.emailSubject,
\r
563 setup : function( data )
\r
566 this.setValue( data.email.subject );
\r
568 commit : function( data )
\r
573 data.email.subject = this.getValue();
\r
579 label : editor.lang.link.emailBody,
\r
582 setup : function( data )
\r
585 this.setValue( data.email.body );
\r
587 commit : function( data )
\r
592 data.email.body = this.getValue();
\r
596 setup : function( data )
\r
598 if ( !this.getDialog().getContentElement( 'info', 'linkType' ) )
\r
599 this.getElement().hide();
\r
606 label : editor.lang.link.target,
\r
607 title : editor.lang.link.target,
\r
612 widths : [ '50%', '50%' ],
\r
617 id : 'linkTargetType',
\r
618 label : editor.lang.link.target,
\r
619 'default' : 'notSet',
\r
620 style : 'width : 100%;',
\r
623 [ editor.lang.link.targetNotSet, 'notSet' ],
\r
624 [ editor.lang.link.targetFrame, 'frame' ],
\r
625 [ editor.lang.link.targetPopup, 'popup' ],
\r
626 [ editor.lang.link.targetNew, '_blank' ],
\r
627 [ editor.lang.link.targetTop, '_top' ],
\r
628 [ editor.lang.link.targetSelf, '_self' ],
\r
629 [ editor.lang.link.targetParent, '_parent' ]
\r
631 onChange : targetChanged,
\r
632 setup : function( data )
\r
635 this.setValue( data.target.type );
\r
637 commit : function( data )
\r
639 if ( !data.target )
\r
642 data.target.type = this.getValue();
\r
647 id : 'linkTargetName',
\r
648 label : editor.lang.link.targetFrameName,
\r
650 setup : function( data )
\r
653 this.setValue( data.target.name );
\r
655 commit : function( data )
\r
657 if ( !data.target )
\r
660 data.target.name = this.getValue();
\r
670 id : 'popupFeatures',
\r
675 html : CKEDITOR.tools.htmlEncode( editor.lang.link.popupFeatures )
\r
684 label : editor.lang.link.popupResizable,
\r
685 setup : setupPopupParams,
\r
686 commit : commitPopupParams
\r
691 label : editor.lang.link.popupStatusBar,
\r
692 setup : setupPopupParams,
\r
693 commit : commitPopupParams
\r
705 label : editor.lang.link.popupLocationBar,
\r
706 setup : setupPopupParams,
\r
707 commit : commitPopupParams
\r
713 label : editor.lang.link.popupToolbar,
\r
714 setup : setupPopupParams,
\r
715 commit : commitPopupParams
\r
727 label : editor.lang.link.popupMenuBar,
\r
728 setup : setupPopupParams,
\r
729 commit : commitPopupParams
\r
735 label : editor.lang.link.popupFullScreen,
\r
736 setup : setupPopupParams,
\r
737 commit : commitPopupParams
\r
749 label : editor.lang.link.popupScrollBars,
\r
750 setup : setupPopupParams,
\r
751 commit : commitPopupParams
\r
757 label : editor.lang.link.popupDependent,
\r
758 setup : setupPopupParams,
\r
759 commit : commitPopupParams
\r
770 widths : [ '30%', '70%' ],
\r
771 labelLayout : 'horizontal',
\r
772 label : editor.lang.link.popupWidth,
\r
774 setup : setupPopupParams,
\r
775 commit : commitPopupParams
\r
780 labelLayout : 'horizontal',
\r
781 widths : [ '55%', '45%' ],
\r
782 label : editor.lang.link.popupLeft,
\r
784 setup : setupPopupParams,
\r
785 commit : commitPopupParams
\r
796 labelLayout : 'horizontal',
\r
797 widths : [ '30%', '70%' ],
\r
798 label : editor.lang.link.popupHeight,
\r
800 setup : setupPopupParams,
\r
801 commit : commitPopupParams
\r
806 labelLayout : 'horizontal',
\r
807 label : editor.lang.link.popupTop,
\r
808 widths : [ '55%', '45%' ],
\r
810 setup : setupPopupParams,
\r
811 commit : commitPopupParams
\r
822 label : editor.lang.link.upload,
\r
823 title : editor.lang.link.upload,
\r
825 filebrowser : 'uploadButton',
\r
831 label : editor.lang.common.upload,
\r
832 style: 'height:40px',
\r
836 type : 'fileButton',
\r
837 id : 'uploadButton',
\r
838 label : editor.lang.common.uploadSubmit,
\r
839 filebrowser : 'info:url',
\r
840 'for' : [ 'upload', 'upload' ]
\r
846 label : editor.lang.link.advanced,
\r
847 title : editor.lang.link.advanced,
\r
857 widths : [ '45%', '35%', '20%' ],
\r
863 label : editor.lang.link.id,
\r
864 setup : setupAdvParams,
\r
865 commit : commitAdvParams
\r
870 label : editor.lang.link.langDir,
\r
872 style : 'width:110px',
\r
875 [ editor.lang.link.langDirNotSet, '' ],
\r
876 [ editor.lang.link.langDirLTR, 'ltr' ],
\r
877 [ editor.lang.link.langDirRTL, 'rtl' ]
\r
879 setup : setupAdvParams,
\r
880 commit : commitAdvParams
\r
884 id : 'advAccessKey',
\r
886 label : editor.lang.link.acccessKey,
\r
888 setup : setupAdvParams,
\r
889 commit : commitAdvParams
\r
896 widths : [ '45%', '35%', '20%' ],
\r
901 label : editor.lang.link.name,
\r
903 setup : setupAdvParams,
\r
904 commit : commitAdvParams
\r
909 label : editor.lang.link.langCode,
\r
910 id : 'advLangCode',
\r
913 setup : setupAdvParams,
\r
914 commit : commitAdvParams
\r
919 label : editor.lang.link.tabIndex,
\r
920 id : 'advTabIndex',
\r
923 setup : setupAdvParams,
\r
924 commit : commitAdvParams
\r
938 widths : [ '45%', '55%' ],
\r
943 label : editor.lang.link.advisoryTitle,
\r
946 setup : setupAdvParams,
\r
947 commit : commitAdvParams
\r
952 label : editor.lang.link.advisoryContentType,
\r
954 id : 'advContentType',
\r
955 setup : setupAdvParams,
\r
956 commit : commitAdvParams
\r
963 widths : [ '45%', '55%' ],
\r
968 label : editor.lang.link.cssClasses,
\r
970 id : 'advCSSClasses',
\r
971 setup : setupAdvParams,
\r
972 commit : commitAdvParams
\r
977 label : editor.lang.link.charset,
\r
980 setup : setupAdvParams,
\r
981 commit : commitAdvParams
\r
992 label : editor.lang.link.styles,
\r
995 setup : setupAdvParams,
\r
996 commit : commitAdvParams
\r
1006 onShow : function()
\r
1008 this.fakeObj = false;
\r
1010 var editor = this.getParentEditor(),
\r
1011 selection = editor.getSelection(),
\r
1012 ranges = selection.getRanges(),
\r
1015 // Fill in all the relevant fields if there's already one link selected.
\r
1016 if ( ranges.length == 1 )
\r
1019 var rangeRoot = ranges[0].getCommonAncestor( true );
\r
1020 element = rangeRoot.getAscendant( 'a', true );
\r
1021 if ( element && element.getAttribute( 'href' ) )
\r
1023 selection.selectElement( element );
\r
1025 else if ( ( element = rangeRoot.getAscendant( 'img', true ) ) &&
\r
1026 element.getAttribute( '_cke_real_element_type' ) &&
\r
1027 element.getAttribute( '_cke_real_element_type' ) == 'anchor' )
\r
1029 this.fakeObj = element;
\r
1030 element = editor.restoreRealElement( this.fakeObj );
\r
1031 selection.selectElement( this.fakeObj );
\r
1037 this.setupContent( parseLink.apply( this, [ editor, element ] ) );
\r
1041 var attributes = { href : 'javascript:void(0)/*' + CKEDITOR.tools.getNextNumber() + '*/' },
\r
1042 removeAttributes = [],
\r
1043 data = { href : attributes.href },
\r
1044 me = this, editor = this.getParentEditor();
\r
1046 this.commitContent( data );
\r
1048 // Compose the URL.
\r
1049 switch ( data.type || 'url' )
\r
1052 var protocol = ( data.url && data.url.protocol != undefined ) ? data.url.protocol : 'http://',
\r
1053 url = ( data.url && data.url.url ) || '';
\r
1054 attributes._cke_saved_href = ( url.indexOf( '/' ) === 0 ) ? url : protocol + url;
\r
1057 var name = ( data.anchor && data.anchor.name ),
\r
1058 id = ( data.anchor && data.anchor.id );
\r
1059 attributes._cke_saved_href = '#' + ( name || id || '' );
\r
1062 var address = ( data.email && data.email.address ),
\r
1063 subject = ( data.email && encodeURIComponent( data.email.subject || '' ) ),
\r
1064 body = ( data.email && encodeURIComponent( data.email.body || '' ) ),
\r
1065 linkList = [ 'mailto:', address ];
\r
1066 if ( subject || body )
\r
1069 linkList.push( '?' );
\r
1070 subject && argList.push( 'subject=' + subject );
\r
1071 body && argList.push( 'body=' + body );
\r
1072 linkList.push( argList.join( '&' ) );
\r
1074 attributes._cke_saved_href = linkList.join( '' );
\r
1079 // Popups and target.
\r
1080 if ( data.target )
\r
1082 if ( data.target.type == 'popup' )
\r
1084 var onclickList = [ 'window.open(this.href, \'',
\r
1085 data.target.name || '', '\', \'' ];
\r
1086 var featureList = [ 'resizable', 'status', 'location', 'toolbar', 'menubar', 'fullscreen',
\r
1087 'scrollbars', 'dependent' ];
\r
1088 var featureLength = featureList.length;
\r
1089 var addFeature = function( featureName )
\r
1091 if ( data.target[ featureName ] )
\r
1092 featureList.push( featureName + '=' + data.target[ featureName ] );
\r
1095 for ( var i = 0 ; i < featureLength ; i++ )
\r
1096 featureList[i] = featureList[i] + ( data.target[ featureList[i] ] ? '=yes' : '=no' ) ;
\r
1097 addFeature( 'width' );
\r
1098 addFeature( 'left' );
\r
1099 addFeature( 'height' );
\r
1100 addFeature( 'top' );
\r
1102 onclickList.push( featureList.join( ',' ), '\'); return false;' );
\r
1103 attributes[ CKEDITOR.env.ie || CKEDITOR.env.webkit ? '_cke_pa_onclick' : 'onclick' ] = onclickList.join( '' );
\r
1107 if ( data.target.type != 'notSet' && data.target.name )
\r
1108 attributes.target = data.target.name;
\r
1110 removeAttributes.push( 'target' );
\r
1112 removeAttributes.push( '_cke_pa_onclick', 'onclick' );
\r
1116 // Advanced attributes.
\r
1119 var advAttr = function( inputName, attrName )
\r
1121 var value = data.adv[ inputName ];
\r
1123 attributes[attrName] = value;
\r
1125 removeAttributes.push( attrName );
\r
1128 if ( this._.selectedElement )
\r
1129 advAttr( 'advId', 'id' );
\r
1130 advAttr( 'advLangDir', 'dir' );
\r
1131 advAttr( 'advAccessKey', 'accessKey' );
\r
1132 advAttr( 'advName', 'name' );
\r
1133 advAttr( 'advLangCode', 'lang' );
\r
1134 advAttr( 'advTabIndex', 'tabindex' );
\r
1135 advAttr( 'advTitle', 'title' );
\r
1136 advAttr( 'advContentType', 'type' );
\r
1137 advAttr( 'advCSSClasses', 'class' );
\r
1138 advAttr( 'advCharset', 'charset' );
\r
1139 advAttr( 'advStyles', 'style' );
\r
1142 if ( !this._.selectedElement )
\r
1144 // Create element if current selection is collapsed.
\r
1145 var selection = editor.getSelection(),
\r
1146 ranges = selection.getRanges();
\r
1147 if ( ranges.length == 1 && ranges[0].collapsed )
\r
1149 var text = new CKEDITOR.dom.text( attributes._cke_saved_href, editor.document );
\r
1150 ranges[0].insertNode( text );
\r
1151 ranges[0].selectNodeContents( text );
\r
1152 selection.selectRanges( ranges );
\r
1156 var style = new CKEDITOR.style( { element : 'a', attributes : attributes } );
\r
1157 style.type = CKEDITOR.STYLE_INLINE; // need to override... dunno why.
\r
1158 style.apply( editor.document );
\r
1160 // Id. Apply only to the first link.
\r
1161 if ( data.adv && data.adv.advId )
\r
1163 var links = this.getParentEditor().document.$.getElementsByTagName( 'a' );
\r
1164 for ( i = 0 ; i < links.length ; i++ )
\r
1166 if ( links[i].href == attributes.href )
\r
1168 links[i].id = data.adv.advId;
\r
1176 // We're only editing an existing link, so just overwrite the attributes.
\r
1177 var element = this._.selectedElement;
\r
1179 // IE BUG: Setting the name attribute to an existing link doesn't work.
\r
1180 // Must re-create the link from weired syntax to workaround.
\r
1181 if ( CKEDITOR.env.ie && attributes.name != element.getAttribute( 'name' ) )
\r
1183 var newElement = new CKEDITOR.dom.element( '<a name="' + CKEDITOR.tools.htmlEncode( attributes.name ) + '">',
\r
1184 editor.document );
\r
1186 selection = editor.getSelection();
\r
1188 element.moveChildren( newElement );
\r
1189 element.copyAttributes( newElement, { name : 1 } );
\r
1190 newElement.replace( element );
\r
1191 element = newElement;
\r
1193 selection.selectElement( element );
\r
1196 element.setAttributes( attributes );
\r
1197 element.removeAttributes( removeAttributes );
\r
1199 // Make the element display as an anchor if a name has been set.
\r
1200 if ( element.getAttribute( 'name' ) )
\r
1201 element.addClass( 'cke_anchor' );
\r
1203 element.removeClass( 'cke_anchor' );
\r
1205 if ( this.fakeObj )
\r
1206 editor.createFakeElement( element, 'cke_anchor', 'anchor' ).replace( this.fakeObj );
\r
1208 delete this._.selectedElement;
\r
1211 onLoad : function()
\r
1213 if ( !editor.config.linkShowAdvancedTab )
\r
1214 this.hidePage( 'advanced' ); //Hide Advanded tab.
\r
1216 if ( !editor.config.linkShowTargetTab )
\r
1217 this.hidePage( 'target' ); //Hide Target tab.
\r