JasonWoof Got questions, comments, patches, etc.? Contact Jason Woofenden
vanilla ckeditor-3.6.1
[ckeditor.git] / _source / core / dom / node.js
index 02a726c..293ce23 100644 (file)
@@ -1,16 +1,16 @@
 /*\r
-Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.\r
+Copyright (c) 2003-2011, CKSource - Frederico Knabben. All rights reserved.\r
 For licensing, see LICENSE.html or http://ckeditor.com/license\r
 */\r
 \r
 /**\r
- * @fileOverview Defines the {@link CKEDITOR.dom.node} class, which is the base\r
+ * @fileOverview Defines the {@link CKEDITOR.dom.node} class which is the base\r
  *             class for classes that represent DOM nodes.\r
  */\r
 \r
 /**\r
  * Base class for classes representing DOM nodes. This constructor may return\r
- * and instance of classes that inherits this class, like\r
+ * an instance of a class that inherits from this class, like\r
  * {@link CKEDITOR.dom.element} or {@link CKEDITOR.dom.text}.\r
  * @augments CKEDITOR.dom.domObject\r
  * @param {Object} domNode A native DOM node.\r
@@ -86,9 +86,9 @@ CKEDITOR.tools.extend( CKEDITOR.dom.node.prototype,
        /** @lends CKEDITOR.dom.node.prototype */\r
        {\r
                /**\r
-                * Makes this node child of another element.\r
-                * @param {CKEDITOR.dom.element} element The target element to which append\r
-                *              this node.\r
+                * Makes this node a child of another element.\r
+                * @param {CKEDITOR.dom.element} element The target element to which\r
+                *              this node will be appended.\r
                 * @returns {CKEDITOR.dom.element} The target element.\r
                 * @example\r
                 * var p = new CKEDITOR.dom.element( 'p' );\r
@@ -107,24 +107,25 @@ CKEDITOR.tools.extend( CKEDITOR.dom.node.prototype,
                {\r
                        var $clone = this.$.cloneNode( includeChildren );\r
 \r
-                       if ( !cloneId )\r
+                       var removeIds = function( node )\r
                        {\r
-                               var removeIds = function( node )\r
-                               {\r
-                                       if ( node.nodeType != CKEDITOR.NODE_ELEMENT )\r
-                                               return;\r
+                               if ( node.nodeType != CKEDITOR.NODE_ELEMENT )\r
+                                       return;\r
 \r
-                                       node.removeAttribute( 'id', false ) ;\r
-                                       node.removeAttribute( '_cke_expando', false ) ;\r
+                               if ( !cloneId )\r
+                                       node.removeAttribute( 'id', false );\r
+                               node.removeAttribute( 'data-cke-expando', false );\r
 \r
+                               if ( includeChildren )\r
+                               {\r
                                        var childs = node.childNodes;\r
-                                       for ( var i=0 ; i < childs.length ; i++ )\r
+                                       for ( var i=0; i < childs.length; i++ )\r
                                                removeIds( childs[ i ] );\r
-                               };\r
+                               }\r
+                       };\r
 \r
-                               // The "id" attribute should never be cloned to avoid duplication.\r
-                               removeIds( $clone );\r
-                       }\r
+                       // The "id" attribute should never be cloned to avoid duplication.\r
+                       removeIds( $clone );\r
 \r
                        return new CKEDITOR.dom.node( $clone );\r
                },\r
@@ -141,8 +142,8 @@ CKEDITOR.tools.extend( CKEDITOR.dom.node.prototype,
 \r
                /**\r
                 * Inserts this element after a node.\r
-                * @param {CKEDITOR.dom.node} node The that will preceed this element.\r
-                * @returns {CKEDITOR.dom.node} The node preceeding this one after\r
+                * @param {CKEDITOR.dom.node} node The node that will precede this element.\r
+                * @returns {CKEDITOR.dom.node} The node preceding this one after\r
                 *              insertion.\r
                 * @example\r
                 * var em = new CKEDITOR.dom.element( 'em' );\r
@@ -159,7 +160,7 @@ CKEDITOR.tools.extend( CKEDITOR.dom.node.prototype,
 \r
                /**\r
                 * Inserts this element before a node.\r
-                * @param {CKEDITOR.dom.node} node The that will be after this element.\r
+                * @param {CKEDITOR.dom.node} node The node that will succeed this element.\r
                 * @returns {CKEDITOR.dom.node} The node being inserted.\r
                 * @example\r
                 * var em = new CKEDITOR.dom.element( 'em' );\r
@@ -182,13 +183,14 @@ CKEDITOR.tools.extend( CKEDITOR.dom.node.prototype,
 \r
                /**\r
                 * Retrieves a uniquely identifiable tree address for this node.\r
-                * The tree address returns is an array of integers, with each integer\r
+                * The tree address returned is an array of integers, with each integer\r
                 * indicating a child index of a DOM node, starting from\r
-                * document.documentElement.\r
+                * <code>document.documentElement</code>.\r
                 *\r
-                * For example, assuming <body> is the second child from <html> (<head>\r
-                * being the first), and we'd like to address the third child under the\r
-                * fourth child of body, the tree address returned would be:\r
+                * For example, assuming <code>&lt;body&gt;</code> is the second child\r
+                * of <code>&lt;html&gt;</code> (<code>&lt;head&gt;</code> being the first),\r
+                * and we would like to address the third child under the\r
+                * fourth child of <code>&lt;body&gt;</code>, the tree address returned would be:\r
                 * [1, 3, 2]\r
                 *\r
                 * The tree address cannot be used for finding back the DOM tree node once\r
@@ -203,29 +205,12 @@ CKEDITOR.tools.extend( CKEDITOR.dom.node.prototype,
                        while ( node && node != $documentElement )\r
                        {\r
                                var parentNode = node.parentNode;\r
-                               var currentIndex = -1;\r
 \r
                                if ( parentNode )\r
                                {\r
-                                       for ( var i = 0 ; i < parentNode.childNodes.length ; i++ )\r
-                                       {\r
-                                               var candidate = parentNode.childNodes[i];\r
-\r
-                                               if ( normalized &&\r
-                                                               candidate.nodeType == 3 &&\r
-                                                               candidate.previousSibling &&\r
-                                                               candidate.previousSibling.nodeType == 3 )\r
-                                               {\r
-                                                       continue;\r
-                                               }\r
-\r
-                                               currentIndex++;\r
-\r
-                                               if ( candidate == node )\r
-                                                       break;\r
-                                       }\r
-\r
-                                       address.unshift( currentIndex );\r
+                                       // Get the node index. For performance, call getIndex\r
+                                       // directly, instead of creating a new node object.\r
+                                       address.unshift( this.getIndex.call( { $ : node }, normalized ) );\r
                                }\r
 \r
                                node = parentNode;\r
@@ -239,37 +224,35 @@ CKEDITOR.tools.extend( CKEDITOR.dom.node.prototype,
                 * @returns {CKEDITOR.dom.document} The document.\r
                 * @example\r
                 * var element = CKEDITOR.document.getById( 'example' );\r
-                * alert( <b>element.getDocument().equals( CKEDITOR.document )</b> );  // "true"\r
+                * alert( <strong>element.getDocument().equals( CKEDITOR.document )</strong> );  // "true"\r
                 */\r
                getDocument : function()\r
                {\r
-                       var document = new CKEDITOR.dom.document( this.$.ownerDocument || this.$.parentNode.ownerDocument );\r
-\r
-                       return (\r
-                       this.getDocument = function()\r
-                               {\r
-                                       return document;\r
-                               })();\r
+                       return new CKEDITOR.dom.document( this.$.ownerDocument || this.$.parentNode.ownerDocument );\r
                },\r
 \r
-               getIndex : function()\r
+               getIndex : function( normalized )\r
                {\r
-                       var $ = this.$;\r
+                       // Attention: getAddress depends on this.$\r
 \r
-                       var currentNode = $.parentNode && $.parentNode.firstChild;\r
-                       var currentIndex = -1;\r
+                       var current = this.$,\r
+                               index = 0;\r
 \r
-                       while ( currentNode )\r
+                       while ( ( current = current.previousSibling ) )\r
                        {\r
-                               currentIndex++;\r
-\r
-                               if ( currentNode == $ )\r
-                                       return currentIndex;\r
+                               // When normalizing, do not count it if this is an\r
+                               // empty text node or if it's a text node following another one.\r
+                               if ( normalized && current.nodeType == 3 &&\r
+                                        ( !current.nodeValue.length ||\r
+                                          ( current.previousSibling && current.previousSibling.nodeType == 3 ) ) )\r
+                               {\r
+                                       continue;\r
+                               }\r
 \r
-                               currentNode = currentNode.nextSibling;\r
+                               index++;\r
                        }\r
 \r
-                       return -1;\r
+                       return index;\r
                },\r
 \r
                getNextSourceNode : function( startFromSibling, nodeType, guard )\r
@@ -381,7 +364,7 @@ CKEDITOR.tools.extend( CKEDITOR.dom.node.prototype,
                 * @returns {CKEDITOR.dom.node} The next node or null if not available.\r
                 * @example\r
                 * 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
-                * var first = <b>element.getFirst().getNext()</b>;\r
+                * var first = <strong>element.getFirst().getNext()</strong>;\r
                 * alert( first.getName() );  // "i"\r
                 */\r
                getNext : function( evaluator )\r
@@ -401,7 +384,7 @@ CKEDITOR.tools.extend( CKEDITOR.dom.node.prototype,
                 * @returns {CKEDITOR.dom.element} The parent element.\r
                 * @example\r
                 * var node = editor.document.getBody().getFirst();\r
-                * var parent = node.<b>getParent()</b>;\r
+                * var parent = node.<strong>getParent()</strong>;\r
                 * alert( node.getName() );  // "body"\r
                 */\r
                getParent : function()\r
@@ -505,22 +488,33 @@ CKEDITOR.tools.extend( CKEDITOR.dom.node.prototype,
                },\r
 \r
                /**\r
-                * Gets the closes ancestor node of a specified node name.\r
-                * @param {String} name Node name of ancestor node.\r
-                * @param {Boolean} includeSelf (Optional) Whether to include the current\r
-                * node in the calculation or not.\r
-                * @returns {CKEDITOR.dom.node} Ancestor node.\r
+                * Gets the closest ancestor node of this node, specified by its name.\r
+                * @param {String} reference The name of the ancestor node to search or\r
+                *              an object with the node names to search for.\r
+                * @param {Boolean} [includeSelf] Whether to include the current\r
+                *              node in the search.\r
+                * @returns {CKEDITOR.dom.node} The located ancestor node or null if not found.\r
+                * @since 3.6.1\r
+                * @example\r
+                * // Suppose we have the following HTML structure:\r
+                * // &lt;div id="outer"&gt;&lt;div id="inner"&gt;&lt;p&gt;&lt;b&gt;Some text&lt;/b&gt;&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;\r
+                * // If node == &lt;b&gt;\r
+                * ascendant = node.getAscendant( 'div' );      // ascendant == &lt;div id="inner"&gt\r
+                * ascendant = node.getAscendant( 'b' );        // ascendant == null\r
+                * ascendant = node.getAscendant( 'b', true );  // ascendant == &lt;b&gt;\r
+                * ascendant = node.getAscendant( { div: 1, p: 1} );      // Searches for the first 'div' or 'p': ascendant == &lt;div id="inner"&gt\r
                 */\r
-               getAscendant : function( name, includeSelf )\r
+               getAscendant : function( reference, includeSelf )\r
                {\r
-                       var $ = this.$;\r
+                       var $ = this.$,\r
+                               name;\r
 \r
                        if ( !includeSelf )\r
                                $ = $.parentNode;\r
 \r
                        while ( $ )\r
                        {\r
-                               if ( $.nodeName && $.nodeName.toLowerCase() == name )\r
+                               if ( $.nodeName && ( name = $.nodeName.toLowerCase(), ( typeof reference == 'string' ? name == reference : name in reference ) ) )\r
                                        return new CKEDITOR.dom.node( $ );\r
 \r
                                $ = $.parentNode;\r
@@ -557,7 +551,7 @@ CKEDITOR.tools.extend( CKEDITOR.dom.node.prototype,
                 *              tags.\r
                 * @example\r
                 * var element = CKEDITOR.dom.element.getById( 'MyElement' );\r
-                * <b>element.remove()</b>;\r
+                * <strong>element.remove()</strong>;\r
                 */\r
                remove : function( preserveChildren )\r
                {\r
@@ -659,6 +653,24 @@ CKEDITOR.tools.extend( CKEDITOR.dom.node.prototype,
                        }\r
                },\r
 \r
+               /**\r
+                * Checks if this node is read-only (should not be changed). Additionally\r
+                * it returns the element that defines the read-only state of this node\r
+                * (if present). It may be the node itself or any of its parent\r
+                * nodes.\r
+                * @returns {CKEDITOR.dom.element|Boolean} An element containing\r
+                *              read-only attributes or "false" if none is found.\r
+                * @since 3.5\r
+                * @example\r
+                * // For the following HTML:\r
+                * // &lt;div contenteditable="false"&gt;Some &lt;b&gt;text&lt;/b&gt;&lt;/div&gt;\r
+                *\r
+                * // If "ele" is the above &lt;div&gt;\r
+                * ele.isReadOnly();  // the &lt;div&gt; element\r
+                *\r
+                * // If "ele" is the above &lt;b&gt;\r
+                * ele.isReadOnly();  // the &lt;div&gt; element\r
+                */\r
                isReadOnly : function()\r
                {\r
                        var current = this;\r
@@ -666,7 +678,7 @@ CKEDITOR.tools.extend( CKEDITOR.dom.node.prototype,
                        {\r
                                if ( current.type == CKEDITOR.NODE_ELEMENT )\r
                                {\r
-                                       if ( current.is( 'body' ) || current.getCustomData( '_cke_notReadOnly' ) )\r
+                                       if ( current.is( 'body' ) || !!current.data( 'cke-editable' ) )\r
                                                break;\r
 \r
                                        if ( current.getAttribute( 'contentEditable' ) == 'false' )\r