// Copyright 2007 The Closure Library Authors. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS-IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. /** * @fileoverview Interface definitions for working with ranges * in HTML documents. * * @author robbyw@google.com (Robby Walker) */ goog.provide('goog.dom.AbstractRange'); goog.provide('goog.dom.RangeIterator'); goog.provide('goog.dom.RangeType'); goog.require('goog.dom'); goog.require('goog.dom.NodeType'); goog.require('goog.dom.SavedCaretRange'); goog.require('goog.dom.TagIterator'); goog.require('goog.userAgent'); /** * Types of ranges. * @enum {string} */ goog.dom.RangeType = { TEXT: 'text', CONTROL: 'control', MULTI: 'mutli' }; /** * Creates a new selection with no properties. Do not use this constructor - * use one of the goog.dom.Range.from* methods instead. * @constructor */ goog.dom.AbstractRange = function() {}; /** * Gets the browser native selection object from the given window. * @param {Window} win The window to get the selection object from. * @return {Object} The browser native selection object, or null if it could * not be retrieved. */ goog.dom.AbstractRange.getBrowserSelectionForWindow = function(win) { if (win.getSelection) { // W3C return win.getSelection(); } else { // IE var doc = win.document; var sel = doc.selection; if (sel) { // IE has a bug where it sometimes returns a selection from the wrong // document. Catching these cases now helps us avoid problems later. try { var range = sel.createRange(); // Only TextRanges have a parentElement method. if (range.parentElement) { if (range.parentElement().document != doc) { return null; } } else if ( !range.length || /** @type {ControlRange} */ (range).item(0).document != doc) { // For ControlRanges, check that the range has items, and that // the first item in the range is in the correct document. return null; } } catch (e) { // If the selection is in the wrong document, and the wrong document is // in a different domain, IE will throw an exception. return null; } // TODO(user|robbyw) Sometimes IE 6 returns a selection instance // when there is no selection. This object has a 'type' property equals // to 'None' and a typeDetail property bound to undefined. Ideally this // function should not return this instance. return sel; } return null; } }; /** * Tests if the given Object is a controlRange. * @param {Object} range The range object to test. * @return {boolean} Whether the given Object is a controlRange. */ goog.dom.AbstractRange.isNativeControlRange = function(range) { // For now, tests for presence of a control range function. return !!range && !!range.addElement; }; /** * @return {!goog.dom.AbstractRange} A clone of this range. */ goog.dom.AbstractRange.prototype.clone = goog.abstractMethod; /** * @return {goog.dom.RangeType} The type of range represented by this object. */ goog.dom.AbstractRange.prototype.getType = goog.abstractMethod; /** * @return {Range|TextRange} The native browser range object. */ goog.dom.AbstractRange.prototype.getBrowserRangeObject = goog.abstractMethod; /** * Sets the native browser range object, overwriting any state this range was * storing. * @param {Range|TextRange} nativeRange The native browser range object. * @return {boolean} Whether the given range was accepted. If not, the caller * will need to call goog.dom.Range.createFromBrowserRange to create a new * range object. */ goog.dom.AbstractRange.prototype.setBrowserRangeObject = function(nativeRange) { return false; }; /** * @return {number} The number of text ranges in this range. */ goog.dom.AbstractRange.prototype.getTextRangeCount = goog.abstractMethod; /** * Get the i-th text range in this range. The behavior is undefined if * i >= getTextRangeCount or i < 0. * @param {number} i The range number to retrieve. * @return {goog.dom.TextRange} The i-th text range. */ goog.dom.AbstractRange.prototype.getTextRange = goog.abstractMethod; /** * Gets an array of all text ranges this range is comprised of. For non-multi * ranges, returns a single element array containing this. * @return {!Array} Array of text ranges. */ goog.dom.AbstractRange.prototype.getTextRanges = function() { var output = []; for (var i = 0, len = this.getTextRangeCount(); i < len; i++) { output.push(this.getTextRange(i)); } return output; }; /** * @return {Node} The deepest node that contains the entire range. */ goog.dom.AbstractRange.prototype.getContainer = goog.abstractMethod; /** * Returns the deepest element in the tree that contains the entire range. * @return {Element} The deepest element that contains the entire range. */ goog.dom.AbstractRange.prototype.getContainerElement = function() { var node = this.getContainer(); return /** @type {Element} */ ( node.nodeType == goog.dom.NodeType.ELEMENT ? node : node.parentNode); }; /** * @return {Node} The element or text node the range starts in. For text * ranges, the range comprises all text between the start and end position. * For other types of range, start and end give bounds of the range but * do not imply all nodes in those bounds are selected. */ goog.dom.AbstractRange.prototype.getStartNode = goog.abstractMethod; /** * @return {number} The offset into the node the range starts in. For text * nodes, this is an offset into the node value. For elements, this is * an offset into the childNodes array. */ goog.dom.AbstractRange.prototype.getStartOffset = goog.abstractMethod; /** * @return {goog.math.Coordinate} The coordinate of the selection start node * and offset. */ goog.dom.AbstractRange.prototype.getStartPosition = goog.abstractMethod; /** * @return {Node} The element or text node the range ends in. */ goog.dom.AbstractRange.prototype.getEndNode = goog.abstractMethod; /** * @return {number} The offset into the node the range ends in. For text * nodes, this is an offset into the node value. For elements, this is * an offset into the childNodes array. */ goog.dom.AbstractRange.prototype.getEndOffset = goog.abstractMethod; /** * @return {goog.math.Coordinate} The coordinate of the selection end * node and offset. */ goog.dom.AbstractRange.prototype.getEndPosition = goog.abstractMethod; /** * @return {Node} The element or text node the range is anchored at. */ goog.dom.AbstractRange.prototype.getAnchorNode = function() { return this.isReversed() ? this.getEndNode() : this.getStartNode(); }; /** * @return {number} The offset into the node the range is anchored at. For * text nodes, this is an offset into the node value. For elements, this * is an offset into the childNodes array. */ goog.dom.AbstractRange.prototype.getAnchorOffset = function() { return this.isReversed() ? this.getEndOffset() : this.getStartOffset(); }; /** * @return {Node} The element or text node the range is focused at - i.e. where * the cursor is. */ goog.dom.AbstractRange.prototype.getFocusNode = function() { return this.isReversed() ? this.getStartNode() : this.getEndNode(); }; /** * @return {number} The offset into the node the range is focused at - i.e. * where the cursor is. For text nodes, this is an offset into the node * value. For elements, this is an offset into the childNodes array. */ goog.dom.AbstractRange.prototype.getFocusOffset = function() { return this.isReversed() ? this.getStartOffset() : this.getEndOffset(); }; /** * @return {boolean} Whether the selection is reversed. */ goog.dom.AbstractRange.prototype.isReversed = function() { return false; }; /** * @return {!Document} The document this selection is a part of. */ goog.dom.AbstractRange.prototype.getDocument = function() { // Using start node in IE was crashing the browser in some cases so use // getContainer for that browser. It's also faster for IE, but still slower // than start node for other browsers so we continue to use getStartNode when // it is not problematic. See bug 1687309. return goog.dom.getOwnerDocument( goog.userAgent.IE ? this.getContainer() : this.getStartNode()); }; /** * @return {!Window} The window this selection is a part of. */ goog.dom.AbstractRange.prototype.getWindow = function() { return goog.dom.getWindow(this.getDocument()); }; /** * Tests if this range contains the given range. * @param {goog.dom.AbstractRange} range The range to test. * @param {boolean=} opt_allowPartial If true, the range can be partially * contained in the selection, otherwise the range must be entirely * contained. * @return {boolean} Whether this range contains the given range. */ goog.dom.AbstractRange.prototype.containsRange = goog.abstractMethod; /** * Tests if this range contains the given node. * @param {Node} node The node to test for. * @param {boolean=} opt_allowPartial If not set or false, the node must be * entirely contained in the selection for this function to return true. * @return {boolean} Whether this range contains the given node. */ goog.dom.AbstractRange.prototype.containsNode = goog.abstractMethod; /** * Tests whether this range is valid (i.e. whether its endpoints are still in * the document). A range becomes invalid when, after this object was created, * either one or both of its endpoints are removed from the document. Use of * an invalid range can lead to runtime errors, particularly in IE. * @return {boolean} Whether the range is valid. */ goog.dom.AbstractRange.prototype.isRangeInDocument = goog.abstractMethod; /** * @return {boolean} Whether the range is collapsed. */ goog.dom.AbstractRange.prototype.isCollapsed = goog.abstractMethod; /** * @return {string} The text content of the range. */ goog.dom.AbstractRange.prototype.getText = goog.abstractMethod; /** * Returns the HTML fragment this range selects. This is slow on all browsers. * The HTML fragment may not be valid HTML, for instance if the user selects * from a to b inclusively in the following html: * * <div>a</div>b * * This method will return * * a</div>b * * If you need valid HTML, use {@link #getValidHtml} instead. * * @return {string} HTML fragment of the range, does not include context * containing elements. */ goog.dom.AbstractRange.prototype.getHtmlFragment = goog.abstractMethod; /** * Returns valid HTML for this range. This is fast on IE, and semi-fast on * other browsers. * @return {string} Valid HTML of the range, including context containing * elements. */ goog.dom.AbstractRange.prototype.getValidHtml = goog.abstractMethod; /** * Returns pastable HTML for this range. This guarantees that any child items * that must have specific ancestors will have them, for instance all TDs will * be contained in a TR in a TBODY in a TABLE and all LIs will be contained in * a UL or OL as appropriate. This is semi-fast on all browsers. * @return {string} Pastable HTML of the range, including context containing * elements. */ goog.dom.AbstractRange.prototype.getPastableHtml = goog.abstractMethod; /** * Returns a RangeIterator over the contents of the range. Regardless of the * direction of the range, the iterator will move in document order. * @param {boolean=} opt_keys Unused for this iterator. * @return {!goog.dom.RangeIterator} An iterator over tags in the range. */ goog.dom.AbstractRange.prototype.__iterator__ = goog.abstractMethod; // RANGE ACTIONS /** * Sets this range as the selection in its window. */ goog.dom.AbstractRange.prototype.select = goog.abstractMethod; /** * Removes the contents of the range from the document. */ goog.dom.AbstractRange.prototype.removeContents = goog.abstractMethod; /** * Inserts a node before (or after) the range. The range may be disrupted * beyond recovery because of the way this splits nodes. * @param {Node} node The node to insert. * @param {boolean} before True to insert before, false to insert after. * @return {Node} The node added to the document. This may be different * than the node parameter because on IE we have to clone it. */ goog.dom.AbstractRange.prototype.insertNode = goog.abstractMethod; /** * Replaces the range contents with (possibly a copy of) the given node. The * range may be disrupted beyond recovery because of the way this splits nodes. * @param {Node} node The node to insert. * @return {Node} The node added to the document. This may be different * than the node parameter because on IE we have to clone it. */ goog.dom.AbstractRange.prototype.replaceContentsWithNode = function(node) { if (!this.isCollapsed()) { this.removeContents(); } return this.insertNode(node, true); }; /** * Surrounds this range with the two given nodes. The range may be disrupted * beyond recovery because of the way this splits nodes. * @param {Element} startNode The node to insert at the start. * @param {Element} endNode The node to insert at the end. */ goog.dom.AbstractRange.prototype.surroundWithNodes = goog.abstractMethod; // SAVE/RESTORE /** * Saves the range so that if the start and end nodes are left alone, it can * be restored. * @return {!goog.dom.SavedRange} A range representation that can be restored * as long as the endpoint nodes of the selection are not modified. */ goog.dom.AbstractRange.prototype.saveUsingDom = goog.abstractMethod; /** * Saves the range using HTML carets. As long as the carets remained in the * HTML, the range can be restored...even when the HTML is copied across * documents. * @return {goog.dom.SavedCaretRange?} A range representation that can be * restored as long as carets are not removed. Returns null if carets * could not be created. */ goog.dom.AbstractRange.prototype.saveUsingCarets = function() { return (this.getStartNode() && this.getEndNode()) ? new goog.dom.SavedCaretRange(this) : null; }; // RANGE MODIFICATION /** * Collapses the range to one of its boundary points. * @param {boolean} toAnchor Whether to collapse to the anchor of the range. */ goog.dom.AbstractRange.prototype.collapse = goog.abstractMethod; // RANGE ITERATION /** * Subclass of goog.dom.TagIterator that iterates over a DOM range. It * adds functions to determine the portion of each text node that is selected. * @param {Node} node The node to start traversal at. When null, creates an * empty iterator. * @param {boolean=} opt_reverse Whether to traverse nodes in reverse. * @constructor * @extends {goog.dom.TagIterator} */ goog.dom.RangeIterator = function(node, opt_reverse) { goog.dom.TagIterator.call(this, node, opt_reverse, true); }; goog.inherits(goog.dom.RangeIterator, goog.dom.TagIterator); /** * @return {number} The offset into the current node, or -1 if the current node * is not a text node. */ goog.dom.RangeIterator.prototype.getStartTextOffset = goog.abstractMethod; /** * @return {number} The end offset into the current node, or -1 if the current * node is not a text node. */ goog.dom.RangeIterator.prototype.getEndTextOffset = goog.abstractMethod; /** * @return {Node} node The iterator's start node. */ goog.dom.RangeIterator.prototype.getStartNode = goog.abstractMethod; /** * @return {Node} The iterator's end node. */ goog.dom.RangeIterator.prototype.getEndNode = goog.abstractMethod; /** * @return {boolean} Whether a call to next will fail. */ goog.dom.RangeIterator.prototype.isLast = goog.abstractMethod;