1 | /*
|
---|
2 | Copyright (c) 2003-2011, CKSource - Frederico Knabben. All rights reserved.
|
---|
3 | For licensing, see LICENSE.html or http://ckeditor.com/license
|
---|
4 | */
|
---|
5 |
|
---|
6 | (function()
|
---|
7 | {
|
---|
8 | var isReplace;
|
---|
9 |
|
---|
10 | function findEvaluator( node )
|
---|
11 | {
|
---|
12 | return node.type == CKEDITOR.NODE_TEXT && node.getLength() > 0 && ( !isReplace || !node.isReadOnly() );
|
---|
13 | }
|
---|
14 |
|
---|
15 | /**
|
---|
16 | * Elements which break characters been considered as sequence.
|
---|
17 | */
|
---|
18 | function nonCharactersBoundary( node )
|
---|
19 | {
|
---|
20 | return !( node.type == CKEDITOR.NODE_ELEMENT && node.isBlockBoundary(
|
---|
21 | CKEDITOR.tools.extend( {}, CKEDITOR.dtd.$empty, CKEDITOR.dtd.$nonEditable ) ) );
|
---|
22 | }
|
---|
23 |
|
---|
24 | /**
|
---|
25 | * Get the cursor object which represent both current character and it's dom
|
---|
26 | * position thing.
|
---|
27 | */
|
---|
28 | var cursorStep = function()
|
---|
29 | {
|
---|
30 | return {
|
---|
31 | textNode : this.textNode,
|
---|
32 | offset : this.offset,
|
---|
33 | character : this.textNode ?
|
---|
34 | this.textNode.getText().charAt( this.offset ) : null,
|
---|
35 | hitMatchBoundary : this._.matchBoundary
|
---|
36 | };
|
---|
37 | };
|
---|
38 |
|
---|
39 | var pages = [ 'find', 'replace' ],
|
---|
40 | fieldsMapping = [
|
---|
41 | [ 'txtFindFind', 'txtFindReplace' ],
|
---|
42 | [ 'txtFindCaseChk', 'txtReplaceCaseChk' ],
|
---|
43 | [ 'txtFindWordChk', 'txtReplaceWordChk' ],
|
---|
44 | [ 'txtFindCyclic', 'txtReplaceCyclic' ] ];
|
---|
45 |
|
---|
46 | /**
|
---|
47 | * Synchronize corresponding filed values between 'replace' and 'find' pages.
|
---|
48 | * @param {String} currentPageId The page id which receive values.
|
---|
49 | */
|
---|
50 | function syncFieldsBetweenTabs( currentPageId )
|
---|
51 | {
|
---|
52 | var sourceIndex, targetIndex,
|
---|
53 | sourceField, targetField;
|
---|
54 |
|
---|
55 | sourceIndex = currentPageId === 'find' ? 1 : 0;
|
---|
56 | targetIndex = 1 - sourceIndex;
|
---|
57 | var i, l = fieldsMapping.length;
|
---|
58 | for ( i = 0 ; i < l ; i++ )
|
---|
59 | {
|
---|
60 | sourceField = this.getContentElement( pages[ sourceIndex ],
|
---|
61 | fieldsMapping[ i ][ sourceIndex ] );
|
---|
62 | targetField = this.getContentElement( pages[ targetIndex ],
|
---|
63 | fieldsMapping[ i ][ targetIndex ] );
|
---|
64 |
|
---|
65 | targetField.setValue( sourceField.getValue() );
|
---|
66 | }
|
---|
67 | }
|
---|
68 |
|
---|
69 | var findDialog = function( editor, startupPage )
|
---|
70 | {
|
---|
71 | // Style object for highlights: (#5018)
|
---|
72 | // 1. Defined as full match style to avoid compromising ordinary text color styles.
|
---|
73 | // 2. Must be apply onto inner-most text to avoid conflicting with ordinary text color styles visually.
|
---|
74 | var highlightStyle = new CKEDITOR.style(
|
---|
75 | CKEDITOR.tools.extend( { attributes : { 'data-cke-highlight': 1 }, fullMatch : 1, ignoreReadonly : 1, childRule : function(){ return 0; } },
|
---|
76 | editor.config.find_highlight, true ) );
|
---|
77 |
|
---|
78 | /**
|
---|
79 | * Iterator which walk through the specified range char by char. By
|
---|
80 | * default the walking will not stop at the character boundaries, until
|
---|
81 | * the end of the range is encountered.
|
---|
82 | * @param { CKEDITOR.dom.range } range
|
---|
83 | * @param {Boolean} matchWord Whether the walking will stop at character boundary.
|
---|
84 | */
|
---|
85 | var characterWalker = function( range , matchWord )
|
---|
86 | {
|
---|
87 | var self = this;
|
---|
88 | var walker =
|
---|
89 | new CKEDITOR.dom.walker( range );
|
---|
90 | walker.guard = matchWord ? nonCharactersBoundary : function( node )
|
---|
91 | {
|
---|
92 | !nonCharactersBoundary( node ) && ( self._.matchBoundary = true );
|
---|
93 | };
|
---|
94 | walker[ 'evaluator' ] = findEvaluator;
|
---|
95 | walker.breakOnFalse = 1;
|
---|
96 |
|
---|
97 | if ( range.startContainer.type == CKEDITOR.NODE_TEXT )
|
---|
98 | {
|
---|
99 | this.textNode = range.startContainer;
|
---|
100 | this.offset = range.startOffset - 1;
|
---|
101 | }
|
---|
102 |
|
---|
103 | this._ = {
|
---|
104 | matchWord : matchWord,
|
---|
105 | walker : walker,
|
---|
106 | matchBoundary : false
|
---|
107 | };
|
---|
108 | };
|
---|
109 |
|
---|
110 | characterWalker.prototype = {
|
---|
111 | next : function()
|
---|
112 | {
|
---|
113 | return this.move();
|
---|
114 | },
|
---|
115 |
|
---|
116 | back : function()
|
---|
117 | {
|
---|
118 | return this.move( true );
|
---|
119 | },
|
---|
120 |
|
---|
121 | move : function( rtl )
|
---|
122 | {
|
---|
123 | var currentTextNode = this.textNode;
|
---|
124 | // Already at the end of document, no more character available.
|
---|
125 | if ( currentTextNode === null )
|
---|
126 | return cursorStep.call( this );
|
---|
127 |
|
---|
128 | this._.matchBoundary = false;
|
---|
129 |
|
---|
130 | // There are more characters in the text node, step forward.
|
---|
131 | if ( currentTextNode
|
---|
132 | && rtl
|
---|
133 | && this.offset > 0 )
|
---|
134 | {
|
---|
135 | this.offset--;
|
---|
136 | return cursorStep.call( this );
|
---|
137 | }
|
---|
138 | else if ( currentTextNode
|
---|
139 | && this.offset < currentTextNode.getLength() - 1 )
|
---|
140 | {
|
---|
141 | this.offset++;
|
---|
142 | return cursorStep.call( this );
|
---|
143 | }
|
---|
144 | else
|
---|
145 | {
|
---|
146 | currentTextNode = null;
|
---|
147 | // At the end of the text node, walking foward for the next.
|
---|
148 | while ( !currentTextNode )
|
---|
149 | {
|
---|
150 | currentTextNode =
|
---|
151 | this._.walker[ rtl ? 'previous' : 'next' ].call( this._.walker );
|
---|
152 |
|
---|
153 | // Stop searching if we're need full word match OR
|
---|
154 | // already reach document end.
|
---|
155 | if ( this._.matchWord && !currentTextNode
|
---|
156 | || this._.walker._.end )
|
---|
157 | break;
|
---|
158 | }
|
---|
159 | // Found a fresh text node.
|
---|
160 | this.textNode = currentTextNode;
|
---|
161 | if ( currentTextNode )
|
---|
162 | this.offset = rtl ? currentTextNode.getLength() - 1 : 0;
|
---|
163 | else
|
---|
164 | this.offset = 0;
|
---|
165 | }
|
---|
166 |
|
---|
167 | return cursorStep.call( this );
|
---|
168 | }
|
---|
169 |
|
---|
170 | };
|
---|
171 |
|
---|
172 | /**
|
---|
173 | * A range of cursors which represent a trunk of characters which try to
|
---|
174 | * match, it has the same length as the pattern string.
|
---|
175 | */
|
---|
176 | var characterRange = function( characterWalker, rangeLength )
|
---|
177 | {
|
---|
178 | this._ = {
|
---|
179 | walker : characterWalker,
|
---|
180 | cursors : [],
|
---|
181 | rangeLength : rangeLength,
|
---|
182 | highlightRange : null,
|
---|
183 | isMatched : 0
|
---|
184 | };
|
---|
185 | };
|
---|
186 |
|
---|
187 | characterRange.prototype = {
|
---|
188 | /**
|
---|
189 | * Translate this range to {@link CKEDITOR.dom.range}
|
---|
190 | */
|
---|
191 | toDomRange : function()
|
---|
192 | {
|
---|
193 | var range = new CKEDITOR.dom.range( editor.document );
|
---|
194 | var cursors = this._.cursors;
|
---|
195 | if ( cursors.length < 1 )
|
---|
196 | {
|
---|
197 | var textNode = this._.walker.textNode;
|
---|
198 | if ( textNode )
|
---|
199 | range.setStartAfter( textNode );
|
---|
200 | else
|
---|
201 | return null;
|
---|
202 | }
|
---|
203 | else
|
---|
204 | {
|
---|
205 | var first = cursors[0],
|
---|
206 | last = cursors[ cursors.length - 1 ];
|
---|
207 |
|
---|
208 | range.setStart( first.textNode, first.offset );
|
---|
209 | range.setEnd( last.textNode, last.offset + 1 );
|
---|
210 | }
|
---|
211 |
|
---|
212 | return range;
|
---|
213 | },
|
---|
214 | /**
|
---|
215 | * Reflect the latest changes from dom range.
|
---|
216 | */
|
---|
217 | updateFromDomRange : function( domRange )
|
---|
218 | {
|
---|
219 | var cursor,
|
---|
220 | walker = new characterWalker( domRange );
|
---|
221 | this._.cursors = [];
|
---|
222 | do
|
---|
223 | {
|
---|
224 | cursor = walker.next();
|
---|
225 | if ( cursor.character )
|
---|
226 | this._.cursors.push( cursor );
|
---|
227 | }
|
---|
228 | while ( cursor.character );
|
---|
229 | this._.rangeLength = this._.cursors.length;
|
---|
230 | },
|
---|
231 |
|
---|
232 | setMatched : function()
|
---|
233 | {
|
---|
234 | this._.isMatched = true;
|
---|
235 | },
|
---|
236 |
|
---|
237 | clearMatched : function()
|
---|
238 | {
|
---|
239 | this._.isMatched = false;
|
---|
240 | },
|
---|
241 |
|
---|
242 | isMatched : function()
|
---|
243 | {
|
---|
244 | return this._.isMatched;
|
---|
245 | },
|
---|
246 |
|
---|
247 | /**
|
---|
248 | * Hightlight the current matched chunk of text.
|
---|
249 | */
|
---|
250 | highlight : function()
|
---|
251 | {
|
---|
252 | // Do not apply if nothing is found.
|
---|
253 | if ( this._.cursors.length < 1 )
|
---|
254 | return;
|
---|
255 |
|
---|
256 | // Remove the previous highlight if there's one.
|
---|
257 | if ( this._.highlightRange )
|
---|
258 | this.removeHighlight();
|
---|
259 |
|
---|
260 | // Apply the highlight.
|
---|
261 | var range = this.toDomRange(),
|
---|
262 | bookmark = range.createBookmark();
|
---|
263 | highlightStyle.applyToRange( range );
|
---|
264 | range.moveToBookmark( bookmark );
|
---|
265 | this._.highlightRange = range;
|
---|
266 |
|
---|
267 | // Scroll the editor to the highlighted area.
|
---|
268 | var element = range.startContainer;
|
---|
269 | if ( element.type != CKEDITOR.NODE_ELEMENT )
|
---|
270 | element = element.getParent();
|
---|
271 | element.scrollIntoView();
|
---|
272 |
|
---|
273 | // Update the character cursors.
|
---|
274 | this.updateFromDomRange( range );
|
---|
275 | },
|
---|
276 |
|
---|
277 | /**
|
---|
278 | * Remove highlighted find result.
|
---|
279 | */
|
---|
280 | removeHighlight : function()
|
---|
281 | {
|
---|
282 | if ( !this._.highlightRange )
|
---|
283 | return;
|
---|
284 |
|
---|
285 | var bookmark = this._.highlightRange.createBookmark();
|
---|
286 | highlightStyle.removeFromRange( this._.highlightRange );
|
---|
287 | this._.highlightRange.moveToBookmark( bookmark );
|
---|
288 | this.updateFromDomRange( this._.highlightRange );
|
---|
289 | this._.highlightRange = null;
|
---|
290 | },
|
---|
291 |
|
---|
292 | isReadOnly : function()
|
---|
293 | {
|
---|
294 | if ( !this._.highlightRange )
|
---|
295 | return 0;
|
---|
296 |
|
---|
297 | return this._.highlightRange.startContainer.isReadOnly();
|
---|
298 | },
|
---|
299 |
|
---|
300 | moveBack : function()
|
---|
301 | {
|
---|
302 | var retval = this._.walker.back(),
|
---|
303 | cursors = this._.cursors;
|
---|
304 |
|
---|
305 | if ( retval.hitMatchBoundary )
|
---|
306 | this._.cursors = cursors = [];
|
---|
307 |
|
---|
308 | cursors.unshift( retval );
|
---|
309 | if ( cursors.length > this._.rangeLength )
|
---|
310 | cursors.pop();
|
---|
311 |
|
---|
312 | return retval;
|
---|
313 | },
|
---|
314 |
|
---|
315 | moveNext : function()
|
---|
316 | {
|
---|
317 | var retval = this._.walker.next(),
|
---|
318 | cursors = this._.cursors;
|
---|
319 |
|
---|
320 | // Clear the cursors queue if we've crossed a match boundary.
|
---|
321 | if ( retval.hitMatchBoundary )
|
---|
322 | this._.cursors = cursors = [];
|
---|
323 |
|
---|
324 | cursors.push( retval );
|
---|
325 | if ( cursors.length > this._.rangeLength )
|
---|
326 | cursors.shift();
|
---|
327 |
|
---|
328 | return retval;
|
---|
329 | },
|
---|
330 |
|
---|
331 | getEndCharacter : function()
|
---|
332 | {
|
---|
333 | var cursors = this._.cursors;
|
---|
334 | if ( cursors.length < 1 )
|
---|
335 | return null;
|
---|
336 |
|
---|
337 | return cursors[ cursors.length - 1 ].character;
|
---|
338 | },
|
---|
339 |
|
---|
340 | getNextCharacterRange : function( maxLength )
|
---|
341 | {
|
---|
342 | var lastCursor,
|
---|
343 | nextRangeWalker,
|
---|
344 | cursors = this._.cursors;
|
---|
345 |
|
---|
346 | if ( ( lastCursor = cursors[ cursors.length - 1 ] ) && lastCursor.textNode )
|
---|
347 | nextRangeWalker = new characterWalker( getRangeAfterCursor( lastCursor ) );
|
---|
348 | // In case it's an empty range (no cursors), figure out next range from walker (#4951).
|
---|
349 | else
|
---|
350 | nextRangeWalker = this._.walker;
|
---|
351 |
|
---|
352 | return new characterRange( nextRangeWalker, maxLength );
|
---|
353 | },
|
---|
354 |
|
---|
355 | getCursors : function()
|
---|
356 | {
|
---|
357 | return this._.cursors;
|
---|
358 | }
|
---|
359 | };
|
---|
360 |
|
---|
361 |
|
---|
362 | // The remaining document range after the character cursor.
|
---|
363 | function getRangeAfterCursor( cursor , inclusive )
|
---|
364 | {
|
---|
365 | var range = new CKEDITOR.dom.range();
|
---|
366 | range.setStart( cursor.textNode,
|
---|
367 | ( inclusive ? cursor.offset : cursor.offset + 1 ) );
|
---|
368 | range.setEndAt( editor.document.getBody(),
|
---|
369 | CKEDITOR.POSITION_BEFORE_END );
|
---|
370 | return range;
|
---|
371 | }
|
---|
372 |
|
---|
373 | // The document range before the character cursor.
|
---|
374 | function getRangeBeforeCursor( cursor )
|
---|
375 | {
|
---|
376 | var range = new CKEDITOR.dom.range();
|
---|
377 | range.setStartAt( editor.document.getBody(),
|
---|
378 | CKEDITOR.POSITION_AFTER_START );
|
---|
379 | range.setEnd( cursor.textNode, cursor.offset );
|
---|
380 | return range;
|
---|
381 | }
|
---|
382 |
|
---|
383 | var KMP_NOMATCH = 0,
|
---|
384 | KMP_ADVANCED = 1,
|
---|
385 | KMP_MATCHED = 2;
|
---|
386 | /**
|
---|
387 | * Examination the occurrence of a word which implement KMP algorithm.
|
---|
388 | */
|
---|
389 | var kmpMatcher = function( pattern, ignoreCase )
|
---|
390 | {
|
---|
391 | var overlap = [ -1 ];
|
---|
392 | if ( ignoreCase )
|
---|
393 | pattern = pattern.toLowerCase();
|
---|
394 | for ( var i = 0 ; i < pattern.length ; i++ )
|
---|
395 | {
|
---|
396 | overlap.push( overlap[i] + 1 );
|
---|
397 | while ( overlap[ i + 1 ] > 0
|
---|
398 | && pattern.charAt( i ) != pattern
|
---|
399 | .charAt( overlap[ i + 1 ] - 1 ) )
|
---|
400 | overlap[ i + 1 ] = overlap[ overlap[ i + 1 ] - 1 ] + 1;
|
---|
401 | }
|
---|
402 |
|
---|
403 | this._ = {
|
---|
404 | overlap : overlap,
|
---|
405 | state : 0,
|
---|
406 | ignoreCase : !!ignoreCase,
|
---|
407 | pattern : pattern
|
---|
408 | };
|
---|
409 | };
|
---|
410 |
|
---|
411 | kmpMatcher.prototype =
|
---|
412 | {
|
---|
413 | feedCharacter : function( c )
|
---|
414 | {
|
---|
415 | if ( this._.ignoreCase )
|
---|
416 | c = c.toLowerCase();
|
---|
417 |
|
---|
418 | while ( true )
|
---|
419 | {
|
---|
420 | if ( c == this._.pattern.charAt( this._.state ) )
|
---|
421 | {
|
---|
422 | this._.state++;
|
---|
423 | if ( this._.state == this._.pattern.length )
|
---|
424 | {
|
---|
425 | this._.state = 0;
|
---|
426 | return KMP_MATCHED;
|
---|
427 | }
|
---|
428 | return KMP_ADVANCED;
|
---|
429 | }
|
---|
430 | else if ( !this._.state )
|
---|
431 | return KMP_NOMATCH;
|
---|
432 | else
|
---|
433 | this._.state = this._.overlap[ this._.state ];
|
---|
434 | }
|
---|
435 |
|
---|
436 | return null;
|
---|
437 | },
|
---|
438 |
|
---|
439 | reset : function()
|
---|
440 | {
|
---|
441 | this._.state = 0;
|
---|
442 | }
|
---|
443 | };
|
---|
444 |
|
---|
445 | var wordSeparatorRegex =
|
---|
446 | /[.,"'?!;: \u0085\u00a0\u1680\u280e\u2028\u2029\u202f\u205f\u3000]/;
|
---|
447 |
|
---|
448 | var isWordSeparator = function( c )
|
---|
449 | {
|
---|
450 | if ( !c )
|
---|
451 | return true;
|
---|
452 | var code = c.charCodeAt( 0 );
|
---|
453 | return ( code >= 9 && code <= 0xd )
|
---|
454 | || ( code >= 0x2000 && code <= 0x200a )
|
---|
455 | || wordSeparatorRegex.test( c );
|
---|
456 | };
|
---|
457 |
|
---|
458 | var finder = {
|
---|
459 | searchRange : null,
|
---|
460 | matchRange : null,
|
---|
461 | find : function( pattern, matchCase, matchWord, matchCyclic, highlightMatched, cyclicRerun )
|
---|
462 | {
|
---|
463 | if ( !this.matchRange )
|
---|
464 | this.matchRange =
|
---|
465 | new characterRange(
|
---|
466 | new characterWalker( this.searchRange ),
|
---|
467 | pattern.length );
|
---|
468 | else
|
---|
469 | {
|
---|
470 | this.matchRange.removeHighlight();
|
---|
471 | this.matchRange = this.matchRange.getNextCharacterRange( pattern.length );
|
---|
472 | }
|
---|
473 |
|
---|
474 | var matcher = new kmpMatcher( pattern, !matchCase ),
|
---|
475 | matchState = KMP_NOMATCH,
|
---|
476 | character = '%';
|
---|
477 |
|
---|
478 | while ( character !== null )
|
---|
479 | {
|
---|
480 | this.matchRange.moveNext();
|
---|
481 | while ( ( character = this.matchRange.getEndCharacter() ) )
|
---|
482 | {
|
---|
483 | matchState = matcher.feedCharacter( character );
|
---|
484 | if ( matchState == KMP_MATCHED )
|
---|
485 | break;
|
---|
486 | if ( this.matchRange.moveNext().hitMatchBoundary )
|
---|
487 | matcher.reset();
|
---|
488 | }
|
---|
489 |
|
---|
490 | if ( matchState == KMP_MATCHED )
|
---|
491 | {
|
---|
492 | if ( matchWord )
|
---|
493 | {
|
---|
494 | var cursors = this.matchRange.getCursors(),
|
---|
495 | tail = cursors[ cursors.length - 1 ],
|
---|
496 | head = cursors[ 0 ];
|
---|
497 |
|
---|
498 | var headWalker = new characterWalker( getRangeBeforeCursor( head ), true ),
|
---|
499 | tailWalker = new characterWalker( getRangeAfterCursor( tail ), true );
|
---|
500 |
|
---|
501 | if ( ! ( isWordSeparator( headWalker.back().character )
|
---|
502 | && isWordSeparator( tailWalker.next().character ) ) )
|
---|
503 | continue;
|
---|
504 | }
|
---|
505 | this.matchRange.setMatched();
|
---|
506 | if ( highlightMatched !== false )
|
---|
507 | this.matchRange.highlight();
|
---|
508 | return true;
|
---|
509 | }
|
---|
510 | }
|
---|
511 |
|
---|
512 | this.matchRange.clearMatched();
|
---|
513 | this.matchRange.removeHighlight();
|
---|
514 | // Clear current session and restart with the default search
|
---|
515 | // range.
|
---|
516 | // Re-run the finding once for cyclic.(#3517)
|
---|
517 | if ( matchCyclic && !cyclicRerun )
|
---|
518 | {
|
---|
519 | this.searchRange = getSearchRange( 1 );
|
---|
520 | this.matchRange = null;
|
---|
521 | return arguments.callee.apply( this,
|
---|
522 | Array.prototype.slice.call( arguments ).concat( [ true ] ) );
|
---|
523 | }
|
---|
524 |
|
---|
525 | return false;
|
---|
526 | },
|
---|
527 |
|
---|
528 | /**
|
---|
529 | * Record how much replacement occurred toward one replacing.
|
---|
530 | */
|
---|
531 | replaceCounter : 0,
|
---|
532 |
|
---|
533 | replace : function( dialog, pattern, newString, matchCase, matchWord,
|
---|
534 | matchCyclic , isReplaceAll )
|
---|
535 | {
|
---|
536 | isReplace = 1;
|
---|
537 |
|
---|
538 | // Successiveness of current replace/find.
|
---|
539 | var result = 0;
|
---|
540 |
|
---|
541 | // 1. Perform the replace when there's already a match here.
|
---|
542 | // 2. Otherwise perform the find but don't replace it immediately.
|
---|
543 | if ( this.matchRange && this.matchRange.isMatched()
|
---|
544 | && !this.matchRange._.isReplaced && !this.matchRange.isReadOnly() )
|
---|
545 | {
|
---|
546 | // Turn off highlight for a while when saving snapshots.
|
---|
547 | this.matchRange.removeHighlight();
|
---|
548 | var domRange = this.matchRange.toDomRange();
|
---|
549 | var text = editor.document.createText( newString );
|
---|
550 | if ( !isReplaceAll )
|
---|
551 | {
|
---|
552 | // Save undo snaps before and after the replacement.
|
---|
553 | var selection = editor.getSelection();
|
---|
554 | selection.selectRanges( [ domRange ] );
|
---|
555 | editor.fire( 'saveSnapshot' );
|
---|
556 | }
|
---|
557 | domRange.deleteContents();
|
---|
558 | domRange.insertNode( text );
|
---|
559 | if ( !isReplaceAll )
|
---|
560 | {
|
---|
561 | selection.selectRanges( [ domRange ] );
|
---|
562 | editor.fire( 'saveSnapshot' );
|
---|
563 | }
|
---|
564 | this.matchRange.updateFromDomRange( domRange );
|
---|
565 | if ( !isReplaceAll )
|
---|
566 | this.matchRange.highlight();
|
---|
567 | this.matchRange._.isReplaced = true;
|
---|
568 | this.replaceCounter++;
|
---|
569 | result = 1;
|
---|
570 | }
|
---|
571 | else
|
---|
572 | result = this.find( pattern, matchCase, matchWord, matchCyclic, !isReplaceAll );
|
---|
573 |
|
---|
574 | isReplace = 0;
|
---|
575 |
|
---|
576 | return result;
|
---|
577 | }
|
---|
578 | };
|
---|
579 |
|
---|
580 | /**
|
---|
581 | * The range in which find/replace happened, receive from user
|
---|
582 | * selection prior.
|
---|
583 | */
|
---|
584 | function getSearchRange( isDefault )
|
---|
585 | {
|
---|
586 | var searchRange,
|
---|
587 | sel = editor.getSelection(),
|
---|
588 | body = editor.document.getBody();
|
---|
589 | if ( sel && !isDefault )
|
---|
590 | {
|
---|
591 | searchRange = sel.getRanges()[ 0 ].clone();
|
---|
592 | searchRange.collapse( true );
|
---|
593 | }
|
---|
594 | else
|
---|
595 | {
|
---|
596 | searchRange = new CKEDITOR.dom.range();
|
---|
597 | searchRange.setStartAt( body, CKEDITOR.POSITION_AFTER_START );
|
---|
598 | }
|
---|
599 | searchRange.setEndAt( body, CKEDITOR.POSITION_BEFORE_END );
|
---|
600 | return searchRange;
|
---|
601 | }
|
---|
602 |
|
---|
603 | var lang = editor.lang.findAndReplace;
|
---|
604 | return {
|
---|
605 | title : lang.title,
|
---|
606 | resizable : CKEDITOR.DIALOG_RESIZE_NONE,
|
---|
607 | minWidth : 350,
|
---|
608 | minHeight : 170,
|
---|
609 | buttons : [ CKEDITOR.dialog.cancelButton ], // Cancel button only.
|
---|
610 | contents : [
|
---|
611 | {
|
---|
612 | id : 'find',
|
---|
613 | label : lang.find,
|
---|
614 | title : lang.find,
|
---|
615 | accessKey : '',
|
---|
616 | elements : [
|
---|
617 | {
|
---|
618 | type : 'hbox',
|
---|
619 | widths : [ '230px', '90px' ],
|
---|
620 | children :
|
---|
621 | [
|
---|
622 | {
|
---|
623 | type : 'text',
|
---|
624 | id : 'txtFindFind',
|
---|
625 | label : lang.findWhat,
|
---|
626 | isChanged : false,
|
---|
627 | labelLayout : 'horizontal',
|
---|
628 | accessKey : 'F'
|
---|
629 | },
|
---|
630 | {
|
---|
631 | type : 'button',
|
---|
632 | id : 'btnFind',
|
---|
633 | align : 'left',
|
---|
634 | style : 'width:100%',
|
---|
635 | label : lang.find,
|
---|
636 | onClick : function()
|
---|
637 | {
|
---|
638 | var dialog = this.getDialog();
|
---|
639 | if ( !finder.find( dialog.getValueOf( 'find', 'txtFindFind' ),
|
---|
640 | dialog.getValueOf( 'find', 'txtFindCaseChk' ),
|
---|
641 | dialog.getValueOf( 'find', 'txtFindWordChk' ),
|
---|
642 | dialog.getValueOf( 'find', 'txtFindCyclic' ) ) )
|
---|
643 | alert( lang
|
---|
644 | .notFoundMsg );
|
---|
645 | }
|
---|
646 | }
|
---|
647 | ]
|
---|
648 | },
|
---|
649 | {
|
---|
650 | type : 'fieldset',
|
---|
651 | label : CKEDITOR.tools.htmlEncode( lang.findOptions ),
|
---|
652 | style : 'margin-top:29px',
|
---|
653 | children :
|
---|
654 | [
|
---|
655 | {
|
---|
656 | type : 'vbox',
|
---|
657 | padding : 0,
|
---|
658 | children :
|
---|
659 | [
|
---|
660 | {
|
---|
661 | type : 'checkbox',
|
---|
662 | id : 'txtFindCaseChk',
|
---|
663 | isChanged : false,
|
---|
664 | label : lang.matchCase
|
---|
665 | },
|
---|
666 | {
|
---|
667 | type : 'checkbox',
|
---|
668 | id : 'txtFindWordChk',
|
---|
669 | isChanged : false,
|
---|
670 | label : lang.matchWord
|
---|
671 | },
|
---|
672 | {
|
---|
673 | type : 'checkbox',
|
---|
674 | id : 'txtFindCyclic',
|
---|
675 | isChanged : false,
|
---|
676 | 'default' : true,
|
---|
677 | label : lang.matchCyclic
|
---|
678 | }
|
---|
679 | ]
|
---|
680 | }
|
---|
681 | ]
|
---|
682 | }
|
---|
683 | ]
|
---|
684 | },
|
---|
685 | {
|
---|
686 | id : 'replace',
|
---|
687 | label : lang.replace,
|
---|
688 | accessKey : 'M',
|
---|
689 | elements : [
|
---|
690 | {
|
---|
691 | type : 'hbox',
|
---|
692 | widths : [ '230px', '90px' ],
|
---|
693 | children :
|
---|
694 | [
|
---|
695 | {
|
---|
696 | type : 'text',
|
---|
697 | id : 'txtFindReplace',
|
---|
698 | label : lang.findWhat,
|
---|
699 | isChanged : false,
|
---|
700 | labelLayout : 'horizontal',
|
---|
701 | accessKey : 'F'
|
---|
702 | },
|
---|
703 | {
|
---|
704 | type : 'button',
|
---|
705 | id : 'btnFindReplace',
|
---|
706 | align : 'left',
|
---|
707 | style : 'width:100%',
|
---|
708 | label : lang.replace,
|
---|
709 | onClick : function()
|
---|
710 | {
|
---|
711 | var dialog = this.getDialog();
|
---|
712 | if ( !finder.replace( dialog,
|
---|
713 | dialog.getValueOf( 'replace', 'txtFindReplace' ),
|
---|
714 | dialog.getValueOf( 'replace', 'txtReplace' ),
|
---|
715 | dialog.getValueOf( 'replace', 'txtReplaceCaseChk' ),
|
---|
716 | dialog.getValueOf( 'replace', 'txtReplaceWordChk' ),
|
---|
717 | dialog.getValueOf( 'replace', 'txtReplaceCyclic' ) ) )
|
---|
718 | alert( lang
|
---|
719 | .notFoundMsg );
|
---|
720 | }
|
---|
721 | }
|
---|
722 | ]
|
---|
723 | },
|
---|
724 | {
|
---|
725 | type : 'hbox',
|
---|
726 | widths : [ '230px', '90px' ],
|
---|
727 | children :
|
---|
728 | [
|
---|
729 | {
|
---|
730 | type : 'text',
|
---|
731 | id : 'txtReplace',
|
---|
732 | label : lang.replaceWith,
|
---|
733 | isChanged : false,
|
---|
734 | labelLayout : 'horizontal',
|
---|
735 | accessKey : 'R'
|
---|
736 | },
|
---|
737 | {
|
---|
738 | type : 'button',
|
---|
739 | id : 'btnReplaceAll',
|
---|
740 | align : 'left',
|
---|
741 | style : 'width:100%',
|
---|
742 | label : lang.replaceAll,
|
---|
743 | isChanged : false,
|
---|
744 | onClick : function()
|
---|
745 | {
|
---|
746 | var dialog = this.getDialog();
|
---|
747 | var replaceNums;
|
---|
748 |
|
---|
749 | finder.replaceCounter = 0;
|
---|
750 |
|
---|
751 | // Scope to full document.
|
---|
752 | finder.searchRange = getSearchRange( 1 );
|
---|
753 | if ( finder.matchRange )
|
---|
754 | {
|
---|
755 | finder.matchRange.removeHighlight();
|
---|
756 | finder.matchRange = null;
|
---|
757 | }
|
---|
758 | editor.fire( 'saveSnapshot' );
|
---|
759 | while ( finder.replace( dialog,
|
---|
760 | dialog.getValueOf( 'replace', 'txtFindReplace' ),
|
---|
761 | dialog.getValueOf( 'replace', 'txtReplace' ),
|
---|
762 | dialog.getValueOf( 'replace', 'txtReplaceCaseChk' ),
|
---|
763 | dialog.getValueOf( 'replace', 'txtReplaceWordChk' ),
|
---|
764 | false, true ) )
|
---|
765 | { /*jsl:pass*/ }
|
---|
766 |
|
---|
767 | if ( finder.replaceCounter )
|
---|
768 | {
|
---|
769 | alert( lang.replaceSuccessMsg.replace( /%1/, finder.replaceCounter ) );
|
---|
770 | editor.fire( 'saveSnapshot' );
|
---|
771 | }
|
---|
772 | else
|
---|
773 | alert( lang.notFoundMsg );
|
---|
774 | }
|
---|
775 | }
|
---|
776 | ]
|
---|
777 | },
|
---|
778 | {
|
---|
779 | type : 'fieldset',
|
---|
780 | label : CKEDITOR.tools.htmlEncode( lang.findOptions ),
|
---|
781 | children :
|
---|
782 | [
|
---|
783 | {
|
---|
784 | type : 'vbox',
|
---|
785 | padding : 0,
|
---|
786 | children :
|
---|
787 | [
|
---|
788 | {
|
---|
789 | type : 'checkbox',
|
---|
790 | id : 'txtReplaceCaseChk',
|
---|
791 | isChanged : false,
|
---|
792 | label : lang.matchCase
|
---|
793 | },
|
---|
794 | {
|
---|
795 | type : 'checkbox',
|
---|
796 | id : 'txtReplaceWordChk',
|
---|
797 | isChanged : false,
|
---|
798 | label : lang.matchWord
|
---|
799 | },
|
---|
800 | {
|
---|
801 | type : 'checkbox',
|
---|
802 | id : 'txtReplaceCyclic',
|
---|
803 | isChanged : false,
|
---|
804 | 'default' : true,
|
---|
805 | label : lang.matchCyclic
|
---|
806 | }
|
---|
807 | ]
|
---|
808 | }
|
---|
809 | ]
|
---|
810 | }
|
---|
811 | ]
|
---|
812 | }
|
---|
813 | ],
|
---|
814 | onLoad : function()
|
---|
815 | {
|
---|
816 | var dialog = this;
|
---|
817 |
|
---|
818 | // Keep track of the current pattern field in use.
|
---|
819 | var patternField, wholeWordChkField;
|
---|
820 |
|
---|
821 | // Ignore initial page select on dialog show
|
---|
822 | var isUserSelect = 0;
|
---|
823 | this.on( 'hide', function()
|
---|
824 | {
|
---|
825 | isUserSelect = 0;
|
---|
826 | });
|
---|
827 | this.on( 'show', function()
|
---|
828 | {
|
---|
829 | isUserSelect = 1;
|
---|
830 | });
|
---|
831 |
|
---|
832 | this.selectPage = CKEDITOR.tools.override( this.selectPage, function( originalFunc )
|
---|
833 | {
|
---|
834 | return function( pageId )
|
---|
835 | {
|
---|
836 | originalFunc.call( dialog, pageId );
|
---|
837 |
|
---|
838 | var currPage = dialog._.tabs[ pageId ];
|
---|
839 | var patternFieldInput, patternFieldId, wholeWordChkFieldId;
|
---|
840 | patternFieldId = pageId === 'find' ? 'txtFindFind' : 'txtFindReplace';
|
---|
841 | wholeWordChkFieldId = pageId === 'find' ? 'txtFindWordChk' : 'txtReplaceWordChk';
|
---|
842 |
|
---|
843 | patternField = dialog.getContentElement( pageId,
|
---|
844 | patternFieldId );
|
---|
845 | wholeWordChkField = dialog.getContentElement( pageId,
|
---|
846 | wholeWordChkFieldId );
|
---|
847 |
|
---|
848 | // Prepare for check pattern text filed 'keyup' event
|
---|
849 | if ( !currPage.initialized )
|
---|
850 | {
|
---|
851 | patternFieldInput = CKEDITOR.document
|
---|
852 | .getById( patternField._.inputId );
|
---|
853 | currPage.initialized = true;
|
---|
854 | }
|
---|
855 |
|
---|
856 | // Synchronize fields on tab switch.
|
---|
857 | if ( isUserSelect )
|
---|
858 | syncFieldsBetweenTabs.call( this, pageId );
|
---|
859 | };
|
---|
860 | } );
|
---|
861 |
|
---|
862 | },
|
---|
863 | onShow : function()
|
---|
864 | {
|
---|
865 | // Establish initial searching start position.
|
---|
866 | finder.searchRange = getSearchRange();
|
---|
867 |
|
---|
868 | // Fill in the find field with selected text.
|
---|
869 | var selectedText = this.getParentEditor().getSelection().getSelectedText(),
|
---|
870 | patternFieldId = ( startupPage == 'find' ? 'txtFindFind' : 'txtFindReplace' );
|
---|
871 |
|
---|
872 | var field = this.getContentElement( startupPage, patternFieldId );
|
---|
873 | field.setValue( selectedText );
|
---|
874 | field.select();
|
---|
875 |
|
---|
876 | this.selectPage( startupPage );
|
---|
877 |
|
---|
878 | this[ ( startupPage == 'find' && this._.editor.readOnly? 'hide' : 'show' ) + 'Page' ]( 'replace');
|
---|
879 | },
|
---|
880 | onHide : function()
|
---|
881 | {
|
---|
882 | var range;
|
---|
883 | if ( finder.matchRange && finder.matchRange.isMatched() )
|
---|
884 | {
|
---|
885 | finder.matchRange.removeHighlight();
|
---|
886 | editor.focus();
|
---|
887 |
|
---|
888 | range = finder.matchRange.toDomRange();
|
---|
889 | if ( range )
|
---|
890 | editor.getSelection().selectRanges( [ range ] );
|
---|
891 | }
|
---|
892 |
|
---|
893 | // Clear current session before dialog close
|
---|
894 | delete finder.matchRange;
|
---|
895 | },
|
---|
896 | onFocus : function()
|
---|
897 | {
|
---|
898 | if ( startupPage == 'replace' )
|
---|
899 | return this.getContentElement( 'replace', 'txtFindReplace' );
|
---|
900 | else
|
---|
901 | return this.getContentElement( 'find', 'txtFindFind' );
|
---|
902 | }
|
---|
903 | };
|
---|
904 | };
|
---|
905 |
|
---|
906 | CKEDITOR.dialog.add( 'find', function( editor )
|
---|
907 | {
|
---|
908 | return findDialog( editor, 'find' );
|
---|
909 | });
|
---|
910 |
|
---|
911 | CKEDITOR.dialog.add( 'replace', function( editor )
|
---|
912 | {
|
---|
913 | return findDialog( editor, 'replace' );
|
---|
914 | });
|
---|
915 | })();
|
---|