JasonWoof Got questions, comments, patches, etc.? Contact Jason Woofenden
vanilla ckeditor-3.0
[ckeditor.git] / _source / plugins / link / dialogs / link.js
1 /*\r
2 Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved.\r
3 For licensing, see LICENSE.html or http://ckeditor.com/license\r
4 */\r
5 \r
6 CKEDITOR.dialog.add( 'link', function( editor )\r
7 {\r
8         // Handles the event when the "Target" selection box is changed.\r
9         var targetChanged = function()\r
10         {\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
15 \r
16                 if ( !popupFeatures || !targetName )\r
17                         return;\r
18 \r
19                 popupFeatures = popupFeatures.getElement();\r
20 \r
21                 if ( value == 'popup' )\r
22                 {\r
23                         popupFeatures.show();\r
24                         targetName.setLabel( editor.lang.link.targetPopupName );\r
25                 }\r
26                 else\r
27                 {\r
28                         popupFeatures.hide();\r
29                         targetName.setLabel( editor.lang.link.targetFrameName );\r
30                         this.getDialog().setValueOf( 'target', 'linkTargetName', value.charAt( 0 ) == '_' ? value : '' );\r
31                 }\r
32         };\r
33 \r
34         // Handles the event when the "Type" selection box is changed.\r
35         var linkTypeChanged = function()\r
36         {\r
37                 var dialog = this.getDialog(),\r
38                         partIds = [ 'urlOptions', 'anchorOptions', 'emailOptions' ],\r
39                         typeValue = this.getValue(),\r
40                         uploadInitiallyHidden = dialog.definition.getContents( 'upload' ).hidden;\r
41 \r
42                 if ( typeValue == 'url' )\r
43                 {\r
44                         if ( editor.config.linkShowTargetTab )\r
45                                 dialog.showPage( 'target' );\r
46                         if ( !uploadInitiallyHidden )\r
47                                 dialog.showPage( 'upload' );\r
48                 }\r
49                 else\r
50                 {\r
51                         dialog.hidePage( 'target' );\r
52                         if ( !uploadInitiallyHidden )\r
53                                 dialog.hidePage( 'upload' );\r
54                 }\r
55 \r
56                 for ( var i = 0 ; i < partIds.length ; i++ )\r
57                 {\r
58                         var element = dialog.getContentElement( 'info', partIds[i] );\r
59                         if ( !element )\r
60                                 continue;\r
61 \r
62                         element = element.getElement().getParent().getParent();\r
63                         if ( partIds[i] == typeValue + 'Options' )\r
64                                 element.show();\r
65                         else\r
66                                 element.hide();\r
67                 }\r
68         };\r
69 \r
70         // Loads the parameters in a selected link to the link dialog fields.\r
71         var emailRegex = /^mailto:([^?]+)(?:\?(.+))?$/,\r
72                 emailSubjectRegex = /subject=([^;?:@&=$,\/]*)/,\r
73                 emailBodyRegex = /body=([^;?:@&=$,\/]*)/,\r
74                 anchorRegex = /^#(.*)$/,\r
75                 urlRegex = /^((?:http|https|ftp|news):\/\/)?(.*)$/,\r
76                 selectableTargets = /^(_(?:self|top|parent|blank))$/;\r
77 \r
78         var popupRegex =\r
79                 /\s*window.open\(\s*this\.href\s*,\s*(?:'([^']*)'|null)\s*,\s*'([^']*)'\s*\)\s*;\s*return\s*false;*\s*/;\r
80         var popupFeaturesRegex = /(?:^|,)([^=]+)=(\d+|yes|no)/gi;\r
81 \r
82         var parseLink = function( editor, element )\r
83         {\r
84                 var href = element ? ( element.getAttribute( '_cke_saved_href' ) || element.getAttribute( 'href' ) ) : '',\r
85                         emailMatch = '',\r
86                         anchorMatch = '',\r
87                         urlMatch = false,\r
88                         retval = {};\r
89 \r
90                 if ( href )\r
91                 {\r
92                         emailMatch = href.match( emailRegex );\r
93                         anchorMatch = href.match( anchorRegex );\r
94                         urlMatch = href.match( urlRegex );\r
95                 }\r
96 \r
97                 // Load the link type and URL.\r
98                 if ( emailMatch )\r
99                 {\r
100                         var subjectMatch = href.match( emailSubjectRegex ),\r
101                                 bodyMatch = href.match( emailBodyRegex );\r
102                         retval.type = 'email';\r
103                         retval.email = {};\r
104                         retval.email.address = emailMatch[1];\r
105                         subjectMatch && ( retval.email.subject = decodeURIComponent( subjectMatch[1] ) );\r
106                         bodyMatch && ( retval.email.body = decodeURIComponent( bodyMatch[1] ) );\r
107                 }\r
108                 else if ( anchorMatch )\r
109                 {\r
110                         retval.type = 'anchor';\r
111                         retval.anchor = {};\r
112                         retval.anchor.name = retval.anchor.id = anchorMatch[1];\r
113                 }\r
114                 else if ( href && urlMatch )            // urlRegex matches empty strings, so need to check for href as well.\r
115                 {\r
116                         retval.type = 'url';\r
117                         retval.url = {};\r
118                         retval.url.protocol = urlMatch[1];\r
119                         retval.url.url = urlMatch[2];\r
120                 }\r
121                 else\r
122                         retval.type = 'url';\r
123 \r
124                 // Load target and popup settings.\r
125                 if ( element )\r
126                 {\r
127                         var target = element.getAttribute( 'target' );\r
128                         retval.target = {};\r
129                         retval.adv = {};\r
130 \r
131                         // IE BUG: target attribute is an empty string instead of null in IE if it's not set.\r
132                         if ( !target )\r
133                         {\r
134                                 var onclick = element.getAttribute( '_cke_pa_onclick' ) || element.getAttribute( 'onclick' ),\r
135                                         onclickMatch = onclick && onclick.match( popupRegex );\r
136                                 if ( onclickMatch )\r
137                                 {\r
138                                         retval.target.type = 'popup';\r
139                                         retval.target.name = onclickMatch[1];\r
140 \r
141                                         var featureMatch;\r
142                                         while ( ( featureMatch = popupFeaturesRegex.exec( onclickMatch[2] ) ) )\r
143                                         {\r
144                                                 if ( featureMatch[2] == 'yes' || featureMatch[2] == '1' )\r
145                                                         retval.target[ featureMatch[1] ] = true;\r
146                                                 else if ( isFinite( featureMatch[2] ) )\r
147                                                         retval.target[ featureMatch[1] ] = featureMatch[2];\r
148                                         }\r
149                                 }\r
150                         }\r
151                         else\r
152                         {\r
153                                 var targetMatch = target.match( selectableTargets );\r
154                                 if ( targetMatch )\r
155                                         retval.target.type = retval.target.name = target;\r
156                                 else\r
157                                 {\r
158                                         retval.target.type = 'frame';\r
159                                         retval.target.name = target;\r
160                                 }\r
161                         }\r
162 \r
163                         var me = this;\r
164                         var advAttr = function( inputName, attrName )\r
165                         {\r
166                                 var value = element.getAttribute( attrName );\r
167                                 if ( value !== null )\r
168                                         retval.adv[ inputName ] = value || '';\r
169                         };\r
170                         advAttr( 'advId', 'id' );\r
171                         advAttr( 'advLangDir', 'dir' );\r
172                         advAttr( 'advAccessKey', 'accessKey' );\r
173                         advAttr( 'advName', 'name' );\r
174                         advAttr( 'advLangCode', 'lang' );\r
175                         advAttr( 'advTabIndex', 'tabindex' );\r
176                         advAttr( 'advTitle', 'title' );\r
177                         advAttr( 'advContentType', 'type' );\r
178                         advAttr( 'advCSSClasses', 'class' );\r
179                         advAttr( 'advCharset', 'charset' );\r
180                         advAttr( 'advStyles', 'style' );\r
181                 }\r
182 \r
183                 // Find out whether we have any anchors in the editor.\r
184                 // Get all IMG elements in CK document.\r
185                 var elements = editor.document.getElementsByTag( 'img' ),\r
186                         realAnchors = new CKEDITOR.dom.nodeList( editor.document.$.anchors ),\r
187                         anchors = retval.anchors = [];\r
188 \r
189                 for( var i = 0; i < elements.count() ; i++ )\r
190                 {\r
191                         var item = elements.getItem( i );\r
192                         if ( item.getAttribute( '_cke_realelement' ) && item.getAttribute( '_cke_real_element_type' ) == 'anchor' )\r
193                         {\r
194                                 anchors.push( editor.restoreRealElement( item ) );\r
195                         }\r
196                 }\r
197 \r
198                 for ( i = 0 ; i < realAnchors.count() ; i++ )\r
199                         anchors.push( realAnchors.getItem( i ) );\r
200 \r
201                 for ( i = 0 ; i < anchors.length ; i++ )\r
202                 {\r
203                         item = anchors[ i ];\r
204                         anchors[ i ] = { name : item.getAttribute( 'name' ), id : item.getAttribute( 'id' ) };\r
205                 }\r
206 \r
207                 // Record down the selected element in the dialog.\r
208                 this._.selectedElement = element;\r
209 \r
210                 return retval;\r
211         };\r
212 \r
213         var setupParams = function( page, data )\r
214         {\r
215                 if ( data[page] )\r
216                         this.setValue( data[page][this.id] || '' );\r
217         };\r
218 \r
219         var setupPopupParams = function( data )\r
220         {\r
221                 return setupParams.call( this, 'target', data );\r
222         };\r
223 \r
224         var setupAdvParams = function( data )\r
225         {\r
226                 return setupParams.call( this, 'adv', data );\r
227         };\r
228 \r
229         var commitParams = function( page, data )\r
230         {\r
231                 if ( !data[page] )\r
232                         data[page] = {};\r
233 \r
234                 data[page][this.id] = this.getValue() || '';\r
235         };\r
236 \r
237         var commitPopupParams = function( data )\r
238         {\r
239                 return commitParams.call( this, 'target', data );\r
240         };\r
241 \r
242         var commitAdvParams = function( data )\r
243         {\r
244                 return commitParams.call( this, 'adv', data );\r
245         };\r
246 \r
247         return {\r
248                 title : editor.lang.link.title,\r
249                 minWidth : 350,\r
250                 minHeight : 230,\r
251                 contents : [\r
252                         {\r
253                                 id : 'info',\r
254                                 label : editor.lang.link.info,\r
255                                 title : editor.lang.link.info,\r
256                                 elements :\r
257                                 [\r
258                                         {\r
259                                                 id : 'linkType',\r
260                                                 type : 'select',\r
261                                                 label : editor.lang.link.type,\r
262                                                 'default' : 'url',\r
263                                                 items :\r
264                                                 [\r
265                                                         [ editor.lang.common.url, 'url' ],\r
266                                                         [ editor.lang.link.toAnchor, 'anchor' ],\r
267                                                         [ editor.lang.link.toEmail, 'email' ]\r
268                                                 ],\r
269                                                 onChange : linkTypeChanged,\r
270                                                 setup : function( data )\r
271                                                 {\r
272                                                         if ( data.type )\r
273                                                                 this.setValue( data.type );\r
274                                                 },\r
275                                                 commit : function( data )\r
276                                                 {\r
277                                                         data.type = this.getValue();\r
278                                                 }\r
279                                         },\r
280                                         {\r
281                                                 type : 'vbox',\r
282                                                 id : 'urlOptions',\r
283                                                 children :\r
284                                                 [\r
285                                                         {\r
286                                                                 type : 'hbox',\r
287                                                                 widths : [ '25%', '75%' ],\r
288                                                                 children :\r
289                                                                 [\r
290                                                                         {\r
291                                                                                 id : 'protocol',\r
292                                                                                 type : 'select',\r
293                                                                                 label : editor.lang.common.protocol,\r
294                                                                                 'default' : 'http://',\r
295                                                                                 style : 'width : 100%;',\r
296                                                                                 items :\r
297                                                                                 [\r
298                                                                                         [ 'http://' ],\r
299                                                                                         [ 'https://' ],\r
300                                                                                         [ 'ftp://' ],\r
301                                                                                         [ 'news://' ],\r
302                                                                                         [ '<other>', '' ]\r
303                                                                                 ],\r
304                                                                                 setup : function( data )\r
305                                                                                 {\r
306                                                                                         if ( data.url )\r
307                                                                                                 this.setValue( data.url.protocol );\r
308                                                                                 },\r
309                                                                                 commit : function( data )\r
310                                                                                 {\r
311                                                                                         if ( !data.url )\r
312                                                                                                 data.url = {};\r
313 \r
314                                                                                         data.url.protocol = this.getValue();\r
315                                                                                 }\r
316                                                                         },\r
317                                                                         {\r
318                                                                                 type : 'text',\r
319                                                                                 id : 'url',\r
320                                                                                 label : editor.lang.common.url,\r
321                                                                                 onLoad : function ()\r
322                                                                                 {\r
323                                                                                         this.allowOnChange = true;\r
324                                                                                 },\r
325                                                                                 onKeyUp : function()\r
326                                                                                 {\r
327                                                                                         this.allowOnChange = false;\r
328                                                                                         var     protocolCmb = this.getDialog().getContentElement( 'info', 'protocol' ),\r
329                                                                                                 url = this.getValue(),\r
330                                                                                                 urlOnChangeProtocol = /^(http|https|ftp|news):\/\/(?=.)/gi,\r
331                                                                                                 urlOnChangeTestOther = /^((javascript:)|[#\/\.])/gi;\r
332 \r
333                                                                                         var protocol = urlOnChangeProtocol.exec( url );\r
334                                                                                         if ( protocol )\r
335                                                                                         {\r
336                                                                                                 this.setValue( url.substr( protocol[ 0 ].length ) );\r
337                                                                                                 protocolCmb.setValue( protocol[ 0 ].toLowerCase() );\r
338                                                                                         }\r
339                                                                                         else if ( urlOnChangeTestOther.test( url ) )\r
340                                                                                                 protocolCmb.setValue( '' );\r
341 \r
342                                                                                         this.allowOnChange = true;\r
343                                                                                 },\r
344                                                                                 onChange : function()\r
345                                                                                 {\r
346                                                                                         if ( this.allowOnChange )               // Dont't call on dialog load.\r
347                                                                                                 this.onKeyUp();\r
348                                                                                 },\r
349                                                                                 validate : function()\r
350                                                                                 {\r
351                                                                                         var dialog = this.getDialog();\r
352 \r
353                                                                                         if ( dialog.getContentElement( 'info', 'linkType' ) &&\r
354                                                                                                         dialog.getValueOf( 'info', 'linkType' ) != 'url' )\r
355                                                                                                 return true;\r
356 \r
357                                                                                         if ( this.getDialog().fakeObj ) // Edit Anchor.\r
358                                                                                                 return true;\r
359 \r
360                                                                                         var func = CKEDITOR.dialog.validate.notEmpty( editor.lang.link.noUrl );\r
361                                                                                         return func.apply( this );\r
362                                                                                 },\r
363                                                                                 setup : function( data )\r
364                                                                                 {\r
365                                                                                         this.allowOnChange = false;\r
366                                                                                         if ( data.url )\r
367                                                                                                 this.setValue( data.url.url );\r
368                                                                                         this.allowOnChange = true;\r
369 \r
370                                                                                         var linkType = this.getDialog().getContentElement( 'info', 'linkType' );\r
371                                                                                         if ( linkType && linkType.getValue() == 'url' )\r
372                                                                                                 this.select();\r
373 \r
374                                                                                 },\r
375                                                                                 commit : function( data )\r
376                                                                                 {\r
377                                                                                         if ( !data.url )\r
378                                                                                                 data.url = {};\r
379 \r
380                                                                                         data.url.url = this.getValue();\r
381                                                                                         this.allowOnChange = false;\r
382                                                                                 }\r
383                                                                         }\r
384                                                                 ],\r
385                                                                 setup : function( data )\r
386                                                                 {\r
387                                                                         if ( !this.getDialog().getContentElement( 'info', 'linkType' ) )\r
388                                                                                 this.getElement().show();\r
389                                                                 }\r
390                                                         },\r
391                                                         {\r
392                                                                 type : 'button',\r
393                                                                 id : 'browse',\r
394                                                                 hidden : 'true',\r
395                                                                 filebrowser : 'info:url',\r
396                                                                 label : editor.lang.common.browseServer\r
397                                                         }\r
398                                                 ]\r
399                                         },\r
400                                         {\r
401                                                 type : 'vbox',\r
402                                                 id : 'anchorOptions',\r
403                                                 width : 260,\r
404                                                 align : 'center',\r
405                                                 padding : 0,\r
406                                                 children :\r
407                                                 [\r
408                                                         {\r
409                                                                 type : 'html',\r
410                                                                 id : 'selectAnchorText',\r
411                                                                 html : CKEDITOR.tools.htmlEncode( editor.lang.link.selectAnchor ),\r
412                                                                 setup : function( data )\r
413                                                                 {\r
414                                                                         if ( data.anchors.length > 0 )\r
415                                                                                 this.getElement().show();\r
416                                                                         else\r
417                                                                                 this.getElement().hide();\r
418                                                                 }\r
419                                                         },\r
420                                                         {\r
421                                                                 type : 'html',\r
422                                                                 id : 'noAnchors',\r
423                                                                 style : 'text-align: center;',\r
424                                                                 html : '<div>' + CKEDITOR.tools.htmlEncode( editor.lang.link.noAnchors ) + '</div>',\r
425                                                                 setup : function( data )\r
426                                                                 {\r
427                                                                         if ( data.anchors.length < 1 )\r
428                                                                                 this.getElement().show();\r
429                                                                         else\r
430                                                                                 this.getElement().hide();\r
431                                                                 }\r
432                                                         },\r
433                                                         {\r
434                                                                 type : 'hbox',\r
435                                                                 id : 'selectAnchor',\r
436                                                                 children :\r
437                                                                 [\r
438                                                                         {\r
439                                                                                 type : 'select',\r
440                                                                                 id : 'anchorName',\r
441                                                                                 'default' : '',\r
442                                                                                 label : editor.lang.link.anchorName,\r
443                                                                                 style : 'width: 100%;',\r
444                                                                                 items :\r
445                                                                                 [\r
446                                                                                         [ '' ]\r
447                                                                                 ],\r
448                                                                                 setup : function( data )\r
449                                                                                 {\r
450                                                                                         this.clear();\r
451                                                                                         this.add( '' );\r
452                                                                                         for ( var i = 0 ; i < data.anchors.length ; i++ )\r
453                                                                                         {\r
454                                                                                                 if ( data.anchors[i].name )\r
455                                                                                                         this.add( data.anchors[i].name );\r
456                                                                                         }\r
457 \r
458                                                                                         if ( data.anchor )\r
459                                                                                                 this.setValue( data.anchor.name );\r
460 \r
461                                                                                         var linkType = this.getDialog().getContentElement( 'info', 'linkType' );\r
462                                                                                         if ( linkType && linkType.getValue() == 'email' )\r
463                                                                                                 this.focus();\r
464                                                                                 },\r
465                                                                                 commit : function( data )\r
466                                                                                 {\r
467                                                                                         if ( !data.anchor )\r
468                                                                                                 data.anchor = {};\r
469 \r
470                                                                                         data.anchor.name = this.getValue();\r
471                                                                                 }\r
472                                                                         },\r
473                                                                         {\r
474                                                                                 type : 'select',\r
475                                                                                 id : 'anchorId',\r
476                                                                                 'default' : '',\r
477                                                                                 label : editor.lang.link.anchorId,\r
478                                                                                 style : 'width: 100%;',\r
479                                                                                 items :\r
480                                                                                 [\r
481                                                                                         [ '' ]\r
482                                                                                 ],\r
483                                                                                 setup : function( data )\r
484                                                                                 {\r
485                                                                                         this.clear();\r
486                                                                                         this.add( '' );\r
487                                                                                         for ( var i = 0 ; i < data.anchors.length ; i++ )\r
488                                                                                         {\r
489                                                                                                 if ( data.anchors[i].id )\r
490                                                                                                         this.add( data.anchors[i].id );\r
491                                                                                         }\r
492 \r
493                                                                                         if ( data.anchor )\r
494                                                                                                 this.setValue( data.anchor.id );\r
495                                                                                 },\r
496                                                                                 commit : function( data )\r
497                                                                                 {\r
498                                                                                         if ( !data.anchor )\r
499                                                                                                 data.anchor = {};\r
500 \r
501                                                                                         data.anchor.id = this.getValue();\r
502                                                                                 }\r
503                                                                         }\r
504                                                                 ],\r
505                                                                 setup : function( data )\r
506                                                                 {\r
507                                                                         if ( data.anchors.length > 0 )\r
508                                                                                 this.getElement().show();\r
509                                                                         else\r
510                                                                                 this.getElement().hide();\r
511                                                                 }\r
512                                                         }\r
513                                                 ],\r
514                                                 setup : function( data )\r
515                                                 {\r
516                                                         if ( !this.getDialog().getContentElement( 'info', 'linkType' ) )\r
517                                                                 this.getElement().hide();\r
518                                                 }\r
519                                         },\r
520                                         {\r
521                                                 type :  'vbox',\r
522                                                 id : 'emailOptions',\r
523                                                 padding : 1,\r
524                                                 children :\r
525                                                 [\r
526                                                         {\r
527                                                                 type : 'text',\r
528                                                                 id : 'emailAddress',\r
529                                                                 label : editor.lang.link.emailAddress,\r
530                                                                 validate : function()\r
531                                                                 {\r
532                                                                         var dialog = this.getDialog();\r
533 \r
534                                                                         if ( !dialog.getContentElement( 'info', 'linkType' ) ||\r
535                                                                                         dialog.getValueOf( 'info', 'linkType' ) != 'email' )\r
536                                                                                 return true;\r
537 \r
538                                                                         var func = CKEDITOR.dialog.validate.notEmpty( editor.lang.link.noEmail );\r
539                                                                         return func.apply( this );\r
540                                                                 },\r
541                                                                 setup : function( data )\r
542                                                                 {\r
543                                                                         if ( data.email )\r
544                                                                                 this.setValue( data.email.address );\r
545 \r
546                                                                         var linkType = this.getDialog().getContentElement( 'info', 'linkType' );\r
547                                                                         if ( linkType && linkType.getValue() == 'email' )\r
548                                                                                 this.select();\r
549                                                                 },\r
550                                                                 commit : function( data )\r
551                                                                 {\r
552                                                                         if ( !data.email )\r
553                                                                                 data.email = {};\r
554 \r
555                                                                         data.email.address = this.getValue();\r
556                                                                 }\r
557                                                         },\r
558                                                         {\r
559                                                                 type : 'text',\r
560                                                                 id : 'emailSubject',\r
561                                                                 label : editor.lang.link.emailSubject,\r
562                                                                 setup : function( data )\r
563                                                                 {\r
564                                                                         if ( data.email )\r
565                                                                                 this.setValue( data.email.subject );\r
566                                                                 },\r
567                                                                 commit : function( data )\r
568                                                                 {\r
569                                                                         if ( !data.email )\r
570                                                                                 data.email = {};\r
571 \r
572                                                                         data.email.subject = this.getValue();\r
573                                                                 }\r
574                                                         },\r
575                                                         {\r
576                                                                 type : 'textarea',\r
577                                                                 id : 'emailBody',\r
578                                                                 label : editor.lang.link.emailBody,\r
579                                                                 rows : 3,\r
580                                                                 'default' : '',\r
581                                                                 setup : function( data )\r
582                                                                 {\r
583                                                                         if ( data.email )\r
584                                                                                 this.setValue( data.email.body );\r
585                                                                 },\r
586                                                                 commit : function( data )\r
587                                                                 {\r
588                                                                         if ( !data.email )\r
589                                                                                 data.email = {};\r
590 \r
591                                                                         data.email.body = this.getValue();\r
592                                                                 }\r
593                                                         }\r
594                                                 ],\r
595                                                 setup : function( data )\r
596                                                 {\r
597                                                         if ( !this.getDialog().getContentElement( 'info', 'linkType' ) )\r
598                                                                 this.getElement().hide();\r
599                                                 }\r
600                                         }\r
601                                 ]\r
602                         },\r
603                         {\r
604                                 id : 'target',\r
605                                 label : editor.lang.link.target,\r
606                                 title : editor.lang.link.target,\r
607                                 elements :\r
608                                 [\r
609                                         {\r
610                                                 type : 'hbox',\r
611                                                 widths : [ '50%', '50%' ],\r
612                                                 children :\r
613                                                 [\r
614                                                         {\r
615                                                                 type : 'select',\r
616                                                                 id : 'linkTargetType',\r
617                                                                 label : editor.lang.link.target,\r
618                                                                 'default' : 'notSet',\r
619                                                                 style : 'width : 100%;',\r
620                                                                 'items' :\r
621                                                                 [\r
622                                                                         [ editor.lang.link.targetNotSet, 'notSet' ],\r
623                                                                         [ editor.lang.link.targetFrame, 'frame' ],\r
624                                                                         [ editor.lang.link.targetPopup, 'popup' ],\r
625                                                                         [ editor.lang.link.targetNew, '_blank' ],\r
626                                                                         [ editor.lang.link.targetTop, '_top' ],\r
627                                                                         [ editor.lang.link.targetSelf, '_self' ],\r
628                                                                         [ editor.lang.link.targetParent, '_parent' ]\r
629                                                                 ],\r
630                                                                 onChange : targetChanged,\r
631                                                                 setup : function( data )\r
632                                                                 {\r
633                                                                         if ( data.target )\r
634                                                                                 this.setValue( data.target.type );\r
635                                                                 },\r
636                                                                 commit : function( data )\r
637                                                                 {\r
638                                                                         if ( !data.target )\r
639                                                                                 data.target = {};\r
640 \r
641                                                                         data.target.type = this.getValue();\r
642                                                                 }\r
643                                                         },\r
644                                                         {\r
645                                                                 type : 'text',\r
646                                                                 id : 'linkTargetName',\r
647                                                                 label : editor.lang.link.targetFrameName,\r
648                                                                 'default' : '',\r
649                                                                 setup : function( data )\r
650                                                                 {\r
651                                                                         if ( data.target )\r
652                                                                                 this.setValue( data.target.name );\r
653                                                                 },\r
654                                                                 commit : function( data )\r
655                                                                 {\r
656                                                                         if ( !data.target )\r
657                                                                                 data.target = {};\r
658 \r
659                                                                         data.target.name = this.getValue();\r
660                                                                 }\r
661                                                         }\r
662                                                 ]\r
663                                         },\r
664                                         {\r
665                                                 type : 'vbox',\r
666                                                 width : 260,\r
667                                                 align : 'center',\r
668                                                 padding : 2,\r
669                                                 id : 'popupFeatures',\r
670                                                 children :\r
671                                                 [\r
672                                                         {\r
673                                                                 type : 'html',\r
674                                                                 html : CKEDITOR.tools.htmlEncode( editor.lang.link.popupFeatures )\r
675                                                         },\r
676                                                         {\r
677                                                                 type : 'hbox',\r
678                                                                 children :\r
679                                                                 [\r
680                                                                         {\r
681                                                                                 type : 'checkbox',\r
682                                                                                 id : 'resizable',\r
683                                                                                 label : editor.lang.link.popupResizable,\r
684                                                                                 setup : setupPopupParams,\r
685                                                                                 commit : commitPopupParams\r
686                                                                         },\r
687                                                                         {\r
688                                                                                 type : 'checkbox',\r
689                                                                                 id : 'status',\r
690                                                                                 label : editor.lang.link.popupStatusBar,\r
691                                                                                 setup : setupPopupParams,\r
692                                                                                 commit : commitPopupParams\r
693 \r
694                                                                         }\r
695                                                                 ]\r
696                                                         },\r
697                                                         {\r
698                                                                 type : 'hbox',\r
699                                                                 children :\r
700                                                                 [\r
701                                                                         {\r
702                                                                                 type : 'checkbox',\r
703                                                                                 id : 'location',\r
704                                                                                 label : editor.lang.link.popupLocationBar,\r
705                                                                                 setup : setupPopupParams,\r
706                                                                                 commit : commitPopupParams\r
707 \r
708                                                                         },\r
709                                                                         {\r
710                                                                                 type : 'checkbox',\r
711                                                                                 id : 'toolbar',\r
712                                                                                 label : editor.lang.link.popupToolbar,\r
713                                                                                 setup : setupPopupParams,\r
714                                                                                 commit : commitPopupParams\r
715 \r
716                                                                         }\r
717                                                                 ]\r
718                                                         },\r
719                                                         {\r
720                                                                 type : 'hbox',\r
721                                                                 children :\r
722                                                                 [\r
723                                                                         {\r
724                                                                                 type : 'checkbox',\r
725                                                                                 id : 'menubar',\r
726                                                                                 label : editor.lang.link.popupMenuBar,\r
727                                                                                 setup : setupPopupParams,\r
728                                                                                 commit : commitPopupParams\r
729 \r
730                                                                         },\r
731                                                                         {\r
732                                                                                 type : 'checkbox',\r
733                                                                                 id : 'fullscreen',\r
734                                                                                 label : editor.lang.link.popupFullScreen,\r
735                                                                                 setup : setupPopupParams,\r
736                                                                                 commit : commitPopupParams\r
737 \r
738                                                                         }\r
739                                                                 ]\r
740                                                         },\r
741                                                         {\r
742                                                                 type : 'hbox',\r
743                                                                 children :\r
744                                                                 [\r
745                                                                         {\r
746                                                                                 type : 'checkbox',\r
747                                                                                 id : 'scrollbars',\r
748                                                                                 label : editor.lang.link.popupScrollBars,\r
749                                                                                 setup : setupPopupParams,\r
750                                                                                 commit : commitPopupParams\r
751 \r
752                                                                         },\r
753                                                                         {\r
754                                                                                 type : 'checkbox',\r
755                                                                                 id : 'dependent',\r
756                                                                                 label : editor.lang.link.popupDependent,\r
757                                                                                 setup : setupPopupParams,\r
758                                                                                 commit : commitPopupParams\r
759 \r
760                                                                         }\r
761                                                                 ]\r
762                                                         },\r
763                                                         {\r
764                                                                 type : 'hbox',\r
765                                                                 children :\r
766                                                                 [\r
767                                                                         {\r
768                                                                                 type :  'text',\r
769                                                                                 widths : [ '30%', '70%' ],\r
770                                                                                 labelLayout : 'horizontal',\r
771                                                                                 label : editor.lang.link.popupWidth,\r
772                                                                                 id : 'width',\r
773                                                                                 setup : setupPopupParams,\r
774                                                                                 commit : commitPopupParams\r
775 \r
776                                                                         },\r
777                                                                         {\r
778                                                                                 type :  'text',\r
779                                                                                 labelLayout : 'horizontal',\r
780                                                                                 widths : [ '55%', '45%' ],\r
781                                                                                 label : editor.lang.link.popupLeft,\r
782                                                                                 id : 'left',\r
783                                                                                 setup : setupPopupParams,\r
784                                                                                 commit : commitPopupParams\r
785 \r
786                                                                         }\r
787                                                                 ]\r
788                                                         },\r
789                                                         {\r
790                                                                 type : 'hbox',\r
791                                                                 children :\r
792                                                                 [\r
793                                                                         {\r
794                                                                                 type :  'text',\r
795                                                                                 labelLayout : 'horizontal',\r
796                                                                                 widths : [ '30%', '70%' ],\r
797                                                                                 label : editor.lang.link.popupHeight,\r
798                                                                                 id : 'height',\r
799                                                                                 setup : setupPopupParams,\r
800                                                                                 commit : commitPopupParams\r
801 \r
802                                                                         },\r
803                                                                         {\r
804                                                                                 type :  'text',\r
805                                                                                 labelLayout : 'horizontal',\r
806                                                                                 label : editor.lang.link.popupTop,\r
807                                                                                 widths : [ '55%', '45%' ],\r
808                                                                                 id : 'top',\r
809                                                                                 setup : setupPopupParams,\r
810                                                                                 commit : commitPopupParams\r
811 \r
812                                                                         }\r
813                                                                 ]\r
814                                                         }\r
815                                                 ]\r
816                                         }\r
817                                 ]\r
818                         },\r
819                         {\r
820                                 id : 'upload',\r
821                                 label : editor.lang.link.upload,\r
822                                 title : editor.lang.link.upload,\r
823                                 hidden : true,\r
824                                 filebrowser : 'uploadButton',\r
825                                 elements :\r
826                                 [\r
827                                         {\r
828                                                 type : 'file',\r
829                                                 id : 'upload',\r
830                                                 label : editor.lang.common.upload,\r
831                                                 style: 'height:40px',\r
832                                                 size : 29\r
833                                         },\r
834                                         {\r
835                                                 type : 'fileButton',\r
836                                                 id : 'uploadButton',\r
837                                                 label : editor.lang.common.uploadSubmit,\r
838                                                 filebrowser : 'info:url',\r
839                                                 'for' : [ 'upload', 'upload' ]\r
840                                         }\r
841                                 ]\r
842                         },\r
843                         {\r
844                                 id : 'advanced',\r
845                                 label : editor.lang.link.advanced,\r
846                                 title : editor.lang.link.advanced,\r
847                                 elements :\r
848                                 [\r
849                                         {\r
850                                                 type : 'vbox',\r
851                                                 padding : 1,\r
852                                                 children :\r
853                                                 [\r
854                                                         {\r
855                                                                 type : 'hbox',\r
856                                                                 widths : [ '45%', '35%', '20%' ],\r
857                                                                 children :\r
858                                                                 [\r
859                                                                         {\r
860                                                                                 type : 'text',\r
861                                                                                 id : 'advId',\r
862                                                                                 label : editor.lang.link.id,\r
863                                                                                 setup : setupAdvParams,\r
864                                                                                 commit : commitAdvParams\r
865                                                                         },\r
866                                                                         {\r
867                                                                                 type : 'select',\r
868                                                                                 id : 'advLangDir',\r
869                                                                                 label : editor.lang.link.langDir,\r
870                                                                                 'default' : '',\r
871                                                                                 style : 'width:110px',\r
872                                                                                 items :\r
873                                                                                 [\r
874                                                                                         [ editor.lang.link.langDirNotSet, '' ],\r
875                                                                                         [ editor.lang.link.langDirLTR, 'ltr' ],\r
876                                                                                         [ editor.lang.link.langDirRTL, 'rtl' ]\r
877                                                                                 ],\r
878                                                                                 setup : setupAdvParams,\r
879                                                                                 commit : commitAdvParams\r
880                                                                         },\r
881                                                                         {\r
882                                                                                 type : 'text',\r
883                                                                                 id : 'advAccessKey',\r
884                                                                                 width : '80px',\r
885                                                                                 label : editor.lang.link.acccessKey,\r
886                                                                                 maxLength : 1,\r
887                                                                                 setup : setupAdvParams,\r
888                                                                                 commit : commitAdvParams\r
889 \r
890                                                                         }\r
891                                                                 ]\r
892                                                         },\r
893                                                         {\r
894                                                                 type : 'hbox',\r
895                                                                 widths : [ '45%', '35%', '20%' ],\r
896                                                                 children :\r
897                                                                 [\r
898                                                                         {\r
899                                                                                 type : 'text',\r
900                                                                                 label : editor.lang.link.name,\r
901                                                                                 id : 'advName',\r
902                                                                                 setup : setupAdvParams,\r
903                                                                                 commit : commitAdvParams\r
904 \r
905                                                                         },\r
906                                                                         {\r
907                                                                                 type : 'text',\r
908                                                                                 label : editor.lang.link.langCode,\r
909                                                                                 id : 'advLangCode',\r
910                                                                                 width : '110px',\r
911                                                                                 'default' : '',\r
912                                                                                 setup : setupAdvParams,\r
913                                                                                 commit : commitAdvParams\r
914 \r
915                                                                         },\r
916                                                                         {\r
917                                                                                 type : 'text',\r
918                                                                                 label : editor.lang.link.tabIndex,\r
919                                                                                 id : 'advTabIndex',\r
920                                                                                 width : '80px',\r
921                                                                                 maxLength : 5,\r
922                                                                                 setup : setupAdvParams,\r
923                                                                                 commit : commitAdvParams\r
924 \r
925                                                                         }\r
926                                                                 ]\r
927                                                         }\r
928                                                 ]\r
929                                         },\r
930                                         {\r
931                                                 type : 'vbox',\r
932                                                 padding : 1,\r
933                                                 children :\r
934                                                 [\r
935                                                         {\r
936                                                                 type : 'hbox',\r
937                                                                 widths : [ '45%', '55%' ],\r
938                                                                 children :\r
939                                                                 [\r
940                                                                         {\r
941                                                                                 type : 'text',\r
942                                                                                 label : editor.lang.link.advisoryTitle,\r
943                                                                                 'default' : '',\r
944                                                                                 id : 'advTitle',\r
945                                                                                 setup : setupAdvParams,\r
946                                                                                 commit : commitAdvParams\r
947 \r
948                                                                         },\r
949                                                                         {\r
950                                                                                 type : 'text',\r
951                                                                                 label : editor.lang.link.advisoryContentType,\r
952                                                                                 'default' : '',\r
953                                                                                 id : 'advContentType',\r
954                                                                                 setup : setupAdvParams,\r
955                                                                                 commit : commitAdvParams\r
956 \r
957                                                                         }\r
958                                                                 ]\r
959                                                         },\r
960                                                         {\r
961                                                                 type : 'hbox',\r
962                                                                 widths : [ '45%', '55%' ],\r
963                                                                 children :\r
964                                                                 [\r
965                                                                         {\r
966                                                                                 type : 'text',\r
967                                                                                 label : editor.lang.link.cssClasses,\r
968                                                                                 'default' : '',\r
969                                                                                 id : 'advCSSClasses',\r
970                                                                                 setup : setupAdvParams,\r
971                                                                                 commit : commitAdvParams\r
972 \r
973                                                                         },\r
974                                                                         {\r
975                                                                                 type : 'text',\r
976                                                                                 label : editor.lang.link.charset,\r
977                                                                                 'default' : '',\r
978                                                                                 id : 'advCharset',\r
979                                                                                 setup : setupAdvParams,\r
980                                                                                 commit : commitAdvParams\r
981 \r
982                                                                         }\r
983                                                                 ]\r
984                                                         },\r
985                                                         {\r
986                                                                 type : 'hbox',\r
987                                                                 children :\r
988                                                                 [\r
989                                                                         {\r
990                                                                                 type : 'text',\r
991                                                                                 label : editor.lang.link.styles,\r
992                                                                                 'default' : '',\r
993                                                                                 id : 'advStyles',\r
994                                                                                 setup : setupAdvParams,\r
995                                                                                 commit : commitAdvParams\r
996 \r
997                                                                         }\r
998                                                                 ]\r
999                                                         }\r
1000                                                 ]\r
1001                                         }\r
1002                                 ]\r
1003                         }\r
1004                 ],\r
1005                 onShow : function()\r
1006                 {\r
1007                         this.fakeObj = false;\r
1008 \r
1009                         var editor = this.getParentEditor(),\r
1010                                 selection = editor.getSelection(),\r
1011                                 ranges = selection.getRanges(),\r
1012                                 element = null,\r
1013                                 me = this;\r
1014                         // Fill in all the relevant fields if there's already one link selected.\r
1015                         if ( ranges.length == 1 )\r
1016                         {\r
1017 \r
1018                                 var rangeRoot = ranges[0].getCommonAncestor( true );\r
1019                                 element = rangeRoot.getAscendant( 'a', true );\r
1020                                 if ( element && element.getAttribute( 'href' ) )\r
1021                                 {\r
1022                                         selection.selectElement( element );\r
1023                                 }\r
1024                                 else if ( ( element = rangeRoot.getAscendant( 'img', true ) ) &&\r
1025                                                  element.getAttribute( '_cke_real_element_type' ) &&\r
1026                                                  element.getAttribute( '_cke_real_element_type' ) == 'anchor' )\r
1027                                 {\r
1028                                         this.fakeObj = element;\r
1029                                         element = editor.restoreRealElement( this.fakeObj );\r
1030                                         selection.selectElement( this.fakeObj );\r
1031                                 }\r
1032                                 else\r
1033                                         element = null;\r
1034                         }\r
1035 \r
1036                         this.setupContent( parseLink.apply( this, [ editor, element ] ) );\r
1037                 },\r
1038                 onOk : function()\r
1039                 {\r
1040                         var attributes = { href : 'javascript:void(0)/*' + CKEDITOR.tools.getNextNumber() + '*/' },\r
1041                                 removeAttributes = [],\r
1042                                 data = { href : attributes.href },\r
1043                                 me = this, editor = this.getParentEditor();\r
1044 \r
1045                         this.commitContent( data );\r
1046 \r
1047                         // Compose the URL.\r
1048                         switch ( data.type || 'url' )\r
1049                         {\r
1050                                 case 'url':\r
1051                                         var protocol = ( data.url && data.url.protocol != undefined ) ? data.url.protocol : 'http://',\r
1052                                                 url = ( data.url && data.url.url ) || '';\r
1053                                         attributes._cke_saved_href = ( url.indexOf( '/' ) === 0 ) ? url : protocol + url;\r
1054                                         break;\r
1055                                 case 'anchor':\r
1056                                         var name = ( data.anchor && data.anchor.name ),\r
1057                                                 id = ( data.anchor && data.anchor.id );\r
1058                                         attributes._cke_saved_href = '#' + ( name || id || '' );\r
1059                                         break;\r
1060                                 case 'email':\r
1061                                         var address = ( data.email && data.email.address ),\r
1062                                                 subject = ( data.email && encodeURIComponent( data.email.subject || '' ) ),\r
1063                                                 body = ( data.email && encodeURIComponent( data.email.body || '' ) ),\r
1064                                                 linkList = [ 'mailto:', address ];\r
1065                                         if ( subject || body )\r
1066                                         {\r
1067                                                 var argList = [];\r
1068                                                 linkList.push( '?' );\r
1069                                                 subject && argList.push( 'subject=' + subject );\r
1070                                                 body && argList.push( 'body=' + body );\r
1071                                                 linkList.push( argList.join( '&' ) );\r
1072                                         }\r
1073                                         attributes._cke_saved_href = linkList.join( '' );\r
1074                                         break;\r
1075                                 default:\r
1076                         }\r
1077 \r
1078                         // Popups and target.\r
1079                         if ( data.target )\r
1080                         {\r
1081                                 if ( data.target.type == 'popup' )\r
1082                                 {\r
1083                                         var onclickList = [ 'window.open(this.href, \'',\r
1084                                                         data.target.name || '', '\', \'' ];\r
1085                                         var featureList = [ 'resizable', 'status', 'location', 'toolbar', 'menubar', 'fullscreen',\r
1086                                                         'scrollbars', 'dependent' ];\r
1087                                         var featureLength = featureList.length;\r
1088                                         var addFeature = function( featureName )\r
1089                                         {\r
1090                                                 if ( data.target[ featureName ] )\r
1091                                                         featureList.push( featureName + '=' + data.target[ featureName ] );\r
1092                                         };\r
1093 \r
1094                                         for ( var i = 0 ; i < featureLength ; i++ )\r
1095                                                 featureList[i] = featureList[i] + ( data.target[ featureList[i] ] ? '=yes' : '=no' ) ;\r
1096                                         addFeature( 'width' );\r
1097                                         addFeature( 'left' );\r
1098                                         addFeature( 'height' );\r
1099                                         addFeature( 'top' );\r
1100 \r
1101                                         onclickList.push( featureList.join( ',' ), '\'); return false;' );\r
1102                                         attributes[ CKEDITOR.env.ie || CKEDITOR.env.webkit ? '_cke_pa_onclick' : 'onclick' ] = onclickList.join( '' );\r
1103                                 }\r
1104                                 else\r
1105                                 {\r
1106                                         if ( data.target.type != 'notSet' && data.target.name )\r
1107                                                 attributes.target = data.target.name;\r
1108                                         removeAttributes.push( '_cke_pa_onclick', 'onclick' );\r
1109                                 }\r
1110                         }\r
1111 \r
1112                         // Advanced attributes.\r
1113                         if ( data.adv )\r
1114                         {\r
1115                                 var advAttr = function( inputName, attrName )\r
1116                                 {\r
1117                                         var value = data.adv[ inputName ];\r
1118                                         if ( value )\r
1119                                                 attributes[attrName] = value;\r
1120                                         else\r
1121                                                 removeAttributes.push( attrName );\r
1122                                 };\r
1123 \r
1124                                 if ( this._.selectedElement )\r
1125                                         advAttr( 'advId', 'id' );\r
1126                                 advAttr( 'advLangDir', 'dir' );\r
1127                                 advAttr( 'advAccessKey', 'accessKey' );\r
1128                                 advAttr( 'advName', 'name' );\r
1129                                 advAttr( 'advLangCode', 'lang' );\r
1130                                 advAttr( 'advTabIndex', 'tabindex' );\r
1131                                 advAttr( 'advTitle', 'title' );\r
1132                                 advAttr( 'advContentType', 'type' );\r
1133                                 advAttr( 'advCSSClasses', 'class' );\r
1134                                 advAttr( 'advCharset', 'charset' );\r
1135                                 advAttr( 'advStyles', 'style' );\r
1136                         }\r
1137 \r
1138                         if ( !this._.selectedElement )\r
1139                         {\r
1140                                 // Create element if current selection is collapsed.\r
1141                                 var selection = editor.getSelection(),\r
1142                                         ranges = selection.getRanges();\r
1143                                 if ( ranges.length == 1 && ranges[0].collapsed )\r
1144                                 {\r
1145                                         var text = new CKEDITOR.dom.text( attributes._cke_saved_href, editor.document );\r
1146                                         ranges[0].insertNode( text );\r
1147                                         ranges[0].selectNodeContents( text );\r
1148                                         selection.selectRanges( ranges );\r
1149                                 }\r
1150 \r
1151                                 // Apply style.\r
1152                                 var style = new CKEDITOR.style( { element : 'a', attributes : attributes } );\r
1153                                 style.type = CKEDITOR.STYLE_INLINE;             // need to override... dunno why.\r
1154                                 style.apply( editor.document );\r
1155 \r
1156                                 // Id. Apply only to the first link.\r
1157                                 if ( data.adv && data.adv.advId )\r
1158                                 {\r
1159                                         var links = this.getParentEditor().document.$.getElementsByTagName( 'a' );\r
1160                                         for ( i = 0 ; i < links.length ; i++ )\r
1161                                         {\r
1162                                                 if ( links[i].href == attributes.href )\r
1163                                                 {\r
1164                                                         links[i].id = data.adv.advId;\r
1165                                                         break;\r
1166                                                 }\r
1167                                         }\r
1168                                 }\r
1169                         }\r
1170                         else\r
1171                         {\r
1172                                 // We're only editing an existing link, so just overwrite the attributes.\r
1173                                 var element = this._.selectedElement;\r
1174 \r
1175                                 // IE BUG: Setting the name attribute to an existing link doesn't work.\r
1176                                 // Must re-create the link from weired syntax to workaround.\r
1177                                 if ( CKEDITOR.env.ie && attributes.name != element.getAttribute( 'name' ) )\r
1178                                 {\r
1179                                         var newElement = new CKEDITOR.dom.element( '<a name="' + CKEDITOR.tools.htmlEncode( attributes.name ) + '">',\r
1180                                                         editor.document );\r
1181 \r
1182                                         selection = editor.getSelection();\r
1183 \r
1184                                         element.moveChildren( newElement );\r
1185                                         element.copyAttributes( newElement, { name : 1 } );\r
1186                                         newElement.replace( element );\r
1187                                         element = newElement;\r
1188 \r
1189                                         selection.selectElement( element );\r
1190                                 }\r
1191 \r
1192                                 element.setAttributes( attributes );\r
1193                                 element.removeAttributes( removeAttributes );\r
1194 \r
1195                                 // Make the element display as an anchor if a name has been set.\r
1196                                 if ( element.getAttribute( 'name' ) )\r
1197                                         element.addClass( 'cke_anchor' );\r
1198                                 else\r
1199                                         element.removeClass( 'cke_anchor' );\r
1200 \r
1201                                 if ( this.fakeObj )\r
1202                                         editor.createFakeElement( element, 'cke_anchor', 'anchor' ).replace( this.fakeObj );\r
1203 \r
1204                                 delete this._.selectedElement;\r
1205                         }\r
1206                 },\r
1207                 onLoad : function()\r
1208                 {\r
1209                         if ( !editor.config.linkShowAdvancedTab )\r
1210                                 this.hidePage( 'advanced' );            //Hide Advanded tab.\r
1211 \r
1212                         if ( !editor.config.linkShowTargetTab )\r
1213                                 this.hidePage( 'target' );              //Hide Target tab.\r
1214 \r
1215                 }\r
1216         };\r
1217 } );\r