2 Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved.
\r
3 For licensing, see LICENSE.html or http://ckeditor.com/license
\r
6 CKEDITOR.dialog.add( 'specialchar', function( editor )
\r
9 * Simulate "this" of a dialog for non-dialog events.
\r
10 * @type {CKEDITOR.dialog}
\r
13 var onChoice = function( evt )
\r
17 target = evt.data.getTarget();
\r
19 target = new CKEDITOR.dom.element( evt );
\r
21 if ( target.getName() == 'a' && ( value = target.getChild( 0 ).getHtml() ) )
\r
23 target.removeClass( "cke_light_background" );
\r
25 editor.insertHtml( value );
\r
29 var onClick = CKEDITOR.tools.addFunction( onChoice );
\r
33 var onFocus = function( evt, target )
\r
36 target = target || evt.data.getTarget();
\r
38 if ( target.getName() == 'span' )
\r
39 target = target.getParent();
\r
41 if ( target.getName() == 'a' && ( value = target.getChild( 0 ).getHtml() ) )
\r
43 // Trigger blur manually if there is focused node.
\r
45 onBlur( null, focusedNode );
\r
47 var htmlPreview = dialog.getContentElement( 'info', 'htmlPreview' ).getElement();
\r
49 dialog.getContentElement( 'info', 'charPreview' ).getElement().setHtml( value );
\r
50 htmlPreview.setHtml( CKEDITOR.tools.htmlEncode( value ) );
\r
51 target.getParent().addClass( "cke_light_background" );
\r
53 // Memorize focused node.
\r
54 focusedNode = target;
\r
58 var onBlur = function( evt, target )
\r
60 target = target || evt.data.getTarget();
\r
62 if ( target.getName() == 'span' )
\r
63 target = target.getParent();
\r
65 if ( target.getName() == 'a' )
\r
67 dialog.getContentElement( 'info', 'charPreview' ).getElement().setHtml( ' ' );
\r
68 dialog.getContentElement( 'info', 'htmlPreview' ).getElement().setHtml( ' ' );
\r
69 target.getParent().removeClass( "cke_light_background" );
\r
71 focusedNode = undefined;
\r
75 var onKeydown = CKEDITOR.tools.addFunction( function( ev )
\r
77 ev = new CKEDITOR.dom.event( ev );
\r
79 // Get an Anchor element.
\r
80 var element = ev.getTarget();
\r
81 var relative, nodeToMove;
\r
82 var keystroke = ev.getKeystroke();
\r
84 switch ( keystroke )
\r
89 if ( ( relative = element.getParent().getNext() ) )
\r
91 nodeToMove = relative.getChild( 0 );
\r
92 if ( nodeToMove.type == 1 )
\r
95 onBlur( null, element );
\r
96 onFocus( null, nodeToMove );
\r
99 ev.preventDefault();
\r
104 if ( ( relative = element.getParent().getPrevious() ) )
\r
106 nodeToMove = relative.getChild( 0 );
\r
107 nodeToMove.focus();
\r
108 onBlur( null, element );
\r
109 onFocus( null, nodeToMove );
\r
111 ev.preventDefault();
\r
116 if ( ( relative = element.getParent().getParent().getPrevious() ) )
\r
118 nodeToMove = relative.getChild( [element.getParent().getIndex(), 0] );
\r
119 nodeToMove.focus();
\r
120 onBlur( null, element );
\r
121 onFocus( null, nodeToMove );
\r
123 ev.preventDefault();
\r
128 if ( ( relative = element.getParent().getParent().getNext() ) )
\r
130 nodeToMove = relative.getChild( [ element.getParent().getIndex(), 0 ] );
\r
131 if ( nodeToMove && nodeToMove.type == 1 )
\r
133 nodeToMove.focus();
\r
134 onBlur( null, element );
\r
135 onFocus( null, nodeToMove );
\r
138 ev.preventDefault();
\r
141 // ENTER is already handled as onClick
\r
143 onChoice( { data: ev } );
\r
144 ev.preventDefault();
\r
149 if ( ( relative = element.getParent().getNext() ) )
\r
151 nodeToMove = relative.getChild( 0 );
\r
152 if ( nodeToMove.type == 1 )
\r
154 nodeToMove.focus();
\r
155 onBlur( null, element );
\r
156 onFocus( null, nodeToMove );
\r
157 ev.preventDefault( true );
\r
160 onBlur( null, element );
\r
163 else if ( ( relative = element.getParent().getParent().getNext() ) )
\r
165 nodeToMove = relative.getChild( [ 0, 0 ] );
\r
166 if ( nodeToMove && nodeToMove.type == 1 )
\r
168 nodeToMove.focus();
\r
169 onBlur( null, element );
\r
170 onFocus( null, nodeToMove );
\r
171 ev.preventDefault( true );
\r
174 onBlur( null, element );
\r
178 case CKEDITOR.SHIFT + 9 :
\r
180 if ( ( relative = element.getParent().getPrevious() ) )
\r
182 nodeToMove = relative.getChild( 0 );
\r
183 nodeToMove.focus();
\r
184 onBlur( null, element );
\r
185 onFocus( null, nodeToMove );
\r
186 ev.preventDefault( true );
\r
189 else if ( ( relative = element.getParent().getParent().getPrevious() ) )
\r
191 nodeToMove = relative.getLast().getChild( 0 );
\r
192 nodeToMove.focus();
\r
193 onBlur( null, element );
\r
194 onFocus( null, nodeToMove );
\r
195 ev.preventDefault( true );
\r
198 onBlur( null, element );
\r
201 // Do not stop not handled events.
\r
207 title : editor.lang.specialChar.title,
\r
210 buttons : [ CKEDITOR.dialog.cancelButton ],
\r
214 '!','"','#','$','%','&',"'",'(',')','*','+','-','.','/',
\r
215 '0','1','2','3','4','5','6','7','8','9',':',';',
\r
216 '<','=','>','?','@',
\r
217 'A','B','C','D','E','F','G','H','I','J','K','L','M','N','O',
\r
218 'P','Q','R','S','T','U','V','W','X','Y','Z',
\r
219 '[',']','^','_','`',
\r
220 'a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p',
\r
221 'q','r','s','t','u','v','w','x','y','z',
\r
222 '{','|','}','~','€','‘','’','’','“',
\r
223 '”','–','—','¡','¢','£',
\r
224 '¤','¥','¦','§','¨','©','ª',
\r
225 '«','¬','®','¯','°','±','²',
\r
226 '³','´','µ','¶','·','¸',
\r
227 '¹','º','»','¼','½','¾',
\r
228 '¿','À','Á','Â','Ã','Ä',
\r
229 'Å','Æ','Ç','È','É','Ê',
\r
230 'Ë','Ì','Í','Î','Ï','Ð',
\r
231 'Ñ','Ò','Ó','Ô','Õ','Ö',
\r
232 '×','Ø','Ù','Ú','Û','Ü',
\r
233 'Ý','Þ','ß','à','á','â',
\r
234 'ã','ä','å','æ','ç','è',
\r
235 'é','ê','ë','ì','í','î',
\r
236 'ï','ð','ñ','ò','ó','ô',
\r
237 'õ','ö','÷','ø','ù','ú',
\r
238 'û','ü','ü','ý','þ','ÿ',
\r
239 'Œ','œ','Ŵ','Ŷ','ŵ','ŷ','‚',
\r
240 '‛','„','…','™','►','•',
\r
241 '→','⇒','⇔','♦','≈'
\r
243 onLoad : function()
\r
245 var columns = this.definition.charColumns,
\r
246 chars = this.definition.chars;
\r
248 var html = [ '<table style="width: 320px; height: 100%; border-collapse: separate;" align="center" cellspacing="2" cellpadding="2" border="0">' ];
\r
251 while ( i < chars.length )
\r
253 html.push( '<tr>' ) ;
\r
255 for( var j = 0 ; j < columns ; j++, i++ )
\r
260 '<td class="cke_dark_background" style="cursor: default">' +
\r
261 '<a href="javascript: void(0);" style="cursor: inherit; display: block; height: 1.25em; margin-top: 0.25em; text-align: center;" title="', chars[i].replace( /&/g, '&' ), '"' +
\r
262 ' onkeydown="CKEDITOR.tools.callFunction( ' + onKeydown + ', event, this )"' +
\r
263 ' onclick="CKEDITOR.tools.callFunction(' + onClick + ', this); return false;"' +
\r
264 ' tabindex="-1">' +
\r
265 '<span style="margin: 0 auto;cursor: inherit">' +
\r
270 html.push( '<td class="cke_dark_background"> ' );
\r
272 html.push( '</td>' );
\r
274 html.push( '</tr>' );
\r
277 html.push( '</tbody></table>' );
\r
279 this.getContentElement( 'info', 'charContainer' ).getElement().setHtml( html.join( '' ) );
\r
284 label : editor.lang.common.generalTab,
\r
285 title : editor.lang.common.generalTab,
\r
292 widths : [ '320px', '90px' ],
\r
297 id : 'charContainer',
\r
299 onMouseover : onFocus,
\r
300 onMouseout : onBlur,
\r
303 var firstChar = this.getElement().getChild( [0, 0, 0, 0, 0] );
\r
304 setTimeout(function()
\r
307 onFocus( null, firstChar );
\r
310 // Needed only for webkit.
\r
311 onShow : function()
\r
313 var firstChar = this.getElement().getChild( [0, 0, 0, 0, 0] );
\r
314 setTimeout(function()
\r
317 onFocus( null, firstChar );
\r
320 onLoad : function( event )
\r
322 dialog = event.sender;
\r
328 widths : [ '100%' ],
\r
338 html : '<div></div>'
\r
342 id : 'charPreview',
\r
343 style : 'border:1px solid #eeeeee;background-color:#EAEAD1;font-size:28px;height:40px;width:70px;padding-top:9px;font-family:\'Microsoft Sans Serif\',Arial,Helvetica,Verdana;text-align:center;',
\r
344 html : '<div> </div>'
\r
348 id : 'htmlPreview',
\r
349 style : 'border:1px solid #eeeeee;background-color:#EAEAD1;font-size:14px;height:20px;width:70px;padding-top:2px;font-family:\'Microsoft Sans Serif\',Arial,Helvetica,Verdana;text-align:center;',
\r
350 html : '<div> </div>'
\r