/*\r
-Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.\r
+Copyright (c) 2003-2013, 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
{\r
if ( domNode )\r
{\r
- switch ( domNode.nodeType )\r
- {\r
- case CKEDITOR.NODE_ELEMENT :\r
- return new CKEDITOR.dom.element( domNode );\r
-\r
- case CKEDITOR.NODE_TEXT :\r
- return new CKEDITOR.dom.text( domNode );\r
- }\r
+ var type = domNode.nodeType == CKEDITOR.NODE_DOCUMENT ? 'document'\r
+ : domNode.nodeType == CKEDITOR.NODE_ELEMENT ? 'element'\r
+ : domNode.nodeType == CKEDITOR.NODE_TEXT ? 'text'\r
+ : domNode.nodeType == CKEDITOR.NODE_COMMENT ? 'comment'\r
+ : 'domObject'; // Call the base constructor otherwise.\r
\r
- // Call the base constructor.\r
- CKEDITOR.dom.domObject.call( this, domNode );\r
+ return new CKEDITOR.dom[ type ]( domNode );\r
}\r
\r
return this;\r
CKEDITOR.NODE_ELEMENT = 1;\r
\r
/**\r
+ * Document node type.\r
+ * @constant\r
+ * @example\r
+ */\r
+CKEDITOR.NODE_DOCUMENT = 9;\r
+\r
+/**\r
* Text node type.\r
* @constant\r
* @example\r
/** @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
{\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
+ if ( !cloneId )\r
+ node.removeAttribute( 'id', false );\r
\r
- node.removeAttribute( 'id', false ) ;\r
- node.removeAttribute( '_cke_expando', false ) ;\r
+ node[ 'data-cke-expando' ] = undefined;\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
\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
\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
\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><body></code> is the second child\r
+ * of <code><html></code> (<code><head></code> being the first),\r
+ * and we would like to address the third child under the\r
+ * fourth child of <code><body></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
while ( node && node != $documentElement )\r
{\r
var parentNode = node.parentNode;\r
- var currentIndex = -1;\r
\r
- for ( var i = 0 ; i < parentNode.childNodes.length ; i++ )\r
+ if ( parentNode )\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
+ // 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
- address.unshift( currentIndex );\r
-\r
- node = node.parentNode;\r
+ node = parentNode;\r
}\r
\r
return address;\r
* @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
- /** @ignore */\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
do\r
{\r
previous = previous.previousSibling;\r
- retval = previous && new CKEDITOR.dom.node( previous );\r
+\r
+ // Avoid returning the doc type node.\r
+ // http://www.w3.org/TR/REC-DOM-Level-1/level-one-core.html#ID-412266927\r
+ retval = previous && previous.nodeType != 10 && new CKEDITOR.dom.node( previous );\r
}\r
while ( retval && evaluator && !evaluator( retval ) )\r
return retval;\r
* @returns {CKEDITOR.dom.node} The next node or null if not available.\r
* @example\r
* var element = CKEDITOR.dom.element.createFromHtml( '<div><b>Example</b> <i>next</i></div>' );\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
* @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
},\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
+ * // <div id="outer"><div id="inner"><p><b>Some text</b></p></div></div>\r
+ * // If node == <b>\r
+ * ascendant = node.getAscendant( 'div' ); // ascendant == <div id="inner">\r
+ * ascendant = node.getAscendant( 'b' ); // ascendant == null\r
+ * ascendant = node.getAscendant( 'b', true ); // ascendant == <b>\r
+ * ascendant = node.getAscendant( { div: 1, p: 1} ); // Searches for the first 'div' or 'p': ascendant == <div id="inner">\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
* 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
child.parentNode.removeChild( child ) ;\r
}\r
}\r
+ },\r
+\r
+ /**\r
+ * Checks if this node is read-only (should not be changed).\r
+ * @returns {Boolean}\r
+ * @since 3.5\r
+ * @example\r
+ * // For the following HTML:\r
+ * // <div contenteditable="false">Some <b>text</b></div>\r
+ *\r
+ * // If "ele" is the above <div>\r
+ * ele.isReadOnly(); // true\r
+ */\r
+ isReadOnly : function()\r
+ {\r
+ var element = this;\r
+ if ( this.type != CKEDITOR.NODE_ELEMENT )\r
+ element = this.getParent();\r
+\r
+ if ( element && typeof element.$.isContentEditable != 'undefined' )\r
+ return ! ( element.$.isContentEditable || element.data( 'cke-editable' ) );\r
+ else\r
+ {\r
+ // Degrade for old browsers which don't support "isContentEditable", e.g. FF3\r
+ var current = element;\r
+ while( current )\r
+ {\r
+ if ( current.is( 'body' ) || !!current.data( 'cke-editable' ) )\r
+ break;\r
+\r
+ if ( current.getAttribute( 'contentEditable' ) == 'false' )\r
+ return true;\r
+ else if ( current.getAttribute( 'contentEditable' ) == 'true' )\r
+ break;\r
+\r
+ current = current.getParent();\r
+ }\r
+\r
+ return false;\r
+ }\r
}\r
}\r
);\r