JasonWoof Got questions, comments, patches, etc.? Contact Jason Woofenden
vanilla ckeditor-3.5
[ckeditor.git] / _source / core / dom / node.js
1 /*\r
2 Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.\r
3 For licensing, see LICENSE.html or http://ckeditor.com/license\r
4 */\r
5 \r
6 /**\r
7  * @fileOverview Defines the {@link CKEDITOR.dom.node} class, which is the base\r
8  *              class for classes that represent DOM nodes.\r
9  */\r
10 \r
11 /**\r
12  * Base class for classes representing DOM nodes. This constructor may return\r
13  * and instance of classes that inherits this class, like\r
14  * {@link CKEDITOR.dom.element} or {@link CKEDITOR.dom.text}.\r
15  * @augments CKEDITOR.dom.domObject\r
16  * @param {Object} domNode A native DOM node.\r
17  * @constructor\r
18  * @see CKEDITOR.dom.element\r
19  * @see CKEDITOR.dom.text\r
20  * @example\r
21  */\r
22 CKEDITOR.dom.node = function( domNode )\r
23 {\r
24         if ( domNode )\r
25         {\r
26                 switch ( domNode.nodeType )\r
27                 {\r
28                         // Safari don't consider document as element node type. (#3389)\r
29                         case CKEDITOR.NODE_DOCUMENT :\r
30                                 return new CKEDITOR.dom.document( domNode );\r
31 \r
32                         case CKEDITOR.NODE_ELEMENT :\r
33                                 return new CKEDITOR.dom.element( domNode );\r
34 \r
35                         case CKEDITOR.NODE_TEXT :\r
36                                 return new CKEDITOR.dom.text( domNode );\r
37                 }\r
38 \r
39                 // Call the base constructor.\r
40                 CKEDITOR.dom.domObject.call( this, domNode );\r
41         }\r
42 \r
43         return this;\r
44 };\r
45 \r
46 CKEDITOR.dom.node.prototype = new CKEDITOR.dom.domObject();\r
47 \r
48 /**\r
49  * Element node type.\r
50  * @constant\r
51  * @example\r
52  */\r
53 CKEDITOR.NODE_ELEMENT = 1;\r
54 \r
55 /**\r
56  * Document node type.\r
57  * @constant\r
58  * @example\r
59  */\r
60 CKEDITOR.NODE_DOCUMENT = 9;\r
61 \r
62 /**\r
63  * Text node type.\r
64  * @constant\r
65  * @example\r
66  */\r
67 CKEDITOR.NODE_TEXT = 3;\r
68 \r
69 /**\r
70  * Comment node type.\r
71  * @constant\r
72  * @example\r
73  */\r
74 CKEDITOR.NODE_COMMENT = 8;\r
75 \r
76 CKEDITOR.NODE_DOCUMENT_FRAGMENT = 11;\r
77 \r
78 CKEDITOR.POSITION_IDENTICAL = 0;\r
79 CKEDITOR.POSITION_DISCONNECTED = 1;\r
80 CKEDITOR.POSITION_FOLLOWING = 2;\r
81 CKEDITOR.POSITION_PRECEDING = 4;\r
82 CKEDITOR.POSITION_IS_CONTAINED = 8;\r
83 CKEDITOR.POSITION_CONTAINS = 16;\r
84 \r
85 CKEDITOR.tools.extend( CKEDITOR.dom.node.prototype,\r
86         /** @lends CKEDITOR.dom.node.prototype */\r
87         {\r
88                 /**\r
89                  * Makes this node child of another element.\r
90                  * @param {CKEDITOR.dom.element} element The target element to which append\r
91                  *              this node.\r
92                  * @returns {CKEDITOR.dom.element} The target element.\r
93                  * @example\r
94                  * var p = new CKEDITOR.dom.element( 'p' );\r
95                  * var strong = new CKEDITOR.dom.element( 'strong' );\r
96                  * strong.appendTo( p );\r
97                  *\r
98                  * // result: "<p><strong></strong></p>"\r
99                  */\r
100                 appendTo : function( element, toStart )\r
101                 {\r
102                         element.append( this, toStart );\r
103                         return element;\r
104                 },\r
105 \r
106                 clone : function( includeChildren, cloneId )\r
107                 {\r
108                         var $clone = this.$.cloneNode( includeChildren );\r
109 \r
110                         var removeIds = function( node )\r
111                         {\r
112                                 if ( node.nodeType != CKEDITOR.NODE_ELEMENT )\r
113                                         return;\r
114 \r
115                                 if ( !cloneId )\r
116                                         node.removeAttribute( 'id', false );\r
117                                 node.removeAttribute( 'data-cke-expando', false );\r
118 \r
119                                 if ( includeChildren )\r
120                                 {\r
121                                         var childs = node.childNodes;\r
122                                         for ( var i=0; i < childs.length; i++ )\r
123                                                 removeIds( childs[ i ] );\r
124                                 }\r
125                         };\r
126 \r
127                         // The "id" attribute should never be cloned to avoid duplication.\r
128                         removeIds( $clone );\r
129 \r
130                         return new CKEDITOR.dom.node( $clone );\r
131                 },\r
132 \r
133                 hasPrevious : function()\r
134                 {\r
135                         return !!this.$.previousSibling;\r
136                 },\r
137 \r
138                 hasNext : function()\r
139                 {\r
140                         return !!this.$.nextSibling;\r
141                 },\r
142 \r
143                 /**\r
144                  * Inserts this element after a node.\r
145                  * @param {CKEDITOR.dom.node} node The that will preceed this element.\r
146                  * @returns {CKEDITOR.dom.node} The node preceeding this one after\r
147                  *              insertion.\r
148                  * @example\r
149                  * var em = new CKEDITOR.dom.element( 'em' );\r
150                  * var strong = new CKEDITOR.dom.element( 'strong' );\r
151                  * strong.insertAfter( em );\r
152                  *\r
153                  * // result: "&lt;em&gt;&lt;/em&gt;&lt;strong&gt;&lt;/strong&gt;"\r
154                  */\r
155                 insertAfter : function( node )\r
156                 {\r
157                         node.$.parentNode.insertBefore( this.$, node.$.nextSibling );\r
158                         return node;\r
159                 },\r
160 \r
161                 /**\r
162                  * Inserts this element before a node.\r
163                  * @param {CKEDITOR.dom.node} node The that will be after this element.\r
164                  * @returns {CKEDITOR.dom.node} The node being inserted.\r
165                  * @example\r
166                  * var em = new CKEDITOR.dom.element( 'em' );\r
167                  * var strong = new CKEDITOR.dom.element( 'strong' );\r
168                  * strong.insertBefore( em );\r
169                  *\r
170                  * // result: "&lt;strong&gt;&lt;/strong&gt;&lt;em&gt;&lt;/em&gt;"\r
171                  */\r
172                 insertBefore : function( node )\r
173                 {\r
174                         node.$.parentNode.insertBefore( this.$, node.$ );\r
175                         return node;\r
176                 },\r
177 \r
178                 insertBeforeMe : function( node )\r
179                 {\r
180                         this.$.parentNode.insertBefore( node.$, this.$ );\r
181                         return node;\r
182                 },\r
183 \r
184                 /**\r
185                  * Retrieves a uniquely identifiable tree address for this node.\r
186                  * The tree address returns is an array of integers, with each integer\r
187                  * indicating a child index of a DOM node, starting from\r
188                  * document.documentElement.\r
189                  *\r
190                  * For example, assuming <body> is the second child from <html> (<head>\r
191                  * being the first), and we'd like to address the third child under the\r
192                  * fourth child of body, the tree address returned would be:\r
193                  * [1, 3, 2]\r
194                  *\r
195                  * The tree address cannot be used for finding back the DOM tree node once\r
196                  * the DOM tree structure has been modified.\r
197                  */\r
198                 getAddress : function( normalized )\r
199                 {\r
200                         var address = [];\r
201                         var $documentElement = this.getDocument().$.documentElement;\r
202                         var node = this.$;\r
203 \r
204                         while ( node && node != $documentElement )\r
205                         {\r
206                                 var parentNode = node.parentNode;\r
207                                 var currentIndex = -1;\r
208 \r
209                                 if ( parentNode )\r
210                                 {\r
211                                         for ( var i = 0 ; i < parentNode.childNodes.length ; i++ )\r
212                                         {\r
213                                                 var candidate = parentNode.childNodes[i];\r
214 \r
215                                                 if ( normalized &&\r
216                                                                 candidate.nodeType == 3 &&\r
217                                                                 candidate.previousSibling &&\r
218                                                                 candidate.previousSibling.nodeType == 3 )\r
219                                                 {\r
220                                                         continue;\r
221                                                 }\r
222 \r
223                                                 currentIndex++;\r
224 \r
225                                                 if ( candidate == node )\r
226                                                         break;\r
227                                         }\r
228 \r
229                                         address.unshift( currentIndex );\r
230                                 }\r
231 \r
232                                 node = parentNode;\r
233                         }\r
234 \r
235                         return address;\r
236                 },\r
237 \r
238                 /**\r
239                  * Gets the document containing this element.\r
240                  * @returns {CKEDITOR.dom.document} The document.\r
241                  * @example\r
242                  * var element = CKEDITOR.document.getById( 'example' );\r
243                  * alert( <b>element.getDocument().equals( CKEDITOR.document )</b> );  // "true"\r
244                  */\r
245                 getDocument : function()\r
246                 {\r
247                         return new CKEDITOR.dom.document( this.$.ownerDocument || this.$.parentNode.ownerDocument );\r
248                 },\r
249 \r
250                 getIndex : function()\r
251                 {\r
252                         var $ = this.$;\r
253 \r
254                         var currentNode = $.parentNode && $.parentNode.firstChild;\r
255                         var currentIndex = -1;\r
256 \r
257                         while ( currentNode )\r
258                         {\r
259                                 currentIndex++;\r
260 \r
261                                 if ( currentNode == $ )\r
262                                         return currentIndex;\r
263 \r
264                                 currentNode = currentNode.nextSibling;\r
265                         }\r
266 \r
267                         return -1;\r
268                 },\r
269 \r
270                 getNextSourceNode : function( startFromSibling, nodeType, guard )\r
271                 {\r
272                         // If "guard" is a node, transform it in a function.\r
273                         if ( guard && !guard.call )\r
274                         {\r
275                                 var guardNode = guard;\r
276                                 guard = function( node )\r
277                                 {\r
278                                         return !node.equals( guardNode );\r
279                                 };\r
280                         }\r
281 \r
282                         var node = ( !startFromSibling && this.getFirst && this.getFirst() ),\r
283                                 parent;\r
284 \r
285                         // Guarding when we're skipping the current element( no children or 'startFromSibling' ).\r
286                         // send the 'moving out' signal even we don't actually dive into.\r
287                         if ( !node )\r
288                         {\r
289                                 if ( this.type == CKEDITOR.NODE_ELEMENT && guard && guard( this, true ) === false )\r
290                                         return null;\r
291                                 node = this.getNext();\r
292                         }\r
293 \r
294                         while ( !node && ( parent = ( parent || this ).getParent() ) )\r
295                         {\r
296                                 // The guard check sends the "true" paramenter to indicate that\r
297                                 // we are moving "out" of the element.\r
298                                 if ( guard && guard( parent, true ) === false )\r
299                                         return null;\r
300 \r
301                                 node = parent.getNext();\r
302                         }\r
303 \r
304                         if ( !node )\r
305                                 return null;\r
306 \r
307                         if ( guard && guard( node ) === false )\r
308                                 return null;\r
309 \r
310                         if ( nodeType && nodeType != node.type )\r
311                                 return node.getNextSourceNode( false, nodeType, guard );\r
312 \r
313                         return node;\r
314                 },\r
315 \r
316                 getPreviousSourceNode : function( startFromSibling, nodeType, guard )\r
317                 {\r
318                         if ( guard && !guard.call )\r
319                         {\r
320                                 var guardNode = guard;\r
321                                 guard = function( node )\r
322                                 {\r
323                                         return !node.equals( guardNode );\r
324                                 };\r
325                         }\r
326 \r
327                         var node = ( !startFromSibling && this.getLast && this.getLast() ),\r
328                                 parent;\r
329 \r
330                         // Guarding when we're skipping the current element( no children or 'startFromSibling' ).\r
331                         // send the 'moving out' signal even we don't actually dive into.\r
332                         if ( !node )\r
333                         {\r
334                                 if ( this.type == CKEDITOR.NODE_ELEMENT && guard && guard( this, true ) === false )\r
335                                         return null;\r
336                                 node = this.getPrevious();\r
337                         }\r
338 \r
339                         while ( !node && ( parent = ( parent || this ).getParent() ) )\r
340                         {\r
341                                 // The guard check sends the "true" paramenter to indicate that\r
342                                 // we are moving "out" of the element.\r
343                                 if ( guard && guard( parent, true ) === false )\r
344                                         return null;\r
345 \r
346                                 node = parent.getPrevious();\r
347                         }\r
348 \r
349                         if ( !node )\r
350                                 return null;\r
351 \r
352                         if ( guard && guard( node ) === false )\r
353                                 return null;\r
354 \r
355                         if ( nodeType && node.type != nodeType )\r
356                                 return node.getPreviousSourceNode( false, nodeType, guard );\r
357 \r
358                         return node;\r
359                 },\r
360 \r
361                 getPrevious : function( evaluator )\r
362                 {\r
363                         var previous = this.$, retval;\r
364                         do\r
365                         {\r
366                                 previous = previous.previousSibling;\r
367                                 retval = previous && new CKEDITOR.dom.node( previous );\r
368                         }\r
369                         while ( retval && evaluator && !evaluator( retval ) )\r
370                         return retval;\r
371                 },\r
372 \r
373                 /**\r
374                  * Gets the node that follows this element in its parent's child list.\r
375                  * @param {Function} evaluator Filtering the result node.\r
376                  * @returns {CKEDITOR.dom.node} The next node or null if not available.\r
377                  * @example\r
378                  * var element = CKEDITOR.dom.element.createFromHtml( '&lt;div&gt;&lt;b&gt;Example&lt;/b&gt; &lt;i&gt;next&lt;/i&gt;&lt;/div&gt;' );\r
379                  * var first = <b>element.getFirst().getNext()</b>;\r
380                  * alert( first.getName() );  // "i"\r
381                  */\r
382                 getNext : function( evaluator )\r
383                 {\r
384                         var next = this.$, retval;\r
385                         do\r
386                         {\r
387                                 next = next.nextSibling;\r
388                                 retval = next && new CKEDITOR.dom.node( next );\r
389                         }\r
390                         while ( retval && evaluator && !evaluator( retval ) )\r
391                         return retval;\r
392                 },\r
393 \r
394                 /**\r
395                  * Gets the parent element for this node.\r
396                  * @returns {CKEDITOR.dom.element} The parent element.\r
397                  * @example\r
398                  * var node = editor.document.getBody().getFirst();\r
399                  * var parent = node.<b>getParent()</b>;\r
400                  * alert( node.getName() );  // "body"\r
401                  */\r
402                 getParent : function()\r
403                 {\r
404                         var parent = this.$.parentNode;\r
405                         return ( parent && parent.nodeType == 1 ) ? new CKEDITOR.dom.node( parent ) : null;\r
406                 },\r
407 \r
408                 getParents : function( closerFirst )\r
409                 {\r
410                         var node = this;\r
411                         var parents = [];\r
412 \r
413                         do\r
414                         {\r
415                                 parents[  closerFirst ? 'push' : 'unshift' ]( node );\r
416                         }\r
417                         while ( ( node = node.getParent() ) )\r
418 \r
419                         return parents;\r
420                 },\r
421 \r
422                 getCommonAncestor : function( node )\r
423                 {\r
424                         if ( node.equals( this ) )\r
425                                 return this;\r
426 \r
427                         if ( node.contains && node.contains( this ) )\r
428                                 return node;\r
429 \r
430                         var start = this.contains ? this : this.getParent();\r
431 \r
432                         do\r
433                         {\r
434                                 if ( start.contains( node ) )\r
435                                         return start;\r
436                         }\r
437                         while ( ( start = start.getParent() ) );\r
438 \r
439                         return null;\r
440                 },\r
441 \r
442                 getPosition : function( otherNode )\r
443                 {\r
444                         var $ = this.$;\r
445                         var $other = otherNode.$;\r
446 \r
447                         if ( $.compareDocumentPosition )\r
448                                 return $.compareDocumentPosition( $other );\r
449 \r
450                         // IE and Safari have no support for compareDocumentPosition.\r
451 \r
452                         if ( $ == $other )\r
453                                 return CKEDITOR.POSITION_IDENTICAL;\r
454 \r
455                         // Only element nodes support contains and sourceIndex.\r
456                         if ( this.type == CKEDITOR.NODE_ELEMENT && otherNode.type == CKEDITOR.NODE_ELEMENT )\r
457                         {\r
458                                 if ( $.contains )\r
459                                 {\r
460                                         if ( $.contains( $other ) )\r
461                                                 return CKEDITOR.POSITION_CONTAINS + CKEDITOR.POSITION_PRECEDING;\r
462 \r
463                                         if ( $other.contains( $ ) )\r
464                                                 return CKEDITOR.POSITION_IS_CONTAINED + CKEDITOR.POSITION_FOLLOWING;\r
465                                 }\r
466 \r
467                                 if ( 'sourceIndex' in $ )\r
468                                 {\r
469                                         return ( $.sourceIndex < 0 || $other.sourceIndex < 0 ) ? CKEDITOR.POSITION_DISCONNECTED :\r
470                                                 ( $.sourceIndex < $other.sourceIndex ) ? CKEDITOR.POSITION_PRECEDING :\r
471                                                 CKEDITOR.POSITION_FOLLOWING;\r
472                                 }\r
473                         }\r
474 \r
475                         // For nodes that don't support compareDocumentPosition, contains\r
476                         // or sourceIndex, their "address" is compared.\r
477 \r
478                         var addressOfThis = this.getAddress(),\r
479                                 addressOfOther = otherNode.getAddress(),\r
480                                 minLevel = Math.min( addressOfThis.length, addressOfOther.length );\r
481 \r
482                                 // Determinate preceed/follow relationship.\r
483                                 for ( var i = 0 ; i <= minLevel - 1 ; i++ )\r
484                                 {\r
485                                         if ( addressOfThis[ i ] != addressOfOther[ i ] )\r
486                                         {\r
487                                                 if ( i < minLevel )\r
488                                                 {\r
489                                                         return addressOfThis[ i ] < addressOfOther[ i ] ?\r
490                                                             CKEDITOR.POSITION_PRECEDING : CKEDITOR.POSITION_FOLLOWING;\r
491                                                 }\r
492                                                 break;\r
493                                         }\r
494                                 }\r
495 \r
496                                 // Determinate contains/contained relationship.\r
497                                 return ( addressOfThis.length < addressOfOther.length ) ?\r
498                                                         CKEDITOR.POSITION_CONTAINS + CKEDITOR.POSITION_PRECEDING :\r
499                                                         CKEDITOR.POSITION_IS_CONTAINED + CKEDITOR.POSITION_FOLLOWING;\r
500                 },\r
501 \r
502                 /**\r
503                  * Gets the closes ancestor node of a specified node name.\r
504                  * @param {String} name Node name of ancestor node.\r
505                  * @param {Boolean} includeSelf (Optional) Whether to include the current\r
506                  * node in the calculation or not.\r
507                  * @returns {CKEDITOR.dom.node} Ancestor node.\r
508                  */\r
509                 getAscendant : function( name, includeSelf )\r
510                 {\r
511                         var $ = this.$;\r
512 \r
513                         if ( !includeSelf )\r
514                                 $ = $.parentNode;\r
515 \r
516                         while ( $ )\r
517                         {\r
518                                 if ( $.nodeName && $.nodeName.toLowerCase() == name )\r
519                                         return new CKEDITOR.dom.node( $ );\r
520 \r
521                                 $ = $.parentNode;\r
522                         }\r
523                         return null;\r
524                 },\r
525 \r
526                 hasAscendant : function( name, includeSelf )\r
527                 {\r
528                         var $ = this.$;\r
529 \r
530                         if ( !includeSelf )\r
531                                 $ = $.parentNode;\r
532 \r
533                         while ( $ )\r
534                         {\r
535                                 if ( $.nodeName && $.nodeName.toLowerCase() == name )\r
536                                         return true;\r
537 \r
538                                 $ = $.parentNode;\r
539                         }\r
540                         return false;\r
541                 },\r
542 \r
543                 move : function( target, toStart )\r
544                 {\r
545                         target.append( this.remove(), toStart );\r
546                 },\r
547 \r
548                 /**\r
549                  * Removes this node from the document DOM.\r
550                  * @param {Boolean} [preserveChildren] Indicates that the children\r
551                  *              elements must remain in the document, removing only the outer\r
552                  *              tags.\r
553                  * @example\r
554                  * var element = CKEDITOR.dom.element.getById( 'MyElement' );\r
555                  * <b>element.remove()</b>;\r
556                  */\r
557                 remove : function( preserveChildren )\r
558                 {\r
559                         var $ = this.$;\r
560                         var parent = $.parentNode;\r
561 \r
562                         if ( parent )\r
563                         {\r
564                                 if ( preserveChildren )\r
565                                 {\r
566                                         // Move all children before the node.\r
567                                         for ( var child ; ( child = $.firstChild ) ; )\r
568                                         {\r
569                                                 parent.insertBefore( $.removeChild( child ), $ );\r
570                                         }\r
571                                 }\r
572 \r
573                                 parent.removeChild( $ );\r
574                         }\r
575 \r
576                         return this;\r
577                 },\r
578 \r
579                 replace : function( nodeToReplace )\r
580                 {\r
581                         this.insertBefore( nodeToReplace );\r
582                         nodeToReplace.remove();\r
583                 },\r
584 \r
585                 trim : function()\r
586                 {\r
587                         this.ltrim();\r
588                         this.rtrim();\r
589                 },\r
590 \r
591                 ltrim : function()\r
592                 {\r
593                         var child;\r
594                         while ( this.getFirst && ( child = this.getFirst() ) )\r
595                         {\r
596                                 if ( child.type == CKEDITOR.NODE_TEXT )\r
597                                 {\r
598                                         var trimmed = CKEDITOR.tools.ltrim( child.getText() ),\r
599                                                 originalLength = child.getLength();\r
600 \r
601                                         if ( !trimmed )\r
602                                         {\r
603                                                 child.remove();\r
604                                                 continue;\r
605                                         }\r
606                                         else if ( trimmed.length < originalLength )\r
607                                         {\r
608                                                 child.split( originalLength - trimmed.length );\r
609 \r
610                                                 // IE BUG: child.remove() may raise JavaScript errors here. (#81)\r
611                                                 this.$.removeChild( this.$.firstChild );\r
612                                         }\r
613                                 }\r
614                                 break;\r
615                         }\r
616                 },\r
617 \r
618                 rtrim : function()\r
619                 {\r
620                         var child;\r
621                         while ( this.getLast && ( child = this.getLast() ) )\r
622                         {\r
623                                 if ( child.type == CKEDITOR.NODE_TEXT )\r
624                                 {\r
625                                         var trimmed = CKEDITOR.tools.rtrim( child.getText() ),\r
626                                                 originalLength = child.getLength();\r
627 \r
628                                         if ( !trimmed )\r
629                                         {\r
630                                                 child.remove();\r
631                                                 continue;\r
632                                         }\r
633                                         else if ( trimmed.length < originalLength )\r
634                                         {\r
635                                                 child.split( trimmed.length );\r
636 \r
637                                                 // IE BUG: child.getNext().remove() may raise JavaScript errors here.\r
638                                                 // (#81)\r
639                                                 this.$.lastChild.parentNode.removeChild( this.$.lastChild );\r
640                                         }\r
641                                 }\r
642                                 break;\r
643                         }\r
644 \r
645                         if ( !CKEDITOR.env.ie && !CKEDITOR.env.opera )\r
646                         {\r
647                                 child = this.$.lastChild;\r
648 \r
649                                 if ( child && child.type == 1 && child.nodeName.toLowerCase() == 'br' )\r
650                                 {\r
651                                         // Use "eChildNode.parentNode" instead of "node" to avoid IE bug (#324).\r
652                                         child.parentNode.removeChild( child ) ;\r
653                                 }\r
654                         }\r
655                 },\r
656 \r
657                 /**\r
658                  * Checks is this node is read-only (should not be changed). It\r
659                  * additionaly returns the element, if any, which defines the read-only\r
660                  * state of this node. It may be the node itself or any of its parent\r
661                  * nodes.\r
662                  * @returns {CKEDITOR.dom.element|Boolean} An element containing\r
663                  *              read-only attributes or "false" if none is found.\r
664                  * @since 3.5\r
665                  * @example\r
666                  * // For the following HTML:\r
667                  * // <div contenteditable="false">Some <b>text</b></div>\r
668                  *\r
669                  * // If "ele" is the above <div>\r
670                  * ele.getReadOnlyRoot();  // the <div> element\r
671                  *\r
672                  * // If "ele" is the above <b>\r
673                  * ele.getReadOnlyRoot();  // the <div> element\r
674                  */\r
675                 isReadOnly : function()\r
676                 {\r
677                         var current = this;\r
678                         while( current )\r
679                         {\r
680                                 if ( current.type == CKEDITOR.NODE_ELEMENT )\r
681                                 {\r
682                                         if ( current.is( 'body' ) || current.getCustomData( '_cke_notReadOnly' ) )\r
683                                                 break;\r
684 \r
685                                         if ( current.getAttribute( 'contentEditable' ) == 'false' )\r
686                                                 return current;\r
687                                         else if ( current.getAttribute( 'contentEditable' ) == 'true' )\r
688                                                 break;\r
689                                 }\r
690                                 current = current.getParent();\r
691                         }\r
692 \r
693                         return false;\r
694                 }\r
695         }\r
696 );\r