51f5623ce699bd20b8e4203659af46eff952fc9e
[ckeditor.git] / _source / plugins / link / dialogs / link.js
1 /*
2 Copyright (c) 2003-2011, CKSource - Frederico Knabben. All rights reserved.
3 For licensing, see LICENSE.html or http://ckeditor.com/license
4 */
5
6 CKEDITOR.dialog.add( 'link', function( editor )
7 {
8 var plugin = CKEDITOR.plugins.link;
9 // Handles the event when the "Target" selection box is changed.
10 var targetChanged = function()
11 {
12 var dialog = this.getDialog(),
13 popupFeatures = dialog.getContentElement( 'target', 'popupFeatures' ),
14 targetName = dialog.getContentElement( 'target', 'linkTargetName' ),
15 value = this.getValue();
16
17 if ( !popupFeatures || !targetName )
18 return;
19
20 popupFeatures = popupFeatures.getElement();
21 popupFeatures.hide();
22 targetName.setValue( '' );
23
24 switch ( value )
25 {
26 case 'frame' :
27 targetName.setLabel( editor.lang.link.targetFrameName );
28 targetName.getElement().show();
29 break;
30 case 'popup' :
31 popupFeatures.show();
32 targetName.setLabel( editor.lang.link.targetPopupName );
33 targetName.getElement().show();
34 break;
35 default :
36 targetName.setValue( value );
37 targetName.getElement().hide();
38 break;
39 }
40
41 };
42
43 // Handles the event when the "Type" selection box is changed.
44 var linkTypeChanged = function()
45 {
46 var dialog = this.getDialog(),
47 partIds = [ 'urlOptions', 'anchorOptions', 'emailOptions' ],
48 typeValue = this.getValue(),
49 uploadTab = dialog.definition.getContents( 'upload' ),
50 uploadInitiallyHidden = uploadTab && uploadTab.hidden;
51
52 if ( typeValue == 'url' )
53 {
54 if ( editor.config.linkShowTargetTab )
55 dialog.showPage( 'target' );
56 if ( !uploadInitiallyHidden )
57 dialog.showPage( 'upload' );
58 }
59 else
60 {
61 dialog.hidePage( 'target' );
62 if ( !uploadInitiallyHidden )
63 dialog.hidePage( 'upload' );
64 }
65
66 for ( var i = 0 ; i < partIds.length ; i++ )
67 {
68 var element = dialog.getContentElement( 'info', partIds[i] );
69 if ( !element )
70 continue;
71
72 element = element.getElement().getParent().getParent();
73 if ( partIds[i] == typeValue + 'Options' )
74 element.show();
75 else
76 element.hide();
77 }
78
79 dialog.layout();
80 };
81
82 // Loads the parameters in a selected link to the link dialog fields.
83 var javascriptProtocolRegex = /^javascript:/,
84 emailRegex = /^mailto:([^?]+)(?:\?(.+))?$/,
85 emailSubjectRegex = /subject=([^;?:@&=$,\/]*)/,
86 emailBodyRegex = /body=([^;?:@&=$,\/]*)/,
87 anchorRegex = /^#(.*)$/,
88 urlRegex = /^((?:http|https|ftp|news):\/\/)?(.*)$/,
89 selectableTargets = /^(_(?:self|top|parent|blank))$/,
90 encodedEmailLinkRegex = /^javascript:void\(location\.href='mailto:'\+String\.fromCharCode\(([^)]+)\)(?:\+'(.*)')?\)$/,
91 functionCallProtectedEmailLinkRegex = /^javascript:([^(]+)\(([^)]+)\)$/;
92
93 var popupRegex =
94 /\s*window.open\(\s*this\.href\s*,\s*(?:'([^']*)'|null)\s*,\s*'([^']*)'\s*\)\s*;\s*return\s*false;*\s*/;
95 var popupFeaturesRegex = /(?:^|,)([^=]+)=(\d+|yes|no)/gi;
96
97 var parseLink = function( editor, element )
98 {
99 var href = ( element && ( element.data( 'cke-saved-href' ) || element.getAttribute( 'href' ) ) ) || '',
100 javascriptMatch,
101 emailMatch,
102 anchorMatch,
103 urlMatch,
104 retval = {};
105
106 if ( ( javascriptMatch = href.match( javascriptProtocolRegex ) ) )
107 {
108 if ( emailProtection == 'encode' )
109 {
110 href = href.replace( encodedEmailLinkRegex,
111 function ( match, protectedAddress, rest )
112 {
113 return 'mailto:' +
114 String.fromCharCode.apply( String, protectedAddress.split( ',' ) ) +
115 ( rest && unescapeSingleQuote( rest ) );
116 });
117 }
118 // Protected email link as function call.
119 else if ( emailProtection )
120 {
121 href.replace( functionCallProtectedEmailLinkRegex, function( match, funcName, funcArgs )
122 {
123 if ( funcName == compiledProtectionFunction.name )
124 {
125 retval.type = 'email';
126 var email = retval.email = {};
127
128 var paramRegex = /[^,\s]+/g,
129 paramQuoteRegex = /(^')|('$)/g,
130 paramsMatch = funcArgs.match( paramRegex ),
131 paramsMatchLength = paramsMatch.length,
132 paramName,
133 paramVal;
134
135 for ( var i = 0; i < paramsMatchLength; i++ )
136 {
137 paramVal = decodeURIComponent( unescapeSingleQuote( paramsMatch[ i ].replace( paramQuoteRegex, '' ) ) );
138 paramName = compiledProtectionFunction.params[ i ].toLowerCase();
139 email[ paramName ] = paramVal;
140 }
141 email.address = [ email.name, email.domain ].join( '@' );
142 }
143 } );
144 }
145 }
146
147 if ( !retval.type )
148 {
149 if ( ( anchorMatch = href.match( anchorRegex ) ) )
150 {
151 retval.type = 'anchor';
152 retval.anchor = {};
153 retval.anchor.name = retval.anchor.id = anchorMatch[1];
154 }
155 // Protected email link as encoded string.
156 else if ( ( emailMatch = href.match( emailRegex ) ) )
157 {
158 var subjectMatch = href.match( emailSubjectRegex ),
159 bodyMatch = href.match( emailBodyRegex );
160
161 retval.type = 'email';
162 var email = ( retval.email = {} );
163 email.address = emailMatch[ 1 ];
164 subjectMatch && ( email.subject = decodeURIComponent( subjectMatch[ 1 ] ) );
165 bodyMatch && ( email.body = decodeURIComponent( bodyMatch[ 1 ] ) );
166 }
167 // urlRegex matches empty strings, so need to check for href as well.
168 else if ( href && ( urlMatch = href.match( urlRegex ) ) )
169 {
170 retval.type = 'url';
171 retval.url = {};
172 retval.url.protocol = urlMatch[1];
173 retval.url.url = urlMatch[2];
174 }
175 else
176 retval.type = 'url';
177 }
178
179 // Load target and popup settings.
180 if ( element )
181 {
182 var target = element.getAttribute( 'target' );
183 retval.target = {};
184 retval.adv = {};
185
186 // IE BUG: target attribute is an empty string instead of null in IE if it's not set.
187 if ( !target )
188 {
189 var onclick = element.data( 'cke-pa-onclick' ) || element.getAttribute( 'onclick' ),
190 onclickMatch = onclick && onclick.match( popupRegex );
191 if ( onclickMatch )
192 {
193 retval.target.type = 'popup';
194 retval.target.name = onclickMatch[1];
195
196 var featureMatch;
197 while ( ( featureMatch = popupFeaturesRegex.exec( onclickMatch[2] ) ) )
198 {
199 // Some values should remain numbers (#7300)
200 if ( ( featureMatch[2] == 'yes' || featureMatch[2] == '1' ) && !( featureMatch[1] in { height:1, width:1, top:1, left:1 } ) )
201 retval.target[ featureMatch[1] ] = true;
202 else if ( isFinite( featureMatch[2] ) )
203 retval.target[ featureMatch[1] ] = featureMatch[2];
204 }
205 }
206 }
207 else
208 {
209 var targetMatch = target.match( selectableTargets );
210 if ( targetMatch )
211 retval.target.type = retval.target.name = target;
212 else
213 {
214 retval.target.type = 'frame';
215 retval.target.name = target;
216 }
217 }
218
219 var me = this;
220 var advAttr = function( inputName, attrName )
221 {
222 var value = element.getAttribute( attrName );
223 if ( value !== null )
224 retval.adv[ inputName ] = value || '';
225 };
226 advAttr( 'advId', 'id' );
227 advAttr( 'advLangDir', 'dir' );
228 advAttr( 'advAccessKey', 'accessKey' );
229
230 retval.adv.advName =
231 element.data( 'cke-saved-name' )
232 || element.getAttribute( 'name' )
233 || '';
234 advAttr( 'advLangCode', 'lang' );
235 advAttr( 'advTabIndex', 'tabindex' );
236 advAttr( 'advTitle', 'title' );
237 advAttr( 'advContentType', 'type' );
238 CKEDITOR.plugins.link.synAnchorSelector ?
239 retval.adv.advCSSClasses = getLinkClass( element )
240 : advAttr( 'advCSSClasses', 'class' );
241 advAttr( 'advCharset', 'charset' );
242 advAttr( 'advStyles', 'style' );
243 advAttr( 'advRel', 'rel' );
244 }
245
246 // Find out whether we have any anchors in the editor.
247 var anchors = retval.anchors = [],
248 item;
249
250 // For some browsers we set contenteditable="false" on anchors, making document.anchors not to include them, so we must traverse the links manually (#7893).
251 if ( CKEDITOR.plugins.link.emptyAnchorFix )
252 {
253 var links = editor.document.getElementsByTag( 'a' );
254 for ( i = 0, count = links.count(); i < count; i++ )
255 {
256 item = links.getItem( i );
257 if ( item.data( 'cke-saved-name' ) || item.hasAttribute( 'name' ) )
258 anchors.push( { name : item.data( 'cke-saved-name' ) || item.getAttribute( 'name' ), id : item.getAttribute( 'id' ) } );
259 }
260 }
261 else
262 {
263 var anchorList = new CKEDITOR.dom.nodeList( editor.document.$.anchors );
264 for ( var i = 0, count = anchorList.count(); i < count; i++ )
265 {
266 item = anchorList.getItem( i );
267 anchors[ i ] = { name : item.getAttribute( 'name' ), id : item.getAttribute( 'id' ) };
268 }
269 }
270
271 if ( CKEDITOR.plugins.link.fakeAnchor )
272 {
273 var imgs = editor.document.getElementsByTag( 'img' );
274 for ( i = 0, count = imgs.count(); i < count; i++ )
275 {
276 if ( ( item = CKEDITOR.plugins.link.tryRestoreFakeAnchor( editor, imgs.getItem( i ) ) ) )
277 anchors.push( { name : item.getAttribute( 'name' ), id : item.getAttribute( 'id' ) } );
278 }
279 }
280
281 // Record down the selected element in the dialog.
282 this._.selectedElement = element;
283 return retval;
284 };
285
286 var setupParams = function( page, data )
287 {
288 if ( data[page] )
289 this.setValue( data[page][this.id] || '' );
290 };
291
292 var setupPopupParams = function( data )
293 {
294 return setupParams.call( this, 'target', data );
295 };
296
297 var setupAdvParams = function( data )
298 {
299 return setupParams.call( this, 'adv', data );
300 };
301
302 var commitParams = function( page, data )
303 {
304 if ( !data[page] )
305 data[page] = {};
306
307 data[page][this.id] = this.getValue() || '';
308 };
309
310 var commitPopupParams = function( data )
311 {
312 return commitParams.call( this, 'target', data );
313 };
314
315 var commitAdvParams = function( data )
316 {
317 return commitParams.call( this, 'adv', data );
318 };
319
320 function unescapeSingleQuote( str )
321 {
322 return str.replace( /\\'/g, '\'' );
323 }
324
325 function escapeSingleQuote( str )
326 {
327 return str.replace( /'/g, '\\$&' );
328 }
329
330 var emailProtection = editor.config.emailProtection || '';
331
332 // Compile the protection function pattern.
333 if ( emailProtection && emailProtection != 'encode' )
334 {
335 var compiledProtectionFunction = {};
336
337 emailProtection.replace( /^([^(]+)\(([^)]+)\)$/, function( match, funcName, params )
338 {
339 compiledProtectionFunction.name = funcName;
340 compiledProtectionFunction.params = [];
341 params.replace( /[^,\s]+/g, function( param )
342 {
343 compiledProtectionFunction.params.push( param );
344 } );
345 } );
346 }
347
348 function protectEmailLinkAsFunction( email )
349 {
350 var retval,
351 name = compiledProtectionFunction.name,
352 params = compiledProtectionFunction.params,
353 paramName,
354 paramValue;
355
356 retval = [ name, '(' ];
357 for ( var i = 0; i < params.length; i++ )
358 {
359 paramName = params[ i ].toLowerCase();
360 paramValue = email[ paramName ];
361
362 i > 0 && retval.push( ',' );
363 retval.push( '\'',
364 paramValue ?
365 escapeSingleQuote( encodeURIComponent( email[ paramName ] ) )
366 : '',
367 '\'');
368 }
369 retval.push( ')' );
370 return retval.join( '' );
371 }
372
373 function protectEmailAddressAsEncodedString( address )
374 {
375 var charCode,
376 length = address.length,
377 encodedChars = [];
378 for ( var i = 0; i < length; i++ )
379 {
380 charCode = address.charCodeAt( i );
381 encodedChars.push( charCode );
382 }
383 return 'String.fromCharCode(' + encodedChars.join( ',' ) + ')';
384 }
385
386 function getLinkClass( ele )
387 {
388 var className = ele.getAttribute( 'class' );
389 return className ? className.replace( /\s*(?:cke_anchor_empty|cke_anchor)(?:\s*$)?/g, '' ) : '';
390 }
391
392 var commonLang = editor.lang.common,
393 linkLang = editor.lang.link;
394
395 return {
396 title : linkLang.title,
397 minWidth : 350,
398 minHeight : 230,
399 contents : [
400 {
401 id : 'info',
402 label : linkLang.info,
403 title : linkLang.info,
404 elements :
405 [
406 {
407 id : 'linkType',
408 type : 'select',
409 label : linkLang.type,
410 'default' : 'url',
411 items :
412 [
413 [ linkLang.toUrl, 'url' ],
414 [ linkLang.toAnchor, 'anchor' ],
415 [ linkLang.toEmail, 'email' ]
416 ],
417 onChange : linkTypeChanged,
418 setup : function( data )
419 {
420 if ( data.type )
421 this.setValue( data.type );
422 },
423 commit : function( data )
424 {
425 data.type = this.getValue();
426 }
427 },
428 {
429 type : 'vbox',
430 id : 'urlOptions',
431 children :
432 [
433 {
434 type : 'hbox',
435 widths : [ '25%', '75%' ],
436 children :
437 [
438 {
439 id : 'protocol',
440 type : 'select',
441 label : commonLang.protocol,
442 'default' : 'http://',
443 items :
444 [
445 // Force 'ltr' for protocol names in BIDI. (#5433)
446 [ 'http://\u200E', 'http://' ],
447 [ 'https://\u200E', 'https://' ],
448 [ 'ftp://\u200E', 'ftp://' ],
449 [ 'news://\u200E', 'news://' ],
450 [ linkLang.other , '' ]
451 ],
452 setup : function( data )
453 {
454 if ( data.url )
455 this.setValue( data.url.protocol || '' );
456 },
457 commit : function( data )
458 {
459 if ( !data.url )
460 data.url = {};
461
462 data.url.protocol = this.getValue();
463 }
464 },
465 {
466 type : 'text',
467 id : 'url',
468 label : commonLang.url,
469 required: true,
470 onLoad : function ()
471 {
472 this.allowOnChange = true;
473 },
474 onKeyUp : function()
475 {
476 this.allowOnChange = false;
477 var protocolCmb = this.getDialog().getContentElement( 'info', 'protocol' ),
478 url = this.getValue(),
479 urlOnChangeProtocol = /^(http|https|ftp|news):\/\/(?=.)/i,
480 urlOnChangeTestOther = /^((javascript:)|[#\/\.\?])/i;
481
482 var protocol = urlOnChangeProtocol.exec( url );
483 if ( protocol )
484 {
485 this.setValue( url.substr( protocol[ 0 ].length ) );
486 protocolCmb.setValue( protocol[ 0 ].toLowerCase() );
487 }
488 else if ( urlOnChangeTestOther.test( url ) )
489 protocolCmb.setValue( '' );
490
491 this.allowOnChange = true;
492 },
493 onChange : function()
494 {
495 if ( this.allowOnChange ) // Dont't call on dialog load.
496 this.onKeyUp();
497 },
498 validate : function()
499 {
500 var dialog = this.getDialog();
501
502 if ( dialog.getContentElement( 'info', 'linkType' ) &&
503 dialog.getValueOf( 'info', 'linkType' ) != 'url' )
504 return true;
505
506 if ( this.getDialog().fakeObj ) // Edit Anchor.
507 return true;
508
509 var func = CKEDITOR.dialog.validate.notEmpty( linkLang.noUrl );
510 return func.apply( this );
511 },
512 setup : function( data )
513 {
514 this.allowOnChange = false;
515 if ( data.url )
516 this.setValue( data.url.url );
517 this.allowOnChange = true;
518
519 },
520 commit : function( data )
521 {
522 // IE will not trigger the onChange event if the mouse has been used
523 // to carry all the operations #4724
524 this.onChange();
525
526 if ( !data.url )
527 data.url = {};
528
529 data.url.url = this.getValue();
530 this.allowOnChange = false;
531 }
532 }
533 ],
534 setup : function( data )
535 {
536 if ( !this.getDialog().getContentElement( 'info', 'linkType' ) )
537 this.getElement().show();
538 }
539 },
540 {
541 type : 'button',
542 id : 'browse',
543 hidden : 'true',
544 filebrowser : 'info:url',
545 label : commonLang.browseServer
546 }
547 ]
548 },
549 {
550 type : 'vbox',
551 id : 'anchorOptions',
552 width : 260,
553 align : 'center',
554 padding : 0,
555 children :
556 [
557 {
558 type : 'fieldset',
559 id : 'selectAnchorText',
560 label : linkLang.selectAnchor,
561 setup : function( data )
562 {
563 if ( data.anchors.length > 0 )
564 this.getElement().show();
565 else
566 this.getElement().hide();
567 },
568 children :
569 [
570 {
571 type : 'hbox',
572 id : 'selectAnchor',
573 children :
574 [
575 {
576 type : 'select',
577 id : 'anchorName',
578 'default' : '',
579 label : linkLang.anchorName,
580 style : 'width: 100%;',
581 items :
582 [
583 [ '' ]
584 ],
585 setup : function( data )
586 {
587 this.clear();
588 this.add( '' );
589 for ( var i = 0 ; i < data.anchors.length ; i++ )
590 {
591 if ( data.anchors[i].name )
592 this.add( data.anchors[i].name );
593 }
594
595 if ( data.anchor )
596 this.setValue( data.anchor.name );
597
598 var linkType = this.getDialog().getContentElement( 'info', 'linkType' );
599 if ( linkType && linkType.getValue() == 'email' )
600 this.focus();
601 },
602 commit : function( data )
603 {
604 if ( !data.anchor )
605 data.anchor = {};
606
607 data.anchor.name = this.getValue();
608 }
609 },
610 {
611 type : 'select',
612 id : 'anchorId',
613 'default' : '',
614 label : linkLang.anchorId,
615 style : 'width: 100%;',
616 items :
617 [
618 [ '' ]
619 ],
620 setup : function( data )
621 {
622 this.clear();
623 this.add( '' );
624 for ( var i = 0 ; i < data.anchors.length ; i++ )
625 {
626 if ( data.anchors[i].id )
627 this.add( data.anchors[i].id );
628 }
629
630 if ( data.anchor )
631 this.setValue( data.anchor.id );
632 },
633 commit : function( data )
634 {
635 if ( !data.anchor )
636 data.anchor = {};
637
638 data.anchor.id = this.getValue();
639 }
640 }
641 ],
642 setup : function( data )
643 {
644 if ( data.anchors.length > 0 )
645 this.getElement().show();
646 else
647 this.getElement().hide();
648 }
649 }
650 ]
651 },
652 {
653 type : 'html',
654 id : 'noAnchors',
655 style : 'text-align: center;',
656 html : '<div role="label" tabIndex="-1">' + CKEDITOR.tools.htmlEncode( linkLang.noAnchors ) + '</div>',
657 // Focus the first element defined in above html.
658 focus : true,
659 setup : function( data )
660 {
661 if ( data.anchors.length < 1 )
662 this.getElement().show();
663 else
664 this.getElement().hide();
665 }
666 }
667 ],
668 setup : function( data )
669 {
670 if ( !this.getDialog().getContentElement( 'info', 'linkType' ) )
671 this.getElement().hide();
672 }
673 },
674 {
675 type : 'vbox',
676 id : 'emailOptions',
677 padding : 1,
678 children :
679 [
680 {
681 type : 'text',
682 id : 'emailAddress',
683 label : linkLang.emailAddress,
684 required : true,
685 validate : function()
686 {
687 var dialog = this.getDialog();
688
689 if ( !dialog.getContentElement( 'info', 'linkType' ) ||
690 dialog.getValueOf( 'info', 'linkType' ) != 'email' )
691 return true;
692
693 var func = CKEDITOR.dialog.validate.notEmpty( linkLang.noEmail );
694 return func.apply( this );
695 },
696 setup : function( data )
697 {
698 if ( data.email )
699 this.setValue( data.email.address );
700
701 var linkType = this.getDialog().getContentElement( 'info', 'linkType' );
702 if ( linkType && linkType.getValue() == 'email' )
703 this.select();
704 },
705 commit : function( data )
706 {
707 if ( !data.email )
708 data.email = {};
709
710 data.email.address = this.getValue();
711 }
712 },
713 {
714 type : 'text',
715 id : 'emailSubject',
716 label : linkLang.emailSubject,
717 setup : function( data )
718 {
719 if ( data.email )
720 this.setValue( data.email.subject );
721 },
722 commit : function( data )
723 {
724 if ( !data.email )
725 data.email = {};
726
727 data.email.subject = this.getValue();
728 }
729 },
730 {
731 type : 'textarea',
732 id : 'emailBody',
733 label : linkLang.emailBody,
734 rows : 3,
735 'default' : '',
736 setup : function( data )
737 {
738 if ( data.email )
739 this.setValue( data.email.body );
740 },
741 commit : function( data )
742 {
743 if ( !data.email )
744 data.email = {};
745
746 data.email.body = this.getValue();
747 }
748 }
749 ],
750 setup : function( data )
751 {
752 if ( !this.getDialog().getContentElement( 'info', 'linkType' ) )
753 this.getElement().hide();
754 }
755 }
756 ]
757 },
758 {
759 id : 'target',
760 label : linkLang.target,
761 title : linkLang.target,
762 elements :
763 [
764 {
765 type : 'hbox',
766 widths : [ '50%', '50%' ],
767 children :
768 [
769 {
770 type : 'select',
771 id : 'linkTargetType',
772 label : commonLang.target,
773 'default' : 'notSet',
774 style : 'width : 100%;',
775 'items' :
776 [
777 [ commonLang.notSet, 'notSet' ],
778 [ linkLang.targetFrame, 'frame' ],
779 [ linkLang.targetPopup, 'popup' ],
780 [ commonLang.targetNew, '_blank' ],
781 [ commonLang.targetTop, '_top' ],
782 [ commonLang.targetSelf, '_self' ],
783 [ commonLang.targetParent, '_parent' ]
784 ],
785 onChange : targetChanged,
786 setup : function( data )
787 {
788 if ( data.target )
789 this.setValue( data.target.type || 'notSet' );
790 targetChanged.call( this );
791 },
792 commit : function( data )
793 {
794 if ( !data.target )
795 data.target = {};
796
797 data.target.type = this.getValue();
798 }
799 },
800 {
801 type : 'text',
802 id : 'linkTargetName',
803 label : linkLang.targetFrameName,
804 'default' : '',
805 setup : function( data )
806 {
807 if ( data.target )
808 this.setValue( data.target.name );
809 },
810 commit : function( data )
811 {
812 if ( !data.target )
813 data.target = {};
814
815 data.target.name = this.getValue().replace(/\W/gi, '');
816 }
817 }
818 ]
819 },
820 {
821 type : 'vbox',
822 width : '100%',
823 align : 'center',
824 padding : 2,
825 id : 'popupFeatures',
826 children :
827 [
828 {
829 type : 'fieldset',
830 label : linkLang.popupFeatures,
831 children :
832 [
833 {
834 type : 'hbox',
835 children :
836 [
837 {
838 type : 'checkbox',
839 id : 'resizable',
840 label : linkLang.popupResizable,
841 setup : setupPopupParams,
842 commit : commitPopupParams
843 },
844 {
845 type : 'checkbox',
846 id : 'status',
847 label : linkLang.popupStatusBar,
848 setup : setupPopupParams,
849 commit : commitPopupParams
850
851 }
852 ]
853 },
854 {
855 type : 'hbox',
856 children :
857 [
858 {
859 type : 'checkbox',
860 id : 'location',
861 label : linkLang.popupLocationBar,
862 setup : setupPopupParams,
863 commit : commitPopupParams
864
865 },
866 {
867 type : 'checkbox',
868 id : 'toolbar',
869 label : linkLang.popupToolbar,
870 setup : setupPopupParams,
871 commit : commitPopupParams
872
873 }
874 ]
875 },
876 {
877 type : 'hbox',
878 children :
879 [
880 {
881 type : 'checkbox',
882 id : 'menubar',
883 label : linkLang.popupMenuBar,
884 setup : setupPopupParams,
885 commit : commitPopupParams
886
887 },
888 {
889 type : 'checkbox',
890 id : 'fullscreen',
891 label : linkLang.popupFullScreen,
892 setup : setupPopupParams,
893 commit : commitPopupParams
894
895 }
896 ]
897 },
898 {
899 type : 'hbox',
900 children :
901 [
902 {
903 type : 'checkbox',
904 id : 'scrollbars',
905 label : linkLang.popupScrollBars,
906 setup : setupPopupParams,
907 commit : commitPopupParams
908
909 },
910 {
911 type : 'checkbox',
912 id : 'dependent',
913 label : linkLang.popupDependent,
914 setup : setupPopupParams,
915 commit : commitPopupParams
916
917 }
918 ]
919 },
920 {
921 type : 'hbox',
922 children :
923 [
924 {
925 type : 'text',
926 widths : [ '50%', '50%' ],
927 labelLayout : 'horizontal',
928 label : commonLang.width,
929 id : 'width',
930 setup : setupPopupParams,
931 commit : commitPopupParams
932
933 },
934 {
935 type : 'text',
936 labelLayout : 'horizontal',
937 widths : [ '50%', '50%' ],
938 label : linkLang.popupLeft,
939 id : 'left',
940 setup : setupPopupParams,
941 commit : commitPopupParams
942
943 }
944 ]
945 },
946 {
947 type : 'hbox',
948 children :
949 [
950 {
951 type : 'text',
952 labelLayout : 'horizontal',
953 widths : [ '50%', '50%' ],
954 label : commonLang.height,
955 id : 'height',
956 setup : setupPopupParams,
957 commit : commitPopupParams
958
959 },
960 {
961 type : 'text',
962 labelLayout : 'horizontal',
963 label : linkLang.popupTop,
964 widths : [ '50%', '50%' ],
965 id : 'top',
966 setup : setupPopupParams,
967 commit : commitPopupParams
968
969 }
970 ]
971 }
972 ]
973 }
974 ]
975 }
976 ]
977 },
978 {
979 id : 'upload',
980 label : linkLang.upload,
981 title : linkLang.upload,
982 hidden : true,
983 filebrowser : 'uploadButton',
984 elements :
985 [
986 {
987 type : 'file',
988 id : 'upload',
989 label : commonLang.upload,
990 style: 'height:40px',
991 size : 29
992 },
993 {
994 type : 'fileButton',
995 id : 'uploadButton',
996 label : commonLang.uploadSubmit,
997 filebrowser : 'info:url',
998 'for' : [ 'upload', 'upload' ]
999 }
1000 ]
1001 },
1002 {
1003 id : 'advanced',
1004 label : linkLang.advanced,
1005 title : linkLang.advanced,
1006 elements :
1007 [
1008 {
1009 type : 'vbox',
1010 padding : 1,
1011 children :
1012 [
1013 {
1014 type : 'hbox',
1015 widths : [ '45%', '35%', '20%' ],
1016 children :
1017 [
1018 {
1019 type : 'text',
1020 id : 'advId',
1021 label : linkLang.id,
1022 setup : setupAdvParams,
1023 commit : commitAdvParams
1024 },
1025 {
1026 type : 'select',
1027 id : 'advLangDir',
1028 label : linkLang.langDir,
1029 'default' : '',
1030 style : 'width:110px',
1031 items :
1032 [
1033 [ commonLang.notSet, '' ],
1034 [ linkLang.langDirLTR, 'ltr' ],
1035 [ linkLang.langDirRTL, 'rtl' ]
1036 ],
1037 setup : setupAdvParams,
1038 commit : commitAdvParams
1039 },
1040 {
1041 type : 'text',
1042 id : 'advAccessKey',
1043 width : '80px',
1044 label : linkLang.acccessKey,
1045 maxLength : 1,
1046 setup : setupAdvParams,
1047 commit : commitAdvParams
1048
1049 }
1050 ]
1051 },
1052 {
1053 type : 'hbox',
1054 widths : [ '45%', '35%', '20%' ],
1055 children :
1056 [
1057 {
1058 type : 'text',
1059 label : linkLang.name,
1060 id : 'advName',
1061 setup : setupAdvParams,
1062 commit : commitAdvParams
1063
1064 },
1065 {
1066 type : 'text',
1067 label : linkLang.langCode,
1068 id : 'advLangCode',
1069 width : '110px',
1070 'default' : '',
1071 setup : setupAdvParams,
1072 commit : commitAdvParams
1073
1074 },
1075 {
1076 type : 'text',
1077 label : linkLang.tabIndex,
1078 id : 'advTabIndex',
1079 width : '80px',
1080 maxLength : 5,
1081 setup : setupAdvParams,
1082 commit : commitAdvParams
1083
1084 }
1085 ]
1086 }
1087 ]
1088 },
1089 {
1090 type : 'vbox',
1091 padding : 1,
1092 children :
1093 [
1094 {
1095 type : 'hbox',
1096 widths : [ '45%', '55%' ],
1097 children :
1098 [
1099 {
1100 type : 'text',
1101 label : linkLang.advisoryTitle,
1102 'default' : '',
1103 id : 'advTitle',
1104 setup : setupAdvParams,
1105 commit : commitAdvParams
1106
1107 },
1108 {
1109 type : 'text',
1110 label : linkLang.advisoryContentType,
1111 'default' : '',
1112 id : 'advContentType',
1113 setup : setupAdvParams,
1114 commit : commitAdvParams
1115
1116 }
1117 ]
1118 },
1119 {
1120 type : 'hbox',
1121 widths : [ '45%', '55%' ],
1122 children :
1123 [
1124 {
1125 type : 'text',
1126 label : linkLang.cssClasses,
1127 'default' : '',
1128 id : 'advCSSClasses',
1129 setup : setupAdvParams,
1130 commit : commitAdvParams
1131
1132 },
1133 {
1134 type : 'text',
1135 label : linkLang.charset,
1136 'default' : '',
1137 id : 'advCharset',
1138 setup : setupAdvParams,
1139 commit : commitAdvParams
1140
1141 }
1142 ]
1143 },
1144 {
1145 type : 'hbox',
1146 widths : [ '45%', '55%' ],
1147 children :
1148 [
1149 {
1150 type : 'text',
1151 label : linkLang.rel,
1152 'default' : '',
1153 id : 'advRel',
1154 setup : setupAdvParams,
1155 commit : commitAdvParams
1156 },
1157 {
1158 type : 'text',
1159 label : linkLang.styles,
1160 'default' : '',
1161 id : 'advStyles',
1162 setup : setupAdvParams,
1163 commit : commitAdvParams
1164 }
1165 ]
1166 }
1167 ]
1168 }
1169 ]
1170 }
1171 ],
1172 onShow : function()
1173 {
1174 var editor = this.getParentEditor(),
1175 selection = editor.getSelection(),
1176 element = null;
1177
1178 // Fill in all the relevant fields if there's already one link selected.
1179 if ( ( element = plugin.getSelectedLink( editor ) ) && element.hasAttribute( 'href' ) )
1180 selection.selectElement( element );
1181 else
1182 element = null;
1183
1184 this.setupContent( parseLink.apply( this, [ editor, element ] ) );
1185 },
1186 onOk : function()
1187 {
1188 var attributes = {},
1189 removeAttributes = [],
1190 data = {},
1191 me = this,
1192 editor = this.getParentEditor();
1193
1194 this.commitContent( data );
1195
1196 // Compose the URL.
1197 switch ( data.type || 'url' )
1198 {
1199 case 'url':
1200 var protocol = ( data.url && data.url.protocol != undefined ) ? data.url.protocol : 'http://',
1201 url = ( data.url && CKEDITOR.tools.trim( data.url.url ) ) || '';
1202 attributes[ 'data-cke-saved-href' ] = ( url.indexOf( '/' ) === 0 ) ? url : protocol + url;
1203 break;
1204 case 'anchor':
1205 var name = ( data.anchor && data.anchor.name ),
1206 id = ( data.anchor && data.anchor.id );
1207 attributes[ 'data-cke-saved-href' ] = '#' + ( name || id || '' );
1208 break;
1209 case 'email':
1210
1211 var linkHref,
1212 email = data.email,
1213 address = email.address;
1214
1215 switch( emailProtection )
1216 {
1217 case '' :
1218 case 'encode' :
1219 {
1220 var subject = encodeURIComponent( email.subject || '' ),
1221 body = encodeURIComponent( email.body || '' );
1222
1223 // Build the e-mail parameters first.
1224 var argList = [];
1225 subject && argList.push( 'subject=' + subject );
1226 body && argList.push( 'body=' + body );
1227 argList = argList.length ? '?' + argList.join( '&' ) : '';
1228
1229 if ( emailProtection == 'encode' )
1230 {
1231 linkHref = [ 'javascript:void(location.href=\'mailto:\'+',
1232 protectEmailAddressAsEncodedString( address ) ];
1233 // parameters are optional.
1234 argList && linkHref.push( '+\'', escapeSingleQuote( argList ), '\'' );
1235
1236 linkHref.push( ')' );
1237 }
1238 else
1239 linkHref = [ 'mailto:', address, argList ];
1240
1241 break;
1242 }
1243 default :
1244 {
1245 // Separating name and domain.
1246 var nameAndDomain = address.split( '@', 2 );
1247 email.name = nameAndDomain[ 0 ];
1248 email.domain = nameAndDomain[ 1 ];
1249
1250 linkHref = [ 'javascript:', protectEmailLinkAsFunction( email ) ];
1251 }
1252 }
1253
1254 attributes[ 'data-cke-saved-href' ] = linkHref.join( '' );
1255 break;
1256 }
1257
1258 // Popups and target.
1259 if ( data.target )
1260 {
1261 if ( data.target.type == 'popup' )
1262 {
1263 var onclickList = [ 'window.open(this.href, \'',
1264 data.target.name || '', '\', \'' ];
1265 var featureList = [ 'resizable', 'status', 'location', 'toolbar', 'menubar', 'fullscreen',
1266 'scrollbars', 'dependent' ];
1267 var featureLength = featureList.length;
1268 var addFeature = function( featureName )
1269 {
1270 if ( data.target[ featureName ] )
1271 featureList.push( featureName + '=' + data.target[ featureName ] );
1272 };
1273
1274 for ( var i = 0 ; i < featureLength ; i++ )
1275 featureList[i] = featureList[i] + ( data.target[ featureList[i] ] ? '=yes' : '=no' ) ;
1276 addFeature( 'width' );
1277 addFeature( 'left' );
1278 addFeature( 'height' );
1279 addFeature( 'top' );
1280
1281 onclickList.push( featureList.join( ',' ), '\'); return false;' );
1282 attributes[ 'data-cke-pa-onclick' ] = onclickList.join( '' );
1283
1284 // Add the "target" attribute. (#5074)
1285 removeAttributes.push( 'target' );
1286 }
1287 else
1288 {
1289 if ( data.target.type != 'notSet' && data.target.name )
1290 attributes.target = data.target.name;
1291 else
1292 removeAttributes.push( 'target' );
1293
1294 removeAttributes.push( 'data-cke-pa-onclick', 'onclick' );
1295 }
1296 }
1297
1298 // Advanced attributes.
1299 if ( data.adv )
1300 {
1301 var advAttr = function( inputName, attrName )
1302 {
1303 var value = data.adv[ inputName ];
1304 if ( value )
1305 attributes[attrName] = value;
1306 else
1307 removeAttributes.push( attrName );
1308 };
1309
1310 advAttr( 'advId', 'id' );
1311 advAttr( 'advLangDir', 'dir' );
1312 advAttr( 'advAccessKey', 'accessKey' );
1313
1314 if ( data.adv[ 'advName' ] )
1315 attributes[ 'name' ] = attributes[ 'data-cke-saved-name' ] = data.adv[ 'advName' ];
1316 else
1317 removeAttributes = removeAttributes.concat( [ 'data-cke-saved-name', 'name' ] );
1318
1319 advAttr( 'advLangCode', 'lang' );
1320 advAttr( 'advTabIndex', 'tabindex' );
1321 advAttr( 'advTitle', 'title' );
1322 advAttr( 'advContentType', 'type' );
1323 advAttr( 'advCSSClasses', 'class' );
1324 advAttr( 'advCharset', 'charset' );
1325 advAttr( 'advStyles', 'style' );
1326 advAttr( 'advRel', 'rel' );
1327 }
1328
1329
1330 // Browser need the "href" fro copy/paste link to work. (#6641)
1331 attributes.href = attributes[ 'data-cke-saved-href' ];
1332
1333 if ( !this._.selectedElement )
1334 {
1335 // Create element if current selection is collapsed.
1336 var selection = editor.getSelection(),
1337 ranges = selection.getRanges( true );
1338 if ( ranges.length == 1 && ranges[0].collapsed )
1339 {
1340 // Short mailto link text view (#5736).
1341 var text = new CKEDITOR.dom.text( data.type == 'email' ?
1342 data.email.address : attributes[ 'data-cke-saved-href' ], editor.document );
1343 ranges[0].insertNode( text );
1344 ranges[0].selectNodeContents( text );
1345 selection.selectRanges( ranges );
1346 }
1347
1348 // Apply style.
1349 var style = new CKEDITOR.style( { element : 'a', attributes : attributes } );
1350 style.type = CKEDITOR.STYLE_INLINE; // need to override... dunno why.
1351 style.apply( editor.document );
1352 }
1353 else
1354 {
1355 // We're only editing an existing link, so just overwrite the attributes.
1356 var element = this._.selectedElement,
1357 href = element.data( 'cke-saved-href' ),
1358 textView = element.getHtml();
1359
1360 element.setAttributes( attributes );
1361 element.removeAttributes( removeAttributes );
1362
1363 if ( data.adv && data.adv.advName && CKEDITOR.plugins.link.synAnchorSelector )
1364 element.addClass( element.getChildCount() ? 'cke_anchor' : 'cke_anchor_empty' );
1365
1366 // Update text view when user changes protocol (#4612).
1367 if ( href == textView || data.type == 'email' && textView.indexOf( '@' ) != -1 )
1368 {
1369 // Short mailto link text view (#5736).
1370 element.setHtml( data.type == 'email' ?
1371 data.email.address : attributes[ 'data-cke-saved-href' ] );
1372 }
1373
1374 delete this._.selectedElement;
1375 }
1376 },
1377 onLoad : function()
1378 {
1379 if ( !editor.config.linkShowAdvancedTab )
1380 this.hidePage( 'advanced' ); //Hide Advanded tab.
1381
1382 if ( !editor.config.linkShowTargetTab )
1383 this.hidePage( 'target' ); //Hide Target tab.
1384
1385 },
1386 // Inital focus on 'url' field if link is of type URL.
1387 onFocus : function()
1388 {
1389 var linkType = this.getContentElement( 'info', 'linkType' ),
1390 urlField;
1391 if ( linkType && linkType.getValue() == 'url' )
1392 {
1393 urlField = this.getContentElement( 'info', 'url' );
1394 urlField.select();
1395 }
1396 }
1397 };
1398 });
1399
1400 /**
1401 * The e-mail address anti-spam protection option. The protection will be
1402 * applied when creating or modifying e-mail links through the editor interface.<br>
1403 * Two methods of protection can be choosed:
1404 * <ol> <li>The e-mail parts (name, domain and any other query string) are
1405 * assembled into a function call pattern. Such function must be
1406 * provided by the developer in the pages that will use the contents.
1407 * <li>Only the e-mail address is obfuscated into a special string that
1408 * has no meaning for humans or spam bots, but which is properly
1409 * rendered and accepted by the browser.</li></ol>
1410 * Both approaches require JavaScript to be enabled.
1411 * @name CKEDITOR.config.emailProtection
1412 * @since 3.1
1413 * @type String
1414 * @default '' (empty string = disabled)
1415 * @example
1416 * // href="mailto:tester@ckeditor.com?subject=subject&body=body"
1417 * config.emailProtection = '';
1418 * @example
1419 * // 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>"
1420 * config.emailProtection = 'encode';
1421 * @example
1422 * // href="javascript:mt('tester','ckeditor.com','subject','body')"
1423 * config.emailProtection = 'mt(NAME,DOMAIN,SUBJECT,BODY)';
1424 */