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