",n=N(u),e.features.crashyTextNodes=n,typeof window.getComputedStyle!=r?s=function(e,t){return R(e).getComputedStyle(e,null)[t]}:typeof document.documentElement.currentStyle!=r?s=function(e,t){return e.currentStyle?e.currentStyle[t]:""}:c.fail("No means of obtaining computed style properties found"),y.prototype={_current:null,hasNext:function(){return!!this._next},next:function(){var e,t,n=this._current=this._next;if(this._current)if(e=n.firstChild)this._next=e;else{for(t=null;n!==this.root&&!(t=n.nextSibling);)n=n.parentNode;this._next=t}return this._current},detach:function(){this._current=this._next=this.root=null}},S.prototype={equals:function(e){return!!e&&this.node===e.node&&this.offset==e.offset},inspect:function(){return"[DomPosition("+E(this.node)+":"+this.offset+")]"},toString:function(){return this.inspect()}},(T.prototype={INDEX_SIZE_ERR:1,HIERARCHY_REQUEST_ERR:3,WRONG_DOCUMENT_ERR:4,NO_MODIFICATION_ALLOWED_ERR:7,NOT_FOUND_ERR:8,NOT_SUPPORTED_ERR:9,INVALID_STATE_ERR:11,INVALID_NODE_TYPE_ERR:24}).toString=function(){return this.message},e.dom={arrayContains:o,isHtmlNamespace:function(e){var t;return typeof e.namespaceURI==r||null===(t=e.namespaceURI)||"http://www.w3.org/1999/xhtml"==t},parentElement:function(e){return 1==(e=e.parentNode).nodeType?e:null},getNodeIndex:l,getNodeLength:function(e){switch(e.nodeType){case 7:case 10:return 0;case 3:case 8:return e.length;default:return e.childNodes.length}},getCommonAncestor:f,isAncestorOf:g,isOrIsAncestorOf:function(e,t){return g(e,t,!0)},getClosestAncestorIn:d,isCharacterDataNode:p,isTextOrCommentNode:function(e){return!!e&&(3==(e=e.nodeType)||8==e)},insertAfter:m,splitDataNode:function(e,t,n){var r,o,i=e.cloneNode(!1);if(i.deleteData(0,t),e.deleteData(t,e.length-t),m(i,e),n)for(r=0;o=n[r++];)o.node==e&&o.offset>t?(o.node=i,o.offset-=t):o.node==e.parentNode&&o.offset>l(e)&&++o.offset;return i},getDocument:a,getWindow:R,getIframeWindow:function(e){if(typeof e.contentWindow!=r)return e.contentWindow;if(typeof e.contentDocument!=r)return e.contentDocument.defaultView;throw c.createError("getIframeWindow: No Window object found for iframe element")},getIframeDocument:C,getBody:h,isWindow:v,getContentDocument:function(e,t,n){var r;if(e?i.isHostProperty(e,"nodeType")?r=(1==e.nodeType&&"iframe"==e.tagName.toLowerCase()?C:a)(e):v(e)&&(r=e.document):r=document,!r)throw t.createError(n+"(): Parameter must be a Window object or DOM node");return r},getRootContainer:function(e){for(var t;t=e.parentNode;)e=t;return e},comparePoints:function(e,t,n,r){var o,i,a,s;if(e==n)return t===r?0:t
",t.collapse(e,2),t.setStart(e.firstChild,0),P=1==(""+t).length,e.innerHTML="1
1
",t.collapse(e,2),t.setStart(e.firstChild,0),b=1==(""+t).length,a.removeNode(e),t.removeAllRanges(),f={caseSensitive:!(h={en:{wordRegex:/[a-z0-9]+('[a-z0-9]+)*/gi,includeTrailingSpace:!(u={includeBlockContentTrailingSpace:!(l={includeBlockContentTrailingSpace:!0,includeSpaceBeforeBr:!0,includeSpaceBeforeBlock:!0,includePreLineTrailingSpace:!0,ignoreCharacters:""}),includeSpaceBeforeBr:!P,includeSpaceBeforeBlock:!b,includePreLineTrailingSpace:!0}),tokenizer:function(e,t){var n,r,o,i,a=e.join(""),s=[];function c(e,t,n){s.push({start:e,end:t,isWord:n})}for(r=0;n=t.wordRegex.exec(a);){if(i=(o=n.index)+n[0].length,r/gi,replace:""},{regex:/
Javascript Unit testing page for OU sup sub editor
- -Summary
- - - -Description
--This is a standalone page providing basic unit testing for the ousupsub editor. The summary -and results are displayed after the pre defined tests are processed.
- -The tests focus on the editors ability to translate the given html into the correct response. -Generally only failures are displayed as there are over 100 tests to process.
- -The results are disp in the table below in the four columns:
--
-
- Input: The html string to be tested -
- Expected output: The html output we expect to see -
- Actual output: The html output we actually get -
- Mismatch?: Whether the expected and actual output actually match -
Results
-| Input | -Expected output | -Actual output | -Matched | -
|---|
12
", expected: "12"}, - - {input: "123", expected: "123"}, // Add sup. - {input: "123", expected: "123"}, // Remove sup. - {input: "1234", expected: "1234"}, // Keep sub. - {input: "12345
", expected: "12345"}, // Keep sub. - - // Test paste event. - {input: "", expected: "1", event: "paste"}, - - // Spans with rangy and without. - {input: "12345", expected: "12345"}, // Keep sub. - - /* Check for disallowed characters */ - {input: "
12
", expected: "12"}, - {input: "12", expected: "12"}, - {input: "12", expected: "12"}, - {input: "12", expected: "12"}, - {input: "1", expected: "1"}, - {input: "1
", expected: "1"}, - {input: "1.2x103 g", expected: "1.2x103 g"}, // Empty trailing sup tag removed - {input: "1.2x103 g", expected: "1.2x103 g"}, // Empty trailing sub tag removed - {input: "
') { - return ''; - } - - // Revert untouched editor contents to an empty string. - if (html.indexOf(startParagraph) === 0) { - var length = html.length - (startParagraph.length + endParagraph.length); - html = html.substr(startParagraph.length, length); - } - - // Remove any and all nasties from source. - return this._cleanHTML(html); - }, - - /** - * Clean the HTML content of the editor. - * - * @method cleanEditorHTML - * @chainable - */ - cleanEditorHTML: function() { - this.editor.set('innerHTML', this._cleanHTML(this.editor.get('innerHTML'))); - return this; - }, - - /** - * Clean the HTML content of the editor. - * - * @method cleanEditorHTML - * @chainable - */ - cleanEditorHTMLSimple: function() { - // Using saveSelection as it produces a more consistent experience. - var selection = window.rangy.saveSelection(); - - // Update the content. - this.editor.set('innerHTML', this._cleanHTMLSimple(this.editor.get('innerHTML'))); - - // Restore the selection, and collapse to end. - window.rangy.restoreSelection(selection, true); - return this; - }, - - /** - * Clean the specified HTML content and remove any content which could cause issues. - * - * @method _cleanHTML - * @private - * @param {String} content The content to clean - * @return {String} The cleaned HTML - */ - _cleanHTMLSimple: function(content) { - // Removing limited things that can break the page or a disallowed, like unclosed comments, style blocks, etc. - - var rules = [ - //Remove empty spans, but not ones from Rangy. - {regex: /
/gi, replace: ""}, - - // Remove any style blocks. Some browsers do not work well with them in a contenteditable. - // Plus style blocks are not allowed in body html, except with "scoped", which most browsers don't support as of 2015. - // Reference: "http://stackoverflow.com/questions/1068280/javascript-regex-multiline-flag-doesnt-work" - {regex: /
tag and remove span tags from the html inside it.
-
- var editor_node = this._getEditorNode();
- this._removeSingleNodesByName(editor_node, 'br');
-
- // Remove specific tags that can be added through keyboard shortcuts.
- var tagsToRemove = ['p', 'b', 'i', 'u', 'ul', 'ol', 'li'];
- for (var i = 0; i < tagsToRemove.length; i++) {
- this._removeNodesByName(editor_node, tagsToRemove[i]);
- }
- this._normaliseTagInTextarea('sup');
- this._normaliseTagInTextarea('sub');
- this._removeNodesByName(editor_node, 'span');
-
- // Restore the selection (cursor position).
- window.rangy.restoreSelection(selection, true);
-
- // Normalise the editor html.
- editor_node.normalize();
- },
-
- /**
- * Remove all tags nested inside other tags of the same name. No nesting of
- * similar tags e.g. is not allowed.
- *
- * @method _normaliseTagInTextarea
- * @private
- * @param string name Name of tag to normalise.
- * @return string.
- */
- _normaliseTagInTextarea: function(name) {
- var nodes = [], container = this._getEditorNode(), parentNode, removeParent = false, node;
-
- // Remove nested nodes.
- /*
- * Where the node.firstChild == nodes[i+1] since it ignores text elements
- * I know it's the first node. Since the two elements match they should cancel
- * each other out. Currently we remove only the child sup. We should remove
- * both and move their children out.
- */
- // Nodelists change as nodes are added and removed. Use an array of nodes instead.
- nodes = this._copyArray(container.querySelectorAll(name), nodes);
-
- for (var i = 0; i < nodes.length; i++) {
- node = nodes[i];
- parentNode = node.parentNode;
- removeParent = false;
- if (parentNode === container ) {
- continue;
- }
- if (parentNode.firstChild === node && parentNode.lastChild === node &&
- parentNode.nodeName.toLowerCase() === name) {
- removeParent = true;
- }
- if (!removeParent && node && parentNode.nodeName.toLowerCase() === name) {
- removeParent = true;
- this._splitParentNode(parentNode, name);
- }
- this._removeNodesByName(node, name);
- if (removeParent) {
- this._removeNodesByName(parentNode, name);
- }
- }
-
- // Combine Sibling nodes.
- // Get a new node array and fill with the a fresh nodelist.
- nodes = [];
- nodes = this._copyArray(container.querySelectorAll(name), nodes);
-
- for (i = 0; i < nodes.length; i++) {
- node = nodes[i];
- if (!node.previousSibling || node.previousSibling.nodeName.toLowerCase() !== name) {
- continue;
- }
- this._mergeNodes(node, node.previousSibling);
- }
- },
-
- /**
- * Merge the from and to nodes by moving all elements in from node to the to node.
- * Append nodes in order to the to node.
- *
- * Can't use other dom methods like querySelectorAll because they don't return text elements.
- * @method _mergeNodes
- * @private
- * @return void.
- */
- _mergeNodes: function(from, to) {
- var nodes = [];
- var merge_nodes = from.childNodes;
-
- // Node lists reduce in size as nodes are removed. Use an array of nodes instead.
- for (var i = 0; i < merge_nodes.length; i++) {
- nodes.push(merge_nodes.item(i));
- }
-
- for (i = 0; i < nodes.length; i++) {
- to.appendChild(nodes[i]);
- }
- this._removeNode(from);
- },
-
- /**
- * Split the parent node into two with the node with the given name in the middle.
- *
- * Can't use other dom methods like querySelectorAll because they don't return text elements.
- * @method _splitParentNode
- * @private
- * @return void.
- */
- _splitParentNode: function(container_node, name) {
- var nodes = [], node, nodesToAppend = [];
- nodes = this._copyArray(container_node.childNodes, nodes);
-
- var i,j;
- for (i = 0; i < nodes.length; i++) {
- node = nodes[i];
- nodesToAppend = [];
- if (node.nodeName.toLowerCase() === name) {
- nodesToAppend = this._copyArray(node.childNodes, nodesToAppend);
- } else {
- nodesToAppend[0] = document.createElement(name);
- nodesToAppend[0].appendChild(node);
- }
- for (j = 0; j < nodesToAppend.length; j++) {
- container_node.parentNode.insertBefore(nodesToAppend[j], container_node);
- }
- }
- },
-
- /**
- * Copy array values from a dom node list to the given array.
- *
- * A dom node list reduces as children are removed. Copying to a standard array provides
- * an array that doesn't change.
- * @method _copyArray
- * @private
- * @return array.
- */
- _copyArray: function(from, to) {
- for (var i = 0; i < from.length; i++) {
- to.push(from[i]);
- }
-
- return to;
- },
-
- /**
- * Move all elements in container node before the reference node.
- * If recursive mode is equired then where childnodes exist that are not
- * text nodes. Move their children and remove the existing node.
- *
- * Can't use other dom methods like querySelectorAll because they don't return text elements.
- * @method _removeNodesByName
- * @private
- * @return void.
- */
- _removeNodesByName: function(container_node, name) {
- var node, remove_node = container_node.nodeName.toLowerCase() === name;
- var nodes = [];
- var container_nodes = container_node.childNodes;
-
- // Don't remove the span used by rangy to save and restore the user selection.
- if (container_node.nodeName.toLowerCase() === 'span' &&
- container_node.id.indexOf('selectionBoundary_') > -1) {
- remove_node = false;
- }
-
- nodes = this._copyArray(container_nodes, nodes);
- for (var i = 0; i < nodes.length; i++) {
- node = nodes[i];
- if (node.childNodes && node.childNodes.length) {
- this._removeNodesByName(node, name);
-
- }
- if (remove_node) {
- var parentNode = container_node.parentNode;
- parentNode.insertBefore(node, container_node);
- }
-
- }
- if (remove_node) {
- this._removeNode(container_node);
- }
- },
-
- /**
- * Recursively remove any tag with the given name. Removes child nodes too.
- *
- * Can't use other dom methods like querySelectorAll because they don't return text elements.
- * @method _removeSingleNodesByName
- * @private
- * @return void.
- */
- _removeSingleNodesByName: function(container_node, name) {
- if (!container_node.childNodes) {
- return;
- }
- var node;
- var nodes = [];
- nodes = this._copyArray(container_node.childNodes, nodes);
- for (var i = 0; i < nodes.length; i++) {
- node = nodes[i];
- if (node.childNodes && node.childNodes.length) {
- this._removeSingleNodesByName(node, name);
- }
-
- if (node.nodeName.toLowerCase() === name) {
- this._removeNode(node);
- }
- }
- },
-
- /**
- * Remove a dom node in a cross browser way.
- *
- * @method _removeNode
- * @private
- * @return bool.
- */
- _removeNode: function(node) {
- if(!node.remove) {
- return node.parentNode.removeChild(node);
- }
- return node.remove();
- },
-
- /**
- * Get the editor object.
- *
- * @method _getEditor
- * @private
- * @return node.
- */
- _getEditor: function(host) {
- if (!host) {
- host = this.get('host');
- }
-
- return this;
- },
-
- /**
- * Get the node containing the editor html to be updated.
- *
- * @method _getEditorNode
- * @private
- * @return node.
- */
- _getEditorNode: function(host) {
- return this._getEditor(host).editor._node;
- },
-
- /**
- * Remove specific unicode characters from the given string.
- *
- * @method _removeUnicodeCharacters
- * @private
- * @return string.
- */
- _removeUnicodeCharacters: function(text) {
- var values = [];
- for ( var i = 0; i < text.length; i++ ) {
- if (text.charCodeAt(i) == "65279") {
- continue;
- }
- values.push(text.charAt(i));
- }
- return values.join('');
- }
-};
-
-Y.Base.mix(Y.M.editor_ousupsub.Editor, [EditorClean]);
-// This file is part of Moodle - http://moodle.org/
-//
-// Moodle is free software: you can redistribute it and/or modify
-// it under the terms of the GNU General Public License as published by
-// the Free Software Foundation, either version 3 of the License, or
-// (at your option) any later version.
-//
-// Moodle is distributed in the hope that it will be useful,
-// but WITHOUT ANY WARRANTY; without even the implied warranty of
-// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
-// GNU General Public License for more details.
-//
-// You should have received a copy of the GNU General Public License
-// along with Moodle. If not, see
-
- *
- {{#crossLink "M.editor_ousupsub.EditorPluginButtons/ENABLED:property"}}{{/crossLink}}; and - *
- {{#crossLink "M.editor_ousupsub.EditorPluginButtons/DISABLED:property"}}{{/crossLink}}. - *
-
- *
- preventing the default action; and - *
- focusing the editor if relevant. - *
/gi,replace:""},{regex:/
') { - return ''; - } - - // Revert untouched editor contents to an empty string. - if (html.indexOf(startParagraph) === 0) { - var length = html.length - (startParagraph.length + endParagraph.length); - html = html.substr(startParagraph.length, length); - } - - // Remove any and all nasties from source. - return this._cleanHTML(html); - }, - - /** - * Clean the HTML content of the editor. - * - * @method cleanEditorHTML - * @chainable - */ - cleanEditorHTML: function() { - this.editor.set('innerHTML', this._cleanHTML(this.editor.get('innerHTML'))); - return this; - }, - - /** - * Clean the HTML content of the editor. - * - * @method cleanEditorHTML - * @chainable - */ - cleanEditorHTMLSimple: function() { - // Using saveSelection as it produces a more consistent experience. - var selection = window.rangy.saveSelection(); - - // Update the content. - this.editor.set('innerHTML', this._cleanHTMLSimple(this.editor.get('innerHTML'))); - - // Restore the selection, and collapse to end. - window.rangy.restoreSelection(selection, true); - return this; - }, - - /** - * Clean the specified HTML content and remove any content which could cause issues. - * - * @method _cleanHTML - * @private - * @param {String} content The content to clean - * @return {String} The cleaned HTML - */ - _cleanHTMLSimple: function(content) { - // Removing limited things that can break the page or a disallowed, like unclosed comments, style blocks, etc. - - var rules = [ - //Remove empty spans, but not ones from Rangy. - {regex: /
/gi, replace: ""}, - - // Remove any style blocks. Some browsers do not work well with them in a contenteditable. - // Plus style blocks are not allowed in body html, except with "scoped", which most browsers don't support as of 2015. - // Reference: "http://stackoverflow.com/questions/1068280/javascript-regex-multiline-flag-doesnt-work" - {regex: /
tag and remove span tags from the html inside it.
-
- var editor_node = this._getEditorNode();
- this._removeSingleNodesByName(editor_node, 'br');
-
- // Remove specific tags that can be added through keyboard shortcuts.
- var tagsToRemove = ['p', 'b', 'i', 'u', 'ul', 'ol', 'li'];
- for (var i = 0; i < tagsToRemove.length; i++) {
- this._removeNodesByName(editor_node, tagsToRemove[i]);
- }
- this._normaliseTagInTextarea('sup');
- this._normaliseTagInTextarea('sub');
- this._removeNodesByName(editor_node, 'span');
-
- // Restore the selection (cursor position).
- window.rangy.restoreSelection(selection, true);
-
- // Normalise the editor html.
- editor_node.normalize();
- },
-
- /**
- * Remove all tags nested inside other tags of the same name. No nesting of
- * similar tags e.g. is not allowed.
- *
- * @method _normaliseTagInTextarea
- * @private
- * @param string name Name of tag to normalise.
- * @return string.
- */
- _normaliseTagInTextarea: function(name) {
- var nodes = [], container = this._getEditorNode(), parentNode, removeParent = false, node;
-
- // Remove nested nodes.
- /*
- * Where the node.firstChild == nodes[i+1] since it ignores text elements
- * I know it's the first node. Since the two elements match they should cancel
- * each other out. Currently we remove only the child sup. We should remove
- * both and move their children out.
- */
- // Nodelists change as nodes are added and removed. Use an array of nodes instead.
- nodes = this._copyArray(container.querySelectorAll(name), nodes);
-
- for (var i = 0; i < nodes.length; i++) {
- node = nodes[i];
- parentNode = node.parentNode;
- removeParent = false;
- if (parentNode === container ) {
- continue;
- }
- if (parentNode.firstChild === node && parentNode.lastChild === node &&
- parentNode.nodeName.toLowerCase() === name) {
- removeParent = true;
- }
- if (!removeParent && node && parentNode.nodeName.toLowerCase() === name) {
- removeParent = true;
- this._splitParentNode(parentNode, name);
- }
- this._removeNodesByName(node, name);
- if (removeParent) {
- this._removeNodesByName(parentNode, name);
- }
- }
-
- // Combine Sibling nodes.
- // Get a new node array and fill with the a fresh nodelist.
- nodes = [];
- nodes = this._copyArray(container.querySelectorAll(name), nodes);
-
- for (i = 0; i < nodes.length; i++) {
- node = nodes[i];
- if (!node.previousSibling || node.previousSibling.nodeName.toLowerCase() !== name) {
- continue;
- }
- this._mergeNodes(node, node.previousSibling);
- }
- },
-
- /**
- * Merge the from and to nodes by moving all elements in from node to the to node.
- * Append nodes in order to the to node.
- *
- * Can't use other dom methods like querySelectorAll because they don't return text elements.
- * @method _mergeNodes
- * @private
- * @return void.
- */
- _mergeNodes: function(from, to) {
- var nodes = [];
- var merge_nodes = from.childNodes;
-
- // Node lists reduce in size as nodes are removed. Use an array of nodes instead.
- for (var i = 0; i < merge_nodes.length; i++) {
- nodes.push(merge_nodes.item(i));
- }
-
- for (i = 0; i < nodes.length; i++) {
- to.appendChild(nodes[i]);
- }
- this._removeNode(from);
- },
-
- /**
- * Split the parent node into two with the node with the given name in the middle.
- *
- * Can't use other dom methods like querySelectorAll because they don't return text elements.
- * @method _splitParentNode
- * @private
- * @return void.
- */
- _splitParentNode: function(container_node, name) {
- var nodes = [], node, nodesToAppend = [];
- nodes = this._copyArray(container_node.childNodes, nodes);
-
- var i,j;
- for (i = 0; i < nodes.length; i++) {
- node = nodes[i];
- nodesToAppend = [];
- if (node.nodeName.toLowerCase() === name) {
- nodesToAppend = this._copyArray(node.childNodes, nodesToAppend);
- } else {
- nodesToAppend[0] = document.createElement(name);
- nodesToAppend[0].appendChild(node);
- }
- for (j = 0; j < nodesToAppend.length; j++) {
- container_node.parentNode.insertBefore(nodesToAppend[j], container_node);
- }
- }
- },
-
- /**
- * Copy array values from a dom node list to the given array.
- *
- * A dom node list reduces as children are removed. Copying to a standard array provides
- * an array that doesn't change.
- * @method _copyArray
- * @private
- * @return array.
- */
- _copyArray: function(from, to) {
- for (var i = 0; i < from.length; i++) {
- to.push(from[i]);
- }
-
- return to;
- },
-
- /**
- * Move all elements in container node before the reference node.
- * If recursive mode is equired then where childnodes exist that are not
- * text nodes. Move their children and remove the existing node.
- *
- * Can't use other dom methods like querySelectorAll because they don't return text elements.
- * @method _removeNodesByName
- * @private
- * @return void.
- */
- _removeNodesByName: function(container_node, name) {
- var node, remove_node = container_node.nodeName.toLowerCase() === name;
- var nodes = [];
- var container_nodes = container_node.childNodes;
-
- // Don't remove the span used by rangy to save and restore the user selection.
- if (container_node.nodeName.toLowerCase() === 'span' &&
- container_node.id.indexOf('selectionBoundary_') > -1) {
- remove_node = false;
- }
-
- nodes = this._copyArray(container_nodes, nodes);
- for (var i = 0; i < nodes.length; i++) {
- node = nodes[i];
- if (node.childNodes && node.childNodes.length) {
- this._removeNodesByName(node, name);
-
- }
- if (remove_node) {
- var parentNode = container_node.parentNode;
- parentNode.insertBefore(node, container_node);
- }
-
- }
- if (remove_node) {
- this._removeNode(container_node);
- }
- },
-
- /**
- * Recursively remove any tag with the given name. Removes child nodes too.
- *
- * Can't use other dom methods like querySelectorAll because they don't return text elements.
- * @method _removeSingleNodesByName
- * @private
- * @return void.
- */
- _removeSingleNodesByName: function(container_node, name) {
- if (!container_node.childNodes) {
- return;
- }
- var node;
- var nodes = [];
- nodes = this._copyArray(container_node.childNodes, nodes);
- for (var i = 0; i < nodes.length; i++) {
- node = nodes[i];
- if (node.childNodes && node.childNodes.length) {
- this._removeSingleNodesByName(node, name);
- }
-
- if (node.nodeName.toLowerCase() === name) {
- this._removeNode(node);
- }
- }
- },
-
- /**
- * Remove a dom node in a cross browser way.
- *
- * @method _removeNode
- * @private
- * @return bool.
- */
- _removeNode: function(node) {
- if(!node.remove) {
- return node.parentNode.removeChild(node);
- }
- return node.remove();
- },
-
- /**
- * Get the editor object.
- *
- * @method _getEditor
- * @private
- * @return node.
- */
- _getEditor: function(host) {
- if (!host) {
- host = this.get('host');
- }
-
- return this;
- },
-
- /**
- * Get the node containing the editor html to be updated.
- *
- * @method _getEditorNode
- * @private
- * @return node.
- */
- _getEditorNode: function(host) {
- return this._getEditor(host).editor._node;
- },
-
- /**
- * Remove specific unicode characters from the given string.
- *
- * @method _removeUnicodeCharacters
- * @private
- * @return string.
- */
- _removeUnicodeCharacters: function(text) {
- var values = [];
- for ( var i = 0; i < text.length; i++ ) {
- if (text.charCodeAt(i) == "65279") {
- continue;
- }
- values.push(text.charAt(i));
- }
- return values.join('');
- }
-};
-
-Y.Base.mix(Y.M.editor_ousupsub.Editor, [EditorClean]);
-// This file is part of Moodle - http://moodle.org/
-//
-// Moodle is free software: you can redistribute it and/or modify
-// it under the terms of the GNU General Public License as published by
-// the Free Software Foundation, either version 3 of the License, or
-// (at your option) any later version.
-//
-// Moodle is distributed in the hope that it will be useful,
-// but WITHOUT ANY WARRANTY; without even the implied warranty of
-// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
-// GNU General Public License for more details.
-//
-// You should have received a copy of the GNU General Public License
-// along with Moodle. If not, see
-
- *
- {{#crossLink "M.editor_ousupsub.EditorPluginButtons/ENABLED:property"}}{{/crossLink}}; and - *
- {{#crossLink "M.editor_ousupsub.EditorPluginButtons/DISABLED:property"}}{{/crossLink}}. - *
-
- *
- preventing the default action; and - *
- focusing the editor if relevant. - *
"; - crashyTextNodes = isBrokenNode(textNode); - - api.features.crashyTextNodes = crashyTextNodes; - })(); - - /*----------------------------------------------------------------------------------------------------------------*/ - - function inspectNode(node) { - if (!node) { - return "[No node]"; - } - if (crashyTextNodes && isBrokenNode(node)) { - return "[Broken node]"; - } - if (isCharacterDataNode(node)) { - return '"' + node.data + '"'; - } - if (node.nodeType == 1) { - var idAttr = node.id ? ' id="' + node.id + '"' : ""; - return "<" + node.nodeName + idAttr + ">[index:" + getNodeIndex(node) + ",length:" + node.childNodes.length + "][" + (node.innerHTML || "[innerHTML not supported]").slice(0, 25) + "]"; - } - return node.nodeName; - } - - function fragmentFromNodeChildren(node) { - var fragment = getDocument(node).createDocumentFragment(), child; - while ( (child = node.firstChild) ) { - fragment.appendChild(child); - } - return fragment; - } - - var getComputedStyleProperty; - if (typeof window.getComputedStyle != UNDEF) { - getComputedStyleProperty = function(el, propName) { - return getWindow(el).getComputedStyle(el, null)[propName]; - }; - } else if (typeof document.documentElement.currentStyle != UNDEF) { - getComputedStyleProperty = function(el, propName) { - return el.currentStyle ? el.currentStyle[propName] : ""; - }; - } else { - module.fail("No means of obtaining computed style properties found"); - } - - function createTestElement(doc, html, contentEditable) { - var body = getBody(doc); - var el = doc.createElement("div"); - el.contentEditable = "" + !!contentEditable; - if (html) { - el.innerHTML = html; - } - - // Insert the test element at the start of the body to prevent scrolling to the bottom in iOS (issue #292) - var bodyFirstChild = body.firstChild; - if (bodyFirstChild) { - body.insertBefore(el, bodyFirstChild); - } else { - body.appendChild(el); - } - - return el; - } - - function removeNode(node) { - return node.parentNode.removeChild(node); - } - - function NodeIterator(root) { - this.root = root; - this._next = root; - } - - NodeIterator.prototype = { - _current: null, - - hasNext: function() { - return !!this._next; - }, - - next: function() { - var n = this._current = this._next; - var child, next; - if (this._current) { - child = n.firstChild; - if (child) { - this._next = child; - } else { - next = null; - while ((n !== this.root) && !(next = n.nextSibling)) { - n = n.parentNode; - } - this._next = next; - } - } - return this._current; - }, - - detach: function() { - this._current = this._next = this.root = null; - } - }; - - function createIterator(root) { - return new NodeIterator(root); - } - - function DomPosition(node, offset) { - this.node = node; - this.offset = offset; - } - - DomPosition.prototype = { - equals: function(pos) { - return !!pos && this.node === pos.node && this.offset == pos.offset; - }, - - inspect: function() { - return "[DomPosition(" + inspectNode(this.node) + ":" + this.offset + ")]"; - }, - - toString: function() { - return this.inspect(); - } - }; - - function DOMException(codeName) { - this.code = this[codeName]; - this.codeName = codeName; - this.message = "DOMException: " + this.codeName; - } - - DOMException.prototype = { - INDEX_SIZE_ERR: 1, - HIERARCHY_REQUEST_ERR: 3, - WRONG_DOCUMENT_ERR: 4, - NO_MODIFICATION_ALLOWED_ERR: 7, - NOT_FOUND_ERR: 8, - NOT_SUPPORTED_ERR: 9, - INVALID_STATE_ERR: 11, - INVALID_NODE_TYPE_ERR: 24 - }; - - DOMException.prototype.toString = function() { - return this.message; - }; - - api.dom = { - arrayContains: arrayContains, - isHtmlNamespace: isHtmlNamespace, - parentElement: parentElement, - getNodeIndex: getNodeIndex, - getNodeLength: getNodeLength, - getCommonAncestor: getCommonAncestor, - isAncestorOf: isAncestorOf, - isOrIsAncestorOf: isOrIsAncestorOf, - getClosestAncestorIn: getClosestAncestorIn, - isCharacterDataNode: isCharacterDataNode, - isTextOrCommentNode: isTextOrCommentNode, - insertAfter: insertAfter, - splitDataNode: splitDataNode, - getDocument: getDocument, - getWindow: getWindow, - getIframeWindow: getIframeWindow, - getIframeDocument: getIframeDocument, - getBody: getBody, - isWindow: isWindow, - getContentDocument: getContentDocument, - getRootContainer: getRootContainer, - comparePoints: comparePoints, - isBrokenNode: isBrokenNode, - inspectNode: inspectNode, - getComputedStyleProperty: getComputedStyleProperty, - createTestElement: createTestElement, - removeNode: removeNode, - fragmentFromNodeChildren: fragmentFromNodeChildren, - createIterator: createIterator, - DomPosition: DomPosition - }; - - api.DOMException = DOMException; - }); - - /*----------------------------------------------------------------------------------------------------------------*/ - - // Pure JavaScript implementation of DOM Range - api.createCoreModule("DomRange", ["DomUtil"], function(api, module) { - var dom = api.dom; - var util = api.util; - var DomPosition = dom.DomPosition; - var DOMException = api.DOMException; - - var isCharacterDataNode = dom.isCharacterDataNode; - var getNodeIndex = dom.getNodeIndex; - var isOrIsAncestorOf = dom.isOrIsAncestorOf; - var getDocument = dom.getDocument; - var comparePoints = dom.comparePoints; - var splitDataNode = dom.splitDataNode; - var getClosestAncestorIn = dom.getClosestAncestorIn; - var getNodeLength = dom.getNodeLength; - var arrayContains = dom.arrayContains; - var getRootContainer = dom.getRootContainer; - var crashyTextNodes = api.features.crashyTextNodes; - - var removeNode = dom.removeNode; - - /*----------------------------------------------------------------------------------------------------------------*/ - - // Utility functions - - function isNonTextPartiallySelected(node, range) { - return (node.nodeType != 3) && - (isOrIsAncestorOf(node, range.startContainer) || isOrIsAncestorOf(node, range.endContainer)); - } - - function getRangeDocument(range) { - return range.document || getDocument(range.startContainer); - } - - function getRangeRoot(range) { - return getRootContainer(range.startContainer); - } - - function getBoundaryBeforeNode(node) { - return new DomPosition(node.parentNode, getNodeIndex(node)); - } - - function getBoundaryAfterNode(node) { - return new DomPosition(node.parentNode, getNodeIndex(node) + 1); - } - - function insertNodeAtPosition(node, n, o) { - var firstNodeInserted = node.nodeType == 11 ? node.firstChild : node; - if (isCharacterDataNode(n)) { - if (o == n.length) { - dom.insertAfter(node, n); - } else { - n.parentNode.insertBefore(node, o == 0 ? n : splitDataNode(n, o)); - } - } else if (o >= n.childNodes.length) { - n.appendChild(node); - } else { - n.insertBefore(node, n.childNodes[o]); - } - return firstNodeInserted; - } - - function rangesIntersect(rangeA, rangeB, touchingIsIntersecting) { - assertRangeValid(rangeA); - assertRangeValid(rangeB); - - if (getRangeDocument(rangeB) != getRangeDocument(rangeA)) { - throw new DOMException("WRONG_DOCUMENT_ERR"); - } - - var startComparison = comparePoints(rangeA.startContainer, rangeA.startOffset, rangeB.endContainer, rangeB.endOffset), - endComparison = comparePoints(rangeA.endContainer, rangeA.endOffset, rangeB.startContainer, rangeB.startOffset); - - return touchingIsIntersecting ? startComparison <= 0 && endComparison >= 0 : startComparison < 0 && endComparison > 0; - } - - function cloneSubtree(iterator) { - var partiallySelected; - for (var node, frag = getRangeDocument(iterator.range).createDocumentFragment(), subIterator; node = iterator.next(); ) { - partiallySelected = iterator.isPartiallySelectedSubtree(); - node = node.cloneNode(!partiallySelected); - if (partiallySelected) { - subIterator = iterator.getSubtreeIterator(); - node.appendChild(cloneSubtree(subIterator)); - subIterator.detach(); - } - - if (node.nodeType == 10) { // DocumentType - throw new DOMException("HIERARCHY_REQUEST_ERR"); - } - frag.appendChild(node); - } - return frag; - } - - function iterateSubtree(rangeIterator, func, iteratorState) { - var it, n; - iteratorState = iteratorState || { stop: false }; - for (var node, subRangeIterator; node = rangeIterator.next(); ) { - if (rangeIterator.isPartiallySelectedSubtree()) { - if (func(node) === false) { - iteratorState.stop = true; - return; - } else { - // The node is partially selected by the Range, so we can use a new RangeIterator on the portion of - // the node selected by the Range. - subRangeIterator = rangeIterator.getSubtreeIterator(); - iterateSubtree(subRangeIterator, func, iteratorState); - subRangeIterator.detach(); - if (iteratorState.stop) { - return; - } - } - } else { - // The whole node is selected, so we can use efficient DOM iteration to iterate over the node and its - // descendants - it = dom.createIterator(node); - while ( (n = it.next()) ) { - if (func(n) === false) { - iteratorState.stop = true; - return; - } - } - } - } - } - - function deleteSubtree(iterator) { - var subIterator; - while (iterator.next()) { - if (iterator.isPartiallySelectedSubtree()) { - subIterator = iterator.getSubtreeIterator(); - deleteSubtree(subIterator); - subIterator.detach(); - } else { - iterator.remove(); - } - } - } - - function extractSubtree(iterator) { - for (var node, frag = getRangeDocument(iterator.range).createDocumentFragment(), subIterator; node = iterator.next(); ) { - - if (iterator.isPartiallySelectedSubtree()) { - node = node.cloneNode(false); - subIterator = iterator.getSubtreeIterator(); - node.appendChild(extractSubtree(subIterator)); - subIterator.detach(); - } else { - iterator.remove(); - } - if (node.nodeType == 10) { // DocumentType - throw new DOMException("HIERARCHY_REQUEST_ERR"); - } - frag.appendChild(node); - } - return frag; - } - - function getNodesInRange(range, nodeTypes, filter) { - var filterNodeTypes = !!(nodeTypes && nodeTypes.length), regex; - var filterExists = !!filter; - if (filterNodeTypes) { - regex = new RegExp("^(" + nodeTypes.join("|") + ")$"); - } - - var nodes = []; - iterateSubtree(new RangeIterator(range, false), function(node) { - if (filterNodeTypes && !regex.test(node.nodeType)) { - return; - } - if (filterExists && !filter(node)) { - return; - } - // Don't include a boundary container if it is a character data node and the range does not contain any - // of its character data. See issue 190. - var sc = range.startContainer; - if (node == sc && isCharacterDataNode(sc) && range.startOffset == sc.length) { - return; - } - - var ec = range.endContainer; - if (node == ec && isCharacterDataNode(ec) && range.endOffset == 0) { - return; - } - - nodes.push(node); - }); - return nodes; - } - - function inspect(range) { - var name = (typeof range.getName == "undefined") ? "Range" : range.getName(); - return "[" + name + "(" + dom.inspectNode(range.startContainer) + ":" + range.startOffset + ", " + - dom.inspectNode(range.endContainer) + ":" + range.endOffset + ")]"; - } - - /*----------------------------------------------------------------------------------------------------------------*/ - - // RangeIterator code partially borrows from IERange by Tim Ryan (http://github.com/timcameronryan/IERange) - - function RangeIterator(range, clonePartiallySelectedTextNodes) { - this.range = range; - this.clonePartiallySelectedTextNodes = clonePartiallySelectedTextNodes; - - - if (!range.collapsed) { - this.sc = range.startContainer; - this.so = range.startOffset; - this.ec = range.endContainer; - this.eo = range.endOffset; - var root = range.commonAncestorContainer; - - if (this.sc === this.ec && isCharacterDataNode(this.sc)) { - this.isSingleCharacterDataNode = true; - this._first = this._last = this._next = this.sc; - } else { - this._first = this._next = (this.sc === root && !isCharacterDataNode(this.sc)) ? - this.sc.childNodes[this.so] : getClosestAncestorIn(this.sc, root, true); - this._last = (this.ec === root && !isCharacterDataNode(this.ec)) ? - this.ec.childNodes[this.eo - 1] : getClosestAncestorIn(this.ec, root, true); - } - } - } - - RangeIterator.prototype = { - _current: null, - _next: null, - _first: null, - _last: null, - isSingleCharacterDataNode: false, - - reset: function() { - this._current = null; - this._next = this._first; - }, - - hasNext: function() { - return !!this._next; - }, - - next: function() { - // Move to next node - var current = this._current = this._next; - if (current) { - this._next = (current !== this._last) ? current.nextSibling : null; - - // Check for partially selected text nodes - if (isCharacterDataNode(current) && this.clonePartiallySelectedTextNodes) { - if (current === this.ec) { - (current = current.cloneNode(true)).deleteData(this.eo, current.length - this.eo); - } - if (this._current === this.sc) { - (current = current.cloneNode(true)).deleteData(0, this.so); - } - } - } - - return current; - }, - - remove: function() { - var current = this._current, start, end; - - if (isCharacterDataNode(current) && (current === this.sc || current === this.ec)) { - start = (current === this.sc) ? this.so : 0; - end = (current === this.ec) ? this.eo : current.length; - if (start != end) { - current.deleteData(start, end - start); - } - } else { - if (current.parentNode) { - removeNode(current); - } else { - } - } - }, - - // Checks if the current node is partially selected - isPartiallySelectedSubtree: function() { - var current = this._current; - return isNonTextPartiallySelected(current, this.range); - }, - - getSubtreeIterator: function() { - var subRange; - if (this.isSingleCharacterDataNode) { - subRange = this.range.cloneRange(); - subRange.collapse(false); - } else { - subRange = new Range(getRangeDocument(this.range)); - var current = this._current; - var startContainer = current, startOffset = 0, endContainer = current, endOffset = getNodeLength(current); - - if (isOrIsAncestorOf(current, this.sc)) { - startContainer = this.sc; - startOffset = this.so; - } - if (isOrIsAncestorOf(current, this.ec)) { - endContainer = this.ec; - endOffset = this.eo; - } - - updateBoundaries(subRange, startContainer, startOffset, endContainer, endOffset); - } - return new RangeIterator(subRange, this.clonePartiallySelectedTextNodes); - }, - - detach: function() { - this.range = this._current = this._next = this._first = this._last = this.sc = this.so = this.ec = this.eo = null; - } - }; - - /*----------------------------------------------------------------------------------------------------------------*/ - - var beforeAfterNodeTypes = [1, 3, 4, 5, 7, 8, 10]; - var rootContainerNodeTypes = [2, 9, 11]; - var readonlyNodeTypes = [5, 6, 10, 12]; - var insertableNodeTypes = [1, 3, 4, 5, 7, 8, 10, 11]; - var surroundNodeTypes = [1, 3, 4, 5, 7, 8]; - - function createAncestorFinder(nodeTypes) { - return function(node, selfIsAncestor) { - var t, n = selfIsAncestor ? node : node.parentNode; - while (n) { - t = n.nodeType; - if (arrayContains(nodeTypes, t)) { - return n; - } - n = n.parentNode; - } - return null; - }; - } - - var getDocumentOrFragmentContainer = createAncestorFinder( [9, 11] ); - var getReadonlyAncestor = createAncestorFinder(readonlyNodeTypes); - var getDocTypeNotationEntityAncestor = createAncestorFinder( [6, 10, 12] ); - var getElementAncestor = createAncestorFinder( [1] ); - - function assertNoDocTypeNotationEntityAncestor(node, allowSelf) { - if (getDocTypeNotationEntityAncestor(node, allowSelf)) { - throw new DOMException("INVALID_NODE_TYPE_ERR"); - } - } - - function assertValidNodeType(node, invalidTypes) { - if (!arrayContains(invalidTypes, node.nodeType)) { - throw new DOMException("INVALID_NODE_TYPE_ERR"); - } - } - - function assertValidOffset(node, offset) { - if (offset < 0 || offset > (isCharacterDataNode(node) ? node.length : node.childNodes.length)) { - throw new DOMException("INDEX_SIZE_ERR"); - } - } - - function assertSameDocumentOrFragment(node1, node2) { - if (getDocumentOrFragmentContainer(node1, true) !== getDocumentOrFragmentContainer(node2, true)) { - throw new DOMException("WRONG_DOCUMENT_ERR"); - } - } - - function assertNodeNotReadOnly(node) { - if (getReadonlyAncestor(node, true)) { - throw new DOMException("NO_MODIFICATION_ALLOWED_ERR"); - } - } - - function assertNode(node, codeName) { - if (!node) { - throw new DOMException(codeName); - } - } - - function isValidOffset(node, offset) { - return offset <= (isCharacterDataNode(node) ? node.length : node.childNodes.length); - } - - function isRangeValid(range) { - return (!!range.startContainer && !!range.endContainer && - !(crashyTextNodes && (dom.isBrokenNode(range.startContainer) || dom.isBrokenNode(range.endContainer))) && - getRootContainer(range.startContainer) == getRootContainer(range.endContainer) && - isValidOffset(range.startContainer, range.startOffset) && - isValidOffset(range.endContainer, range.endOffset)); - } - - function assertRangeValid(range) { - if (!isRangeValid(range)) { - throw new Error("Range error: Range is not valid. This usually happens after DOM mutation. Range: (" + range.inspect() + ")"); - } - } - - /*----------------------------------------------------------------------------------------------------------------*/ - - // Test the browser's innerHTML support to decide how to implement createContextualFragment - var styleEl = document.createElement("style"); - var htmlParsingConforms = false; - try { - styleEl.innerHTML = "x"; - htmlParsingConforms = (styleEl.firstChild.nodeType == 3); // Pre-Blink Opera incorrectly creates an element node - } catch (e) { - // IE 6 and 7 throw - } - - api.features.htmlParsingConforms = htmlParsingConforms; - - var createContextualFragment = htmlParsingConforms ? - - // Implementation as per HTML parsing spec, trusting in the browser's implementation of innerHTML. See - // discussion and base code for this implementation at issue 67. - // Spec: http://html5.org/specs/dom-parsing.html#extensions-to-the-range-interface - // Thanks to Aleks Williams. - function(fragmentStr) { - // "Let node the context object's start's node." - var node = this.startContainer; - var doc = getDocument(node); - - // "If the context object's start's node is null, raise an INVALID_STATE_ERR - // exception and abort these steps." - if (!node) { - throw new DOMException("INVALID_STATE_ERR"); - } - - // "Let element be as follows, depending on node's interface:" - // Document, Document Fragment: null - var el = null; - - // "Element: node" - if (node.nodeType == 1) { - el = node; - - // "Text, Comment: node's parentElement" - } else if (isCharacterDataNode(node)) { - el = dom.parentElement(node); - } - - // "If either element is null or element's ownerDocument is an HTML document - // and element's local name is "html" and element's namespace is the HTML - // namespace" - if (el === null || ( - el.nodeName == "HTML" && - dom.isHtmlNamespace(getDocument(el).documentElement) && - dom.isHtmlNamespace(el) - )) { - - // "let element be a new Element with "body" as its local name and the HTML - // namespace as its namespace."" - el = doc.createElement("body"); - } else { - el = el.cloneNode(false); - } - - // "If the node's document is an HTML document: Invoke the HTML fragment parsing algorithm." - // "If the node's document is an XML document: Invoke the XML fragment parsing algorithm." - // "In either case, the algorithm must be invoked with fragment as the input - // and element as the context element." - el.innerHTML = fragmentStr; - - // "If this raises an exception, then abort these steps. Otherwise, let new - // children be the nodes returned." - - // "Let fragment be a new DocumentFragment." - // "Append all new children to fragment." - // "Return fragment." - return dom.fragmentFromNodeChildren(el); - } : - - // In this case, innerHTML cannot be trusted, so fall back to a simpler, non-conformant implementation that - // previous versions of Rangy used (with the exception of using a body element rather than a div) - function(fragmentStr) { - var doc = getRangeDocument(this); - var el = doc.createElement("body"); - el.innerHTML = fragmentStr; - - return dom.fragmentFromNodeChildren(el); - }; - - function splitRangeBoundaries(range, positionsToPreserve) { - assertRangeValid(range); - - var sc = range.startContainer, so = range.startOffset, ec = range.endContainer, eo = range.endOffset; - var startEndSame = (sc === ec); - - if (isCharacterDataNode(ec) && eo > 0 && eo < ec.length) { - splitDataNode(ec, eo, positionsToPreserve); - } - - if (isCharacterDataNode(sc) && so > 0 && so < sc.length) { - sc = splitDataNode(sc, so, positionsToPreserve); - if (startEndSame) { - eo -= so; - ec = sc; - } else if (ec == sc.parentNode && eo >= getNodeIndex(sc)) { - eo++; - } - so = 0; - } - range.setStartAndEnd(sc, so, ec, eo); - } - - function rangeToHtml(range) { - assertRangeValid(range); - var container = range.commonAncestorContainer.parentNode.cloneNode(false); - container.appendChild( range.cloneContents() ); - return container.innerHTML; - } - - /*----------------------------------------------------------------------------------------------------------------*/ - - var rangeProperties = ["startContainer", "startOffset", "endContainer", "endOffset", "collapsed", - "commonAncestorContainer"]; - - var s2s = 0, s2e = 1, e2e = 2, e2s = 3; - var n_b = 0, n_a = 1, n_b_a = 2, n_i = 3; - - util.extend(api.rangePrototype, { - compareBoundaryPoints: function(how, range) { - assertRangeValid(this); - assertSameDocumentOrFragment(this.startContainer, range.startContainer); - - var nodeA, offsetA, nodeB, offsetB; - var prefixA = (how == e2s || how == s2s) ? "start" : "end"; - var prefixB = (how == s2e || how == s2s) ? "start" : "end"; - nodeA = this[prefixA + "Container"]; - offsetA = this[prefixA + "Offset"]; - nodeB = range[prefixB + "Container"]; - offsetB = range[prefixB + "Offset"]; - return comparePoints(nodeA, offsetA, nodeB, offsetB); - }, - - insertNode: function(node) { - assertRangeValid(this); - assertValidNodeType(node, insertableNodeTypes); - assertNodeNotReadOnly(this.startContainer); - - if (isOrIsAncestorOf(node, this.startContainer)) { - throw new DOMException("HIERARCHY_REQUEST_ERR"); - } - - // No check for whether the container of the start of the Range is of a type that does not allow - // children of the type of node: the browser's DOM implementation should do this for us when we attempt - // to add the node - - var firstNodeInserted = insertNodeAtPosition(node, this.startContainer, this.startOffset); - this.setStartBefore(firstNodeInserted); - }, - - cloneContents: function() { - assertRangeValid(this); - - var clone, frag; - if (this.collapsed) { - return getRangeDocument(this).createDocumentFragment(); - } else { - if (this.startContainer === this.endContainer && isCharacterDataNode(this.startContainer)) { - clone = this.startContainer.cloneNode(true); - clone.data = clone.data.slice(this.startOffset, this.endOffset); - frag = getRangeDocument(this).createDocumentFragment(); - frag.appendChild(clone); - return frag; - } else { - var iterator = new RangeIterator(this, true); - clone = cloneSubtree(iterator); - iterator.detach(); - } - return clone; - } - }, - - canSurroundContents: function() { - assertRangeValid(this); - assertNodeNotReadOnly(this.startContainer); - assertNodeNotReadOnly(this.endContainer); - - // Check if the contents can be surrounded. Specifically, this means whether the range partially selects - // no non-text nodes. - var iterator = new RangeIterator(this, true); - var boundariesInvalid = (iterator._first && (isNonTextPartiallySelected(iterator._first, this)) || - (iterator._last && isNonTextPartiallySelected(iterator._last, this))); - iterator.detach(); - return !boundariesInvalid; - }, - - surroundContents: function(node) { - assertValidNodeType(node, surroundNodeTypes); - - if (!this.canSurroundContents()) { - throw new DOMException("INVALID_STATE_ERR"); - } - - // Extract the contents - var content = this.extractContents(); - - // Clear the children of the node - if (node.hasChildNodes()) { - while (node.lastChild) { - node.removeChild(node.lastChild); - } - } - - // Insert the new node and add the extracted contents - insertNodeAtPosition(node, this.startContainer, this.startOffset); - node.appendChild(content); - - this.selectNode(node); - }, - - cloneRange: function() { - assertRangeValid(this); - var range = new Range(getRangeDocument(this)); - var i = rangeProperties.length, prop; - while (i--) { - prop = rangeProperties[i]; - range[prop] = this[prop]; - } - return range; - }, - - toString: function() { - assertRangeValid(this); - var sc = this.startContainer; - if (sc === this.endContainer && isCharacterDataNode(sc)) { - return (sc.nodeType == 3 || sc.nodeType == 4) ? sc.data.slice(this.startOffset, this.endOffset) : ""; - } else { - var textParts = [], iterator = new RangeIterator(this, true); - iterateSubtree(iterator, function(node) { - // Accept only text or CDATA nodes, not comments - if (node.nodeType == 3 || node.nodeType == 4) { - textParts.push(node.data); - } - }); - iterator.detach(); - return textParts.join(""); - } - }, - - // The methods below are all non-standard. The following batch were introduced by Mozilla but have since - // been removed from Mozilla. - - compareNode: function(node) { - assertRangeValid(this); - - var parent = node.parentNode; - var nodeIndex = getNodeIndex(node); - - if (!parent) { - throw new DOMException("NOT_FOUND_ERR"); - } - - var startComparison = this.comparePoint(parent, nodeIndex), - endComparison = this.comparePoint(parent, nodeIndex + 1); - - if (startComparison < 0) { // Node starts before - return (endComparison > 0) ? n_b_a : n_b; - } else { - return (endComparison > 0) ? n_a : n_i; - } - }, - - comparePoint: function(node, offset) { - assertRangeValid(this); - assertNode(node, "HIERARCHY_REQUEST_ERR"); - assertSameDocumentOrFragment(node, this.startContainer); - - if (comparePoints(node, offset, this.startContainer, this.startOffset) < 0) { - return -1; - } else if (comparePoints(node, offset, this.endContainer, this.endOffset) > 0) { - return 1; - } - return 0; - }, - - createContextualFragment: createContextualFragment, - - toHtml: function() { - return rangeToHtml(this); - }, - - // touchingIsIntersecting determines whether this method considers a node that borders a range intersects - // with it (as in WebKit) or not (as in Gecko pre-1.9, and the default) - intersectsNode: function(node, touchingIsIntersecting) { - assertRangeValid(this); - if (getRootContainer(node) != getRangeRoot(this)) { - return false; - } - - var parent = node.parentNode, offset = getNodeIndex(node); - if (!parent) { - return true; - } - - var startComparison = comparePoints(parent, offset, this.endContainer, this.endOffset), - endComparison = comparePoints(parent, offset + 1, this.startContainer, this.startOffset); - - return touchingIsIntersecting ? startComparison <= 0 && endComparison >= 0 : startComparison < 0 && endComparison > 0; - }, - - isPointInRange: function(node, offset) { - assertRangeValid(this); - assertNode(node, "HIERARCHY_REQUEST_ERR"); - assertSameDocumentOrFragment(node, this.startContainer); - - return (comparePoints(node, offset, this.startContainer, this.startOffset) >= 0) && - (comparePoints(node, offset, this.endContainer, this.endOffset) <= 0); - }, - - // The methods below are non-standard and invented by me. - - // Sharing a boundary start-to-end or end-to-start does not count as intersection. - intersectsRange: function(range) { - return rangesIntersect(this, range, false); - }, - - // Sharing a boundary start-to-end or end-to-start does count as intersection. - intersectsOrTouchesRange: function(range) { - return rangesIntersect(this, range, true); - }, - - intersection: function(range) { - if (this.intersectsRange(range)) { - var startComparison = comparePoints(this.startContainer, this.startOffset, range.startContainer, range.startOffset), - endComparison = comparePoints(this.endContainer, this.endOffset, range.endContainer, range.endOffset); - - var intersectionRange = this.cloneRange(); - if (startComparison == -1) { - intersectionRange.setStart(range.startContainer, range.startOffset); - } - if (endComparison == 1) { - intersectionRange.setEnd(range.endContainer, range.endOffset); - } - return intersectionRange; - } - return null; - }, - - union: function(range) { - if (this.intersectsOrTouchesRange(range)) { - var unionRange = this.cloneRange(); - if (comparePoints(range.startContainer, range.startOffset, this.startContainer, this.startOffset) == -1) { - unionRange.setStart(range.startContainer, range.startOffset); - } - if (comparePoints(range.endContainer, range.endOffset, this.endContainer, this.endOffset) == 1) { - unionRange.setEnd(range.endContainer, range.endOffset); - } - return unionRange; - } else { - throw new DOMException("Ranges do not intersect"); - } - }, - - containsNode: function(node, allowPartial) { - if (allowPartial) { - return this.intersectsNode(node, false); - } else { - return this.compareNode(node) == n_i; - } - }, - - containsNodeContents: function(node) { - return this.comparePoint(node, 0) >= 0 && this.comparePoint(node, getNodeLength(node)) <= 0; - }, - - containsRange: function(range) { - var intersection = this.intersection(range); - return intersection !== null && range.equals(intersection); - }, - - containsNodeText: function(node) { - var nodeRange = this.cloneRange(); - nodeRange.selectNode(node); - var textNodes = nodeRange.getNodes([3]); - if (textNodes.length > 0) { - nodeRange.setStart(textNodes[0], 0); - var lastTextNode = textNodes.pop(); - nodeRange.setEnd(lastTextNode, lastTextNode.length); - return this.containsRange(nodeRange); - } else { - return this.containsNodeContents(node); - } - }, - - getNodes: function(nodeTypes, filter) { - assertRangeValid(this); - return getNodesInRange(this, nodeTypes, filter); - }, - - getDocument: function() { - return getRangeDocument(this); - }, - - collapseBefore: function(node) { - this.setEndBefore(node); - this.collapse(false); - }, - - collapseAfter: function(node) { - this.setStartAfter(node); - this.collapse(true); - }, - - getBookmark: function(containerNode) { - var doc = getRangeDocument(this); - var preSelectionRange = api.createRange(doc); - containerNode = containerNode || dom.getBody(doc); - preSelectionRange.selectNodeContents(containerNode); - var range = this.intersection(preSelectionRange); - var start = 0, end = 0; - if (range) { - preSelectionRange.setEnd(range.startContainer, range.startOffset); - start = preSelectionRange.toString().length; - end = start + range.toString().length; - } - - return { - start: start, - end: end, - containerNode: containerNode - }; - }, - - moveToBookmark: function(bookmark) { - var containerNode = bookmark.containerNode; - var charIndex = 0; - this.setStart(containerNode, 0); - this.collapse(true); - var nodeStack = [containerNode], node, foundStart = false, stop = false; - var nextCharIndex, i, childNodes; - - while (!stop && (node = nodeStack.pop())) { - if (node.nodeType == 3) { - nextCharIndex = charIndex + node.length; - if (!foundStart && bookmark.start >= charIndex && bookmark.start <= nextCharIndex) { - this.setStart(node, bookmark.start - charIndex); - foundStart = true; - } - if (foundStart && bookmark.end >= charIndex && bookmark.end <= nextCharIndex) { - this.setEnd(node, bookmark.end - charIndex); - stop = true; - } - charIndex = nextCharIndex; - } else { - childNodes = node.childNodes; - i = childNodes.length; - while (i--) { - nodeStack.push(childNodes[i]); - } - } - } - }, - - getName: function() { - return "DomRange"; - }, - - equals: function(range) { - return Range.rangesEqual(this, range); - }, - - isValid: function() { - return isRangeValid(this); - }, - - inspect: function() { - return inspect(this); - }, - - detach: function() { - // In DOM4, detach() is now a no-op. - } - }); - - function copyComparisonConstantsToObject(obj) { - obj.START_TO_START = s2s; - obj.START_TO_END = s2e; - obj.END_TO_END = e2e; - obj.END_TO_START = e2s; - - obj.NODE_BEFORE = n_b; - obj.NODE_AFTER = n_a; - obj.NODE_BEFORE_AND_AFTER = n_b_a; - obj.NODE_INSIDE = n_i; - } - - function copyComparisonConstants(constructor) { - copyComparisonConstantsToObject(constructor); - copyComparisonConstantsToObject(constructor.prototype); - } - - function createRangeContentRemover(remover, boundaryUpdater) { - return function() { - assertRangeValid(this); - - var sc = this.startContainer, so = this.startOffset, root = this.commonAncestorContainer; - - var iterator = new RangeIterator(this, true); - - // Work out where to position the range after content removal - var node, boundary; - if (sc !== root) { - node = getClosestAncestorIn(sc, root, true); - boundary = getBoundaryAfterNode(node); - sc = boundary.node; - so = boundary.offset; - } - - // Check none of the range is read-only - iterateSubtree(iterator, assertNodeNotReadOnly); - - iterator.reset(); - - // Remove the content - var returnValue = remover(iterator); - iterator.detach(); - - // Move to the new position - boundaryUpdater(this, sc, so, sc, so); - - return returnValue; - }; - } - - function createPrototypeRange(constructor, boundaryUpdater) { - function createBeforeAfterNodeSetter(isBefore, isStart) { - return function(node) { - assertValidNodeType(node, beforeAfterNodeTypes); - assertValidNodeType(getRootContainer(node), rootContainerNodeTypes); - - var boundary = (isBefore ? getBoundaryBeforeNode : getBoundaryAfterNode)(node); - (isStart ? setRangeStart : setRangeEnd)(this, boundary.node, boundary.offset); - }; - } - - function setRangeStart(range, node, offset) { - var ec = range.endContainer, eo = range.endOffset; - if (node !== range.startContainer || offset !== range.startOffset) { - // Check the root containers of the range and the new boundary, and also check whether the new boundary - // is after the current end. In either case, collapse the range to the new position - if (getRootContainer(node) != getRootContainer(ec) || comparePoints(node, offset, ec, eo) == 1) { - ec = node; - eo = offset; - } - boundaryUpdater(range, node, offset, ec, eo); - } - } - - function setRangeEnd(range, node, offset) { - var sc = range.startContainer, so = range.startOffset; - if (node !== range.endContainer || offset !== range.endOffset) { - // Check the root containers of the range and the new boundary, and also check whether the new boundary - // is after the current end. In either case, collapse the range to the new position - if (getRootContainer(node) != getRootContainer(sc) || comparePoints(node, offset, sc, so) == -1) { - sc = node; - so = offset; - } - boundaryUpdater(range, sc, so, node, offset); - } - } - - // Set up inheritance - var F = function() {}; - F.prototype = api.rangePrototype; - constructor.prototype = new F(); - - util.extend(constructor.prototype, { - setStart: function(node, offset) { - assertNoDocTypeNotationEntityAncestor(node, true); - assertValidOffset(node, offset); - - setRangeStart(this, node, offset); - }, - - setEnd: function(node, offset) { - assertNoDocTypeNotationEntityAncestor(node, true); - assertValidOffset(node, offset); - - setRangeEnd(this, node, offset); - }, - - /** - * Convenience method to set a range's start and end boundaries. Overloaded as follows: - * - Two parameters (node, offset) creates a collapsed range at that position - * - Three parameters (node, startOffset, endOffset) creates a range contained with node starting at - * startOffset and ending at endOffset - * - Four parameters (startNode, startOffset, endNode, endOffset) creates a range starting at startOffset in - * startNode and ending at endOffset in endNode - */ - setStartAndEnd: function() { - var args = arguments; - var sc = args[0], so = args[1], ec = sc, eo = so; - - switch (args.length) { - case 3: - eo = args[2]; - break; - case 4: - ec = args[2]; - eo = args[3]; - break; - } - - assertNoDocTypeNotationEntityAncestor(sc, true); - assertValidOffset(sc, so); - - assertNoDocTypeNotationEntityAncestor(ec, true); - assertValidOffset(ec, eo); - - boundaryUpdater(this, sc, so, ec, eo); - }, - - setBoundary: function(node, offset, isStart) { - this["set" + (isStart ? "Start" : "End")](node, offset); - }, - - setStartBefore: createBeforeAfterNodeSetter(true, true), - setStartAfter: createBeforeAfterNodeSetter(false, true), - setEndBefore: createBeforeAfterNodeSetter(true, false), - setEndAfter: createBeforeAfterNodeSetter(false, false), - - collapse: function(isStart) { - assertRangeValid(this); - if (isStart) { - boundaryUpdater(this, this.startContainer, this.startOffset, this.startContainer, this.startOffset); - } else { - boundaryUpdater(this, this.endContainer, this.endOffset, this.endContainer, this.endOffset); - } - }, - - selectNodeContents: function(node) { - assertNoDocTypeNotationEntityAncestor(node, true); - - boundaryUpdater(this, node, 0, node, getNodeLength(node)); - }, - - selectNode: function(node) { - assertNoDocTypeNotationEntityAncestor(node, false); - assertValidNodeType(node, beforeAfterNodeTypes); - - var start = getBoundaryBeforeNode(node), end = getBoundaryAfterNode(node); - boundaryUpdater(this, start.node, start.offset, end.node, end.offset); - }, - - extractContents: createRangeContentRemover(extractSubtree, boundaryUpdater), - - deleteContents: createRangeContentRemover(deleteSubtree, boundaryUpdater), - - canSurroundContents: function() { - assertRangeValid(this); - assertNodeNotReadOnly(this.startContainer); - assertNodeNotReadOnly(this.endContainer); - - // Check if the contents can be surrounded. Specifically, this means whether the range partially selects - // no non-text nodes. - var iterator = new RangeIterator(this, true); - var boundariesInvalid = (iterator._first && isNonTextPartiallySelected(iterator._first, this) || - (iterator._last && isNonTextPartiallySelected(iterator._last, this))); - iterator.detach(); - return !boundariesInvalid; - }, - - splitBoundaries: function() { - splitRangeBoundaries(this); - }, - - splitBoundariesPreservingPositions: function(positionsToPreserve) { - splitRangeBoundaries(this, positionsToPreserve); - }, - - normalizeBoundaries: function() { - assertRangeValid(this); - - var sc = this.startContainer, so = this.startOffset, ec = this.endContainer, eo = this.endOffset; - - var mergeForward = function(node) { - var sibling = node.nextSibling; - if (sibling && sibling.nodeType == node.nodeType) { - ec = node; - eo = node.length; - node.appendData(sibling.data); - removeNode(sibling); - } - }; - - var mergeBackward = function(node) { - var sibling = node.previousSibling; - if (sibling && sibling.nodeType == node.nodeType) { - sc = node; - var nodeLength = node.length; - so = sibling.length; - node.insertData(0, sibling.data); - removeNode(sibling); - if (sc == ec) { - eo += so; - ec = sc; - } else if (ec == node.parentNode) { - var nodeIndex = getNodeIndex(node); - if (eo == nodeIndex) { - ec = node; - eo = nodeLength; - } else if (eo > nodeIndex) { - eo--; - } - } - } - }; - - var normalizeStart = true; - var sibling; - - if (isCharacterDataNode(ec)) { - if (eo == ec.length) { - mergeForward(ec); - } else if (eo == 0) { - sibling = ec.previousSibling; - if (sibling && sibling.nodeType == ec.nodeType) { - eo = sibling.length; - if (sc == ec) { - normalizeStart = false; - } - sibling.appendData(ec.data); - removeNode(ec); - ec = sibling; - } - } - } else { - if (eo > 0) { - var endNode = ec.childNodes[eo - 1]; - if (endNode && isCharacterDataNode(endNode)) { - mergeForward(endNode); - } - } - normalizeStart = !this.collapsed; - } - - if (normalizeStart) { - if (isCharacterDataNode(sc)) { - if (so == 0) { - mergeBackward(sc); - } else if (so == sc.length) { - sibling = sc.nextSibling; - if (sibling && sibling.nodeType == sc.nodeType) { - if (ec == sibling) { - ec = sc; - eo += sc.length; - } - sc.appendData(sibling.data); - removeNode(sibling); - } - } - } else { - if (so < sc.childNodes.length) { - var startNode = sc.childNodes[so]; - if (startNode && isCharacterDataNode(startNode)) { - mergeBackward(startNode); - } - } - } - } else { - sc = ec; - so = eo; - } - - boundaryUpdater(this, sc, so, ec, eo); - }, - - collapseToPoint: function(node, offset) { - assertNoDocTypeNotationEntityAncestor(node, true); - assertValidOffset(node, offset); - this.setStartAndEnd(node, offset); - }, - - parentElement: function() { - assertRangeValid(this); - var parentNode = this.commonAncestorContainer; - return parentNode ? getElementAncestor(this.commonAncestorContainer, true) : null; - } - }); - - copyComparisonConstants(constructor); - } - - /*----------------------------------------------------------------------------------------------------------------*/ - - // Updates commonAncestorContainer and collapsed after boundary change - function updateCollapsedAndCommonAncestor(range) { - range.collapsed = (range.startContainer === range.endContainer && range.startOffset === range.endOffset); - range.commonAncestorContainer = range.collapsed ? - range.startContainer : dom.getCommonAncestor(range.startContainer, range.endContainer); - } - - function updateBoundaries(range, startContainer, startOffset, endContainer, endOffset) { - range.startContainer = startContainer; - range.startOffset = startOffset; - range.endContainer = endContainer; - range.endOffset = endOffset; - range.document = dom.getDocument(startContainer); - updateCollapsedAndCommonAncestor(range); - } - - function Range(doc) { - updateBoundaries(this, doc, 0, doc, 0); - } - - createPrototypeRange(Range, updateBoundaries); - - util.extend(Range, { - rangeProperties: rangeProperties, - RangeIterator: RangeIterator, - copyComparisonConstants: copyComparisonConstants, - createPrototypeRange: createPrototypeRange, - inspect: inspect, - toHtml: rangeToHtml, - getRangeDocument: getRangeDocument, - rangesEqual: function(r1, r2) { - return r1.startContainer === r2.startContainer && - r1.startOffset === r2.startOffset && - r1.endContainer === r2.endContainer && - r1.endOffset === r2.endOffset; - } - }); - - api.DomRange = Range; - }); - - /*----------------------------------------------------------------------------------------------------------------*/ - - // Wrappers for the browser's native DOM Range and/or TextRange implementation - api.createCoreModule("WrappedRange", ["DomRange"], function(api, module) { - var WrappedRange, WrappedTextRange; - var dom = api.dom; - var util = api.util; - var DomPosition = dom.DomPosition; - var DomRange = api.DomRange; - var getBody = dom.getBody; - var getContentDocument = dom.getContentDocument; - var isCharacterDataNode = dom.isCharacterDataNode; - - - /*----------------------------------------------------------------------------------------------------------------*/ - - if (api.features.implementsDomRange) { - // This is a wrapper around the browser's native DOM Range. It has two aims: - // - Provide workarounds for specific browser bugs - // - provide convenient extensions, which are inherited from Rangy's DomRange - - (function() { - var rangeProto; - var rangeProperties = DomRange.rangeProperties; - - function updateRangeProperties(range) { - var i = rangeProperties.length, prop; - while (i--) { - prop = rangeProperties[i]; - range[prop] = range.nativeRange[prop]; - } - // Fix for broken collapsed property in IE 9. - range.collapsed = (range.startContainer === range.endContainer && range.startOffset === range.endOffset); - } - - function updateNativeRange(range, startContainer, startOffset, endContainer, endOffset) { - var startMoved = (range.startContainer !== startContainer || range.startOffset != startOffset); - var endMoved = (range.endContainer !== endContainer || range.endOffset != endOffset); - var nativeRangeDifferent = !range.equals(range.nativeRange); - - // Always set both boundaries for the benefit of IE9 (see issue 35) - if (startMoved || endMoved || nativeRangeDifferent) { - range.setEnd(endContainer, endOffset); - range.setStart(startContainer, startOffset); - } - } - - var createBeforeAfterNodeSetter; - - WrappedRange = function(range) { - if (!range) { - throw module.createError("WrappedRange: Range must be specified"); - } - this.nativeRange = range; - updateRangeProperties(this); - }; - - DomRange.createPrototypeRange(WrappedRange, updateNativeRange); - - rangeProto = WrappedRange.prototype; - - rangeProto.selectNode = function(node) { - this.nativeRange.selectNode(node); - updateRangeProperties(this); - }; - - rangeProto.cloneContents = function() { - return this.nativeRange.cloneContents(); - }; - - // Due to a long-standing Firefox bug that I have not been able to find a reliable way to detect, - // insertNode() is never delegated to the native range. - - rangeProto.surroundContents = function(node) { - this.nativeRange.surroundContents(node); - updateRangeProperties(this); - }; - - rangeProto.collapse = function(isStart) { - this.nativeRange.collapse(isStart); - updateRangeProperties(this); - }; - - rangeProto.cloneRange = function() { - return new WrappedRange(this.nativeRange.cloneRange()); - }; - - rangeProto.refresh = function() { - updateRangeProperties(this); - }; - - rangeProto.toString = function() { - return this.nativeRange.toString(); - }; - - // Create test range and node for feature detection - - var testTextNode = document.createTextNode("test"); - getBody(document).appendChild(testTextNode); - var range = document.createRange(); - - /*--------------------------------------------------------------------------------------------------------*/ - - // Test for Firefox 2 bug that prevents moving the start of a Range to a point after its current end and - // correct for it - - range.setStart(testTextNode, 0); - range.setEnd(testTextNode, 0); - - try { - range.setStart(testTextNode, 1); - - rangeProto.setStart = function(node, offset) { - this.nativeRange.setStart(node, offset); - updateRangeProperties(this); - }; - - rangeProto.setEnd = function(node, offset) { - this.nativeRange.setEnd(node, offset); - updateRangeProperties(this); - }; - - createBeforeAfterNodeSetter = function(name) { - return function(node) { - this.nativeRange[name](node); - updateRangeProperties(this); - }; - }; - - } catch(ex) { - - rangeProto.setStart = function(node, offset) { - try { - this.nativeRange.setStart(node, offset); - } catch (ex) { - this.nativeRange.setEnd(node, offset); - this.nativeRange.setStart(node, offset); - } - updateRangeProperties(this); - }; - - rangeProto.setEnd = function(node, offset) { - try { - this.nativeRange.setEnd(node, offset); - } catch (ex) { - this.nativeRange.setStart(node, offset); - this.nativeRange.setEnd(node, offset); - } - updateRangeProperties(this); - }; - - createBeforeAfterNodeSetter = function(name, oppositeName) { - return function(node) { - try { - this.nativeRange[name](node); - } catch (ex) { - this.nativeRange[oppositeName](node); - this.nativeRange[name](node); - } - updateRangeProperties(this); - }; - }; - } - - rangeProto.setStartBefore = createBeforeAfterNodeSetter("setStartBefore", "setEndBefore"); - rangeProto.setStartAfter = createBeforeAfterNodeSetter("setStartAfter", "setEndAfter"); - rangeProto.setEndBefore = createBeforeAfterNodeSetter("setEndBefore", "setStartBefore"); - rangeProto.setEndAfter = createBeforeAfterNodeSetter("setEndAfter", "setStartAfter"); - - /*--------------------------------------------------------------------------------------------------------*/ - - // Always use DOM4-compliant selectNodeContents implementation: it's simpler and less code than testing - // whether the native implementation can be trusted - rangeProto.selectNodeContents = function(node) { - this.setStartAndEnd(node, 0, dom.getNodeLength(node)); - }; - - /*--------------------------------------------------------------------------------------------------------*/ - - // Test for and correct WebKit bug that has the behaviour of compareBoundaryPoints round the wrong way for - // constants START_TO_END and END_TO_START: https://bugs.webkit.org/show_bug.cgi?id=20738 - - range.selectNodeContents(testTextNode); - range.setEnd(testTextNode, 3); - - var range2 = document.createRange(); - range2.selectNodeContents(testTextNode); - range2.setEnd(testTextNode, 4); - range2.setStart(testTextNode, 2); - - if (range.compareBoundaryPoints(range.START_TO_END, range2) == -1 && - range.compareBoundaryPoints(range.END_TO_START, range2) == 1) { - // This is the wrong way round, so correct for it - - rangeProto.compareBoundaryPoints = function(type, range) { - range = range.nativeRange || range; - if (type == range.START_TO_END) { - type = range.END_TO_START; - } else if (type == range.END_TO_START) { - type = range.START_TO_END; - } - return this.nativeRange.compareBoundaryPoints(type, range); - }; - } else { - rangeProto.compareBoundaryPoints = function(type, range) { - return this.nativeRange.compareBoundaryPoints(type, range.nativeRange || range); - }; - } - - /*--------------------------------------------------------------------------------------------------------*/ - - // Test for IE deleteContents() and extractContents() bug and correct it. See issue 107. - - var el = document.createElement("div"); - el.innerHTML = "123"; - var textNode = el.firstChild; - var body = getBody(document); - body.appendChild(el); - - range.setStart(textNode, 1); - range.setEnd(textNode, 2); - range.deleteContents(); - - if (textNode.data == "13") { - // Behaviour is correct per DOM4 Range so wrap the browser's implementation of deleteContents() and - // extractContents() - rangeProto.deleteContents = function() { - this.nativeRange.deleteContents(); - updateRangeProperties(this); - }; - - rangeProto.extractContents = function() { - var frag = this.nativeRange.extractContents(); - updateRangeProperties(this); - return frag; - }; - } else { - } - - body.removeChild(el); - body = null; - - /*--------------------------------------------------------------------------------------------------------*/ - - // Test for existence of createContextualFragment and delegate to it if it exists - if (util.isHostMethod(range, "createContextualFragment")) { - rangeProto.createContextualFragment = function(fragmentStr) { - return this.nativeRange.createContextualFragment(fragmentStr); - }; - } - - /*--------------------------------------------------------------------------------------------------------*/ - - // Clean up - getBody(document).removeChild(testTextNode); - - rangeProto.getName = function() { - return "WrappedRange"; - }; - - api.WrappedRange = WrappedRange; - - api.createNativeRange = function(doc) { - doc = getContentDocument(doc, module, "createNativeRange"); - return doc.createRange(); - }; - })(); - } - - if (api.features.implementsTextRange) { - /* - This is a workaround for a bug where IE returns the wrong container element from the TextRange's parentElement() - method. For example, in the following (where pipes denote the selection boundaries): - -
- | a
- b |
element, for example), we need a slightly complicated approach to get the boundary's offset in
- IE. The facts:
-
- - Each line break is represented as \r in the text node's data/nodeValue properties
- - Each line break is represented as \r\n in the TextRange's 'text' property
- - The 'text' property of the TextRange does not contain trailing line breaks
-
- To get round the problem presented by the final fact above, we can use the fact that TextRange's
- moveStart() and moveEnd() methods return the actual number of characters moved, which is not
- necessarily the same as the number of characters it was instructed to move. The simplest approach is
- to use this to store the characters moved when moving both the start and end of the range to the
- start of the document body and subtracting the start offset from the end offset (the
- "move-negative-gazillion" method). However, this is extremely slow when the document is large and
- the range is near the end of it. Clearly doing the mirror image (i.e. moving the range boundaries to
- the end of the document) has the same problem.
-
- Another approach that works is to use moveStart() to move the start boundary of the range up to the
- end boundary one character at a time and incrementing a counter with the value returned by the
- moveStart() call. However, the check for whether the start boundary has reached the end boundary is
- expensive, so this method is slow (although unlike "move-negative-gazillion" is largely unaffected
- by the location of the range within the document).
-
- The approach used below is a hybrid of the two methods above. It uses the fact that a string
- containing the TextRange's 'text' property with each \r\n converted to a single \r character cannot
- be longer than the text of the TextRange, so the start of the range is moved that length initially
- and then a character at a time to make up for any trailing line breaks not contained in the 'text'
- property. This has good performance in most situations compared to the previous two methods.
- */
- var tempRange = workingRange.duplicate();
- var rangeLength = tempRange.text.replace(/\r\n/g, "\r").length;
-
- offset = tempRange.moveStart("character", rangeLength);
- while ( (comparison = tempRange.compareEndPoints("StartToEnd", tempRange)) == -1) {
- offset++;
- tempRange.moveStart("character", 1);
- }
- } else {
- offset = workingRange.text.length;
- }
- boundaryPosition = new DomPosition(boundaryNode, offset);
- } else {
-
- // If the boundary immediately follows a character data node and this is the end boundary, we should favour
- // a position within that, and likewise for a start boundary preceding a character data node
- previousNode = (isCollapsed || !isStart) && workingNode.previousSibling;
- nextNode = (isCollapsed || isStart) && workingNode.nextSibling;
- if (nextNode && isCharacterDataNode(nextNode)) {
- boundaryPosition = new DomPosition(nextNode, 0);
- } else if (previousNode && isCharacterDataNode(previousNode)) {
- boundaryPosition = new DomPosition(previousNode, previousNode.data.length);
- } else {
- boundaryPosition = new DomPosition(containerElement, dom.getNodeIndex(workingNode));
- }
- }
-
- // Clean up
- dom.removeNode(workingNode);
-
- return {
- boundaryPosition: boundaryPosition,
- nodeInfo: {
- nodeIndex: nodeIndex,
- containerElement: containerElement
- }
- };
- };
-
- // Returns a TextRange representing the boundary of a TextRange expressed as a node and an offset within that
- // node. This function started out as an optimized version of code found in Tim Cameron Ryan's IERange
- // (http://code.google.com/p/ierange/)
- var createBoundaryTextRange = function(boundaryPosition, isStart) {
- var boundaryNode, boundaryParent, boundaryOffset = boundaryPosition.offset;
- var doc = dom.getDocument(boundaryPosition.node);
- var workingNode, childNodes, workingRange = getBody(doc).createTextRange();
- var nodeIsDataNode = isCharacterDataNode(boundaryPosition.node);
-
- if (nodeIsDataNode) {
- boundaryNode = boundaryPosition.node;
- boundaryParent = boundaryNode.parentNode;
- } else {
- childNodes = boundaryPosition.node.childNodes;
- boundaryNode = (boundaryOffset < childNodes.length) ? childNodes[boundaryOffset] : null;
- boundaryParent = boundaryPosition.node;
- }
-
- // Position the range immediately before the node containing the boundary
- workingNode = doc.createElement("span");
-
- // Making the working element non-empty element persuades IE to consider the TextRange boundary to be within
- // the element rather than immediately before or after it
- workingNode.innerHTML = "&#feff;";
-
- // insertBefore is supposed to work like appendChild if the second parameter is null. However, a bug report
- // for IERange suggests that it can crash the browser: http://code.google.com/p/ierange/issues/detail?id=12
- if (boundaryNode) {
- boundaryParent.insertBefore(workingNode, boundaryNode);
- } else {
- boundaryParent.appendChild(workingNode);
- }
-
- workingRange.moveToElementText(workingNode);
- workingRange.collapse(!isStart);
-
- // Clean up
- boundaryParent.removeChild(workingNode);
-
- // Move the working range to the text offset, if required
- if (nodeIsDataNode) {
- workingRange[isStart ? "moveStart" : "moveEnd"]("character", boundaryOffset);
- }
-
- return workingRange;
- };
-
- /*------------------------------------------------------------------------------------------------------------*/
-
- // This is a wrapper around a TextRange, providing full DOM Range functionality using rangy's DomRange as a
- // prototype
-
- WrappedTextRange = function(textRange) {
- this.textRange = textRange;
- this.refresh();
- };
-
- WrappedTextRange.prototype = new DomRange(document);
-
- WrappedTextRange.prototype.refresh = function() {
- var start, end, startBoundary;
-
- // TextRange's parentElement() method cannot be trusted. getTextRangeContainerElement() works around that.
- var rangeContainerElement = getTextRangeContainerElement(this.textRange);
-
- if (textRangeIsCollapsed(this.textRange)) {
- end = start = getTextRangeBoundaryPosition(this.textRange, rangeContainerElement, true,
- true).boundaryPosition;
- } else {
- startBoundary = getTextRangeBoundaryPosition(this.textRange, rangeContainerElement, true, false);
- start = startBoundary.boundaryPosition;
-
- // An optimization used here is that if the start and end boundaries have the same parent element, the
- // search scope for the end boundary can be limited to exclude the portion of the element that precedes
- // the start boundary
- end = getTextRangeBoundaryPosition(this.textRange, rangeContainerElement, false, false,
- startBoundary.nodeInfo).boundaryPosition;
- }
-
- this.setStart(start.node, start.offset);
- this.setEnd(end.node, end.offset);
- };
-
- WrappedTextRange.prototype.getName = function() {
- return "WrappedTextRange";
- };
-
- DomRange.copyComparisonConstants(WrappedTextRange);
-
- var rangeToTextRange = function(range) {
- if (range.collapsed) {
- return createBoundaryTextRange(new DomPosition(range.startContainer, range.startOffset), true);
- } else {
- var startRange = createBoundaryTextRange(new DomPosition(range.startContainer, range.startOffset), true);
- var endRange = createBoundaryTextRange(new DomPosition(range.endContainer, range.endOffset), false);
- var textRange = getBody( DomRange.getRangeDocument(range) ).createTextRange();
- textRange.setEndPoint("StartToStart", startRange);
- textRange.setEndPoint("EndToEnd", endRange);
- return textRange;
- }
- };
-
- WrappedTextRange.rangeToTextRange = rangeToTextRange;
-
- WrappedTextRange.prototype.toTextRange = function() {
- return rangeToTextRange(this);
- };
-
- api.WrappedTextRange = WrappedTextRange;
-
- // IE 9 and above have both implementations and Rangy makes both available. The next few lines sets which
- // implementation to use by default.
- if (!api.features.implementsDomRange || api.config.preferTextRange) {
- // Add WrappedTextRange as the Range property of the global object to allow expression like Range.END_TO_END to work
- var globalObj = (function(f) { return f("return this;")(); })(Function);
- if (typeof globalObj.Range == "undefined") {
- globalObj.Range = WrappedTextRange;
- }
-
- api.createNativeRange = function(doc) {
- doc = getContentDocument(doc, module, "createNativeRange");
- return getBody(doc).createTextRange();
- };
-
- api.WrappedRange = WrappedTextRange;
- }
- }
-
- api.createRange = function(doc) {
- doc = getContentDocument(doc, module, "createRange");
- return new api.WrappedRange(api.createNativeRange(doc));
- };
-
- api.createRangyRange = function(doc) {
- doc = getContentDocument(doc, module, "createRangyRange");
- return new DomRange(doc);
- };
-
- util.createAliasForDeprecatedMethod(api, "createIframeRange", "createRange");
- util.createAliasForDeprecatedMethod(api, "createIframeRangyRange", "createRangyRange");
-
- api.addShimListener(function(win) {
- var doc = win.document;
- if (typeof doc.createRange == "undefined") {
- doc.createRange = function() {
- return api.createRange(doc);
- };
- }
- doc = win = null;
- });
- });
-
- /*----------------------------------------------------------------------------------------------------------------*/
-
- // This module creates a selection object wrapper that conforms as closely as possible to the Selection specification
- // in the W3C Selection API spec (https://www.w3.org/TR/selection-api)
- api.createCoreModule("WrappedSelection", ["DomRange", "WrappedRange"], function(api, module) {
- api.config.checkSelectionRanges = true;
-
- var BOOLEAN = "boolean";
- var NUMBER = "number";
- var dom = api.dom;
- var util = api.util;
- var isHostMethod = util.isHostMethod;
- var DomRange = api.DomRange;
- var WrappedRange = api.WrappedRange;
- var DOMException = api.DOMException;
- var DomPosition = dom.DomPosition;
- var getNativeSelection;
- var selectionIsCollapsed;
- var features = api.features;
- var CONTROL = "Control";
- var getDocument = dom.getDocument;
- var getBody = dom.getBody;
- var rangesEqual = DomRange.rangesEqual;
-
-
- // Utility function to support direction parameters in the API that may be a string ("backward", "backwards",
- // "forward" or "forwards") or a Boolean (true for backwards).
- function isDirectionBackward(dir) {
- return (typeof dir == "string") ? /^backward(s)?$/i.test(dir) : !!dir;
- }
-
- function getWindow(win, methodName) {
- if (!win) {
- return window;
- } else if (dom.isWindow(win)) {
- return win;
- } else if (win instanceof WrappedSelection) {
- return win.win;
- } else {
- var doc = dom.getContentDocument(win, module, methodName);
- return dom.getWindow(doc);
- }
- }
-
- function getWinSelection(winParam) {
- return getWindow(winParam, "getWinSelection").getSelection();
- }
-
- function getDocSelection(winParam) {
- return getWindow(winParam, "getDocSelection").document.selection;
- }
-
- function winSelectionIsBackward(sel) {
- var backward = false;
- if (sel.anchorNode) {
- backward = (dom.comparePoints(sel.anchorNode, sel.anchorOffset, sel.focusNode, sel.focusOffset) == 1);
- }
- return backward;
- }
-
- // Test for the Range/TextRange and Selection features required
- // Test for ability to retrieve selection
- var implementsWinGetSelection = isHostMethod(window, "getSelection"),
- implementsDocSelection = util.isHostObject(document, "selection");
-
- features.implementsWinGetSelection = implementsWinGetSelection;
- features.implementsDocSelection = implementsDocSelection;
-
- var useDocumentSelection = implementsDocSelection && (!implementsWinGetSelection || api.config.preferTextRange);
-
- if (useDocumentSelection) {
- getNativeSelection = getDocSelection;
- api.isSelectionValid = function(winParam) {
- var doc = getWindow(winParam, "isSelectionValid").document, nativeSel = doc.selection;
-
- // Check whether the selection TextRange is actually contained within the correct document
- return (nativeSel.type != "None" || getDocument(nativeSel.createRange().parentElement()) == doc);
- };
- } else if (implementsWinGetSelection) {
- getNativeSelection = getWinSelection;
- api.isSelectionValid = function() {
- return true;
- };
- } else {
- module.fail("Neither document.selection or window.getSelection() detected.");
- return false;
- }
-
- api.getNativeSelection = getNativeSelection;
-
- var testSelection = getNativeSelection();
-
- // In Firefox, the selection is null in an iframe with display: none. See issue #138.
- if (!testSelection) {
- module.fail("Native selection was null (possibly issue 138?)");
- return false;
- }
-
- var testRange = api.createNativeRange(document);
- var body = getBody(document);
-
- // Obtaining a range from a selection
- var selectionHasAnchorAndFocus = util.areHostProperties(testSelection,
- ["anchorNode", "focusNode", "anchorOffset", "focusOffset"]);
-
- features.selectionHasAnchorAndFocus = selectionHasAnchorAndFocus;
-
- // Test for existence of native selection extend() method
- var selectionHasExtend = isHostMethod(testSelection, "extend");
- features.selectionHasExtend = selectionHasExtend;
-
- // Test for existence of native selection setBaseAndExtent() method
- var selectionHasSetBaseAndExtent = isHostMethod(testSelection, "setBaseAndExtent");
- features.selectionHasSetBaseAndExtent = selectionHasSetBaseAndExtent;
-
- // Test if rangeCount exists
- var selectionHasRangeCount = (typeof testSelection.rangeCount == NUMBER);
- features.selectionHasRangeCount = selectionHasRangeCount;
-
- var selectionSupportsMultipleRanges = false;
- var collapsedNonEditableSelectionsSupported = true;
-
- var addRangeBackwardToNative = selectionHasExtend ?
- function(nativeSelection, range) {
- var doc = DomRange.getRangeDocument(range);
- var endRange = api.createRange(doc);
- endRange.collapseToPoint(range.endContainer, range.endOffset);
- nativeSelection.addRange(getNativeRange(endRange));
- nativeSelection.extend(range.startContainer, range.startOffset);
- } : null;
-
- if (util.areHostMethods(testSelection, ["addRange", "getRangeAt", "removeAllRanges"]) &&
- typeof testSelection.rangeCount == NUMBER && features.implementsDomRange) {
-
- (function() {
- // Previously an iframe was used but this caused problems in some circumstances in IE, so tests are
- // performed on the current document's selection. See issue 109.
-
- // Note also that if a selection previously existed, it is wiped and later restored by these tests. This
- // will result in the selection direction being reversed if the original selection was backwards and the
- // browser does not support setting backwards selections (Internet Explorer, I'm looking at you).
- var sel = window.getSelection();
- if (sel) {
- // Store the current selection
- var originalSelectionRangeCount = sel.rangeCount;
- var selectionHasMultipleRanges = (originalSelectionRangeCount > 1);
- var originalSelectionRanges = [];
- var originalSelectionBackward = winSelectionIsBackward(sel);
- for (var i = 0; i < originalSelectionRangeCount; ++i) {
- originalSelectionRanges[i] = sel.getRangeAt(i);
- }
-
- // Create some test elements
- var testEl = dom.createTestElement(document, "", false);
- var textNode = testEl.appendChild( document.createTextNode("\u00a0\u00a0\u00a0") );
-
- // Test whether the native selection will allow a collapsed selection within a non-editable element
- var r1 = document.createRange();
-
- r1.setStart(textNode, 1);
- r1.collapse(true);
- sel.removeAllRanges();
- sel.addRange(r1);
- collapsedNonEditableSelectionsSupported = (sel.rangeCount == 1);
- sel.removeAllRanges();
-
- // Test whether the native selection is capable of supporting multiple ranges.
- if (!selectionHasMultipleRanges) {
- // Doing the original feature test here in Chrome 36 (and presumably later versions) prints a
- // console error of "Discontiguous selection is not supported." that cannot be suppressed. There's
- // nothing we can do about this while retaining the feature test so we have to resort to a browser
- // sniff. I'm not happy about it. See
- // https://code.google.com/p/chromium/issues/detail?id=399791
- var chromeMatch = window.navigator.appVersion.match(/Chrome\/(.*?) /);
- if (chromeMatch && parseInt(chromeMatch[1]) >= 36) {
- selectionSupportsMultipleRanges = false;
- } else {
- var r2 = r1.cloneRange();
- r1.setStart(textNode, 0);
- r2.setEnd(textNode, 3);
- r2.setStart(textNode, 2);
- sel.addRange(r1);
- sel.addRange(r2);
- selectionSupportsMultipleRanges = (sel.rangeCount == 2);
- }
- }
-
- // Clean up
- dom.removeNode(testEl);
- sel.removeAllRanges();
-
- for (i = 0; i < originalSelectionRangeCount; ++i) {
- if (i == 0 && originalSelectionBackward) {
- if (addRangeBackwardToNative) {
- addRangeBackwardToNative(sel, originalSelectionRanges[i]);
- } else {
- api.warn("Rangy initialization: original selection was backwards but selection has been restored forwards because the browser does not support Selection.extend");
- sel.addRange(originalSelectionRanges[i]);
- }
- } else {
- sel.addRange(originalSelectionRanges[i]);
- }
- }
- }
- })();
- }
-
- features.selectionSupportsMultipleRanges = selectionSupportsMultipleRanges;
- features.collapsedNonEditableSelectionsSupported = collapsedNonEditableSelectionsSupported;
-
- // ControlRanges
- var implementsControlRange = false, testControlRange;
-
- if (body && isHostMethod(body, "createControlRange")) {
- testControlRange = body.createControlRange();
- if (util.areHostProperties(testControlRange, ["item", "add"])) {
- implementsControlRange = true;
- }
- }
- features.implementsControlRange = implementsControlRange;
-
- // Selection collapsedness
- if (selectionHasAnchorAndFocus) {
- selectionIsCollapsed = function(sel) {
- return sel.anchorNode === sel.focusNode && sel.anchorOffset === sel.focusOffset;
- };
- } else {
- selectionIsCollapsed = function(sel) {
- return sel.rangeCount ? sel.getRangeAt(sel.rangeCount - 1).collapsed : false;
- };
- }
-
- function updateAnchorAndFocusFromRange(sel, range, backward) {
- var anchorPrefix = backward ? "end" : "start", focusPrefix = backward ? "start" : "end";
- sel.anchorNode = range[anchorPrefix + "Container"];
- sel.anchorOffset = range[anchorPrefix + "Offset"];
- sel.focusNode = range[focusPrefix + "Container"];
- sel.focusOffset = range[focusPrefix + "Offset"];
- }
-
- function updateAnchorAndFocusFromNativeSelection(sel) {
- var nativeSel = sel.nativeSelection;
- sel.anchorNode = nativeSel.anchorNode;
- sel.anchorOffset = nativeSel.anchorOffset;
- sel.focusNode = nativeSel.focusNode;
- sel.focusOffset = nativeSel.focusOffset;
- }
-
- function updateEmptySelection(sel) {
- sel.anchorNode = sel.focusNode = null;
- sel.anchorOffset = sel.focusOffset = 0;
- sel.rangeCount = 0;
- sel.isCollapsed = true;
- sel._ranges.length = 0;
- updateType(sel);
- }
-
- function updateType(sel) {
- sel.type = (sel.rangeCount == 0) ? "None" : (selectionIsCollapsed(sel) ? "Caret" : "Range");
- }
-
- function getNativeRange(range) {
- var nativeRange;
- if (range instanceof DomRange) {
- nativeRange = api.createNativeRange(range.getDocument());
- nativeRange.setEnd(range.endContainer, range.endOffset);
- nativeRange.setStart(range.startContainer, range.startOffset);
- } else if (range instanceof WrappedRange) {
- nativeRange = range.nativeRange;
- } else if (features.implementsDomRange && (range instanceof dom.getWindow(range.startContainer).Range)) {
- nativeRange = range;
- }
- return nativeRange;
- }
-
- function rangeContainsSingleElement(rangeNodes) {
- if (!rangeNodes.length || rangeNodes[0].nodeType != 1) {
- return false;
- }
- for (var i = 1, len = rangeNodes.length; i < len; ++i) {
- if (!dom.isAncestorOf(rangeNodes[0], rangeNodes[i])) {
- return false;
- }
- }
- return true;
- }
-
- function getSingleElementFromRange(range) {
- var nodes = range.getNodes();
- if (!rangeContainsSingleElement(nodes)) {
- throw module.createError("getSingleElementFromRange: range " + range.inspect() + " did not consist of a single element");
- }
- return nodes[0];
- }
-
- // Simple, quick test which only needs to distinguish between a TextRange and a ControlRange
- function isTextRange(range) {
- return !!range && typeof range.text != "undefined";
- }
-
- function updateFromTextRange(sel, range) {
- // Create a Range from the selected TextRange
- var wrappedRange = new WrappedRange(range);
- sel._ranges = [wrappedRange];
-
- updateAnchorAndFocusFromRange(sel, wrappedRange, false);
- sel.rangeCount = 1;
- sel.isCollapsed = wrappedRange.collapsed;
- updateType(sel);
- }
-
- function updateControlSelection(sel) {
- // Update the wrapped selection based on what's now in the native selection
- sel._ranges.length = 0;
- if (sel.docSelection.type == "None") {
- updateEmptySelection(sel);
- } else {
- var controlRange = sel.docSelection.createRange();
- if (isTextRange(controlRange)) {
- // This case (where the selection type is "Control" and calling createRange() on the selection returns
- // a TextRange) can happen in IE 9. It happens, for example, when all elements in the selected
- // ControlRange have been removed from the ControlRange and removed from the document.
- updateFromTextRange(sel, controlRange);
- } else {
- sel.rangeCount = controlRange.length;
- var range, doc = getDocument(controlRange.item(0));
- for (var i = 0; i < sel.rangeCount; ++i) {
- range = api.createRange(doc);
- range.selectNode(controlRange.item(i));
- sel._ranges.push(range);
- }
- sel.isCollapsed = sel.rangeCount == 1 && sel._ranges[0].collapsed;
- updateAnchorAndFocusFromRange(sel, sel._ranges[sel.rangeCount - 1], false);
- updateType(sel);
- }
- }
- }
-
- function addRangeToControlSelection(sel, range) {
- var controlRange = sel.docSelection.createRange();
- var rangeElement = getSingleElementFromRange(range);
-
- // Create a new ControlRange containing all the elements in the selected ControlRange plus the element
- // contained by the supplied range
- var doc = getDocument(controlRange.item(0));
- var newControlRange = getBody(doc).createControlRange();
- for (var i = 0, len = controlRange.length; i < len; ++i) {
- newControlRange.add(controlRange.item(i));
- }
- try {
- newControlRange.add(rangeElement);
- } catch (ex) {
- throw module.createError("addRange(): Element within the specified Range could not be added to control selection (does it have layout?)");
- }
- newControlRange.select();
-
- // Update the wrapped selection based on what's now in the native selection
- updateControlSelection(sel);
- }
-
- var getSelectionRangeAt;
-
- if (isHostMethod(testSelection, "getRangeAt")) {
- // try/catch is present because getRangeAt() must have thrown an error in some browser and some situation.
- // Unfortunately, I didn't write a comment about the specifics and am now scared to take it out. Let that be a
- // lesson to us all, especially me.
- getSelectionRangeAt = function(sel, index) {
- try {
- return sel.getRangeAt(index);
- } catch (ex) {
- return null;
- }
- };
- } else if (selectionHasAnchorAndFocus) {
- getSelectionRangeAt = function(sel) {
- var doc = getDocument(sel.anchorNode);
- var range = api.createRange(doc);
- range.setStartAndEnd(sel.anchorNode, sel.anchorOffset, sel.focusNode, sel.focusOffset);
-
- // Handle the case when the selection was selected backwards (from the end to the start in the
- // document)
- if (range.collapsed !== this.isCollapsed) {
- range.setStartAndEnd(sel.focusNode, sel.focusOffset, sel.anchorNode, sel.anchorOffset);
- }
-
- return range;
- };
- }
-
- function WrappedSelection(selection, docSelection, win) {
- this.nativeSelection = selection;
- this.docSelection = docSelection;
- this._ranges = [];
- this.win = win;
- this.refresh();
- }
-
- WrappedSelection.prototype = api.selectionPrototype;
-
- function deleteProperties(sel) {
- sel.win = sel.anchorNode = sel.focusNode = sel._ranges = null;
- sel.rangeCount = sel.anchorOffset = sel.focusOffset = 0;
- sel.detached = true;
- updateType(sel);
- }
-
- var cachedRangySelections = [];
-
- function actOnCachedSelection(win, action) {
- var i = cachedRangySelections.length, cached, sel;
- while (i--) {
- cached = cachedRangySelections[i];
- sel = cached.selection;
- if (action == "deleteAll") {
- deleteProperties(sel);
- } else if (cached.win == win) {
- if (action == "delete") {
- cachedRangySelections.splice(i, 1);
- return true;
- } else {
- return sel;
- }
- }
- }
- if (action == "deleteAll") {
- cachedRangySelections.length = 0;
- }
- return null;
- }
-
- var getSelection = function(win) {
- // Check if the parameter is a Rangy Selection object
- if (win && win instanceof WrappedSelection) {
- win.refresh();
- return win;
- }
-
- win = getWindow(win, "getNativeSelection");
-
- var sel = actOnCachedSelection(win);
- var nativeSel = getNativeSelection(win), docSel = implementsDocSelection ? getDocSelection(win) : null;
- if (sel) {
- sel.nativeSelection = nativeSel;
- sel.docSelection = docSel;
- sel.refresh();
- } else {
- sel = new WrappedSelection(nativeSel, docSel, win);
- cachedRangySelections.push( { win: win, selection: sel } );
- }
- return sel;
- };
-
- api.getSelection = getSelection;
-
- util.createAliasForDeprecatedMethod(api, "getIframeSelection", "getSelection");
-
- var selProto = WrappedSelection.prototype;
-
- function createControlSelection(sel, ranges) {
- // Ensure that the selection becomes of type "Control"
- var doc = getDocument(ranges[0].startContainer);
- var controlRange = getBody(doc).createControlRange();
- for (var i = 0, el, len = ranges.length; i < len; ++i) {
- el = getSingleElementFromRange(ranges[i]);
- try {
- controlRange.add(el);
- } catch (ex) {
- throw module.createError("setRanges(): Element within one of the specified Ranges could not be added to control selection (does it have layout?)");
- }
- }
- controlRange.select();
-
- // Update the wrapped selection based on what's now in the native selection
- updateControlSelection(sel);
- }
-
- // Selecting a range
- if (!useDocumentSelection && selectionHasAnchorAndFocus && util.areHostMethods(testSelection, ["removeAllRanges", "addRange"])) {
- selProto.removeAllRanges = function() {
- this.nativeSelection.removeAllRanges();
- updateEmptySelection(this);
- };
-
- var addRangeBackward = function(sel, range) {
- addRangeBackwardToNative(sel.nativeSelection, range);
- sel.refresh();
- };
-
- if (selectionHasRangeCount) {
- selProto.addRange = function(range, direction) {
- if (implementsControlRange && implementsDocSelection && this.docSelection.type == CONTROL) {
- addRangeToControlSelection(this, range);
- } else {
- if (isDirectionBackward(direction) && selectionHasExtend) {
- addRangeBackward(this, range);
- } else {
- var previousRangeCount;
- if (selectionSupportsMultipleRanges) {
- previousRangeCount = this.rangeCount;
- } else {
- this.removeAllRanges();
- previousRangeCount = 0;
- }
- // Clone the native range so that changing the selected range does not affect the selection.
- // This is contrary to the spec but is the only way to achieve consistency between browsers. See
- // issue 80.
- var clonedNativeRange = getNativeRange(range).cloneRange();
- try {
- this.nativeSelection.addRange(clonedNativeRange);
- } catch (ex) {
- }
-
- // Check whether adding the range was successful
- this.rangeCount = this.nativeSelection.rangeCount;
-
- if (this.rangeCount == previousRangeCount + 1) {
- // The range was added successfully
-
- // Check whether the range that we added to the selection is reflected in the last range extracted from
- // the selection
- if (api.config.checkSelectionRanges) {
- var nativeRange = getSelectionRangeAt(this.nativeSelection, this.rangeCount - 1);
- if (nativeRange && !rangesEqual(nativeRange, range)) {
- // Happens in WebKit with, for example, a selection placed at the start of a text node
- range = new WrappedRange(nativeRange);
- }
- }
- this._ranges[this.rangeCount - 1] = range;
- updateAnchorAndFocusFromRange(this, range, selectionIsBackward(this.nativeSelection));
- this.isCollapsed = selectionIsCollapsed(this);
- updateType(this);
- } else {
- // The range was not added successfully. The simplest thing is to refresh
- this.refresh();
- }
- }
- }
- };
- } else {
- selProto.addRange = function(range, direction) {
- if (isDirectionBackward(direction) && selectionHasExtend) {
- addRangeBackward(this, range);
- } else {
- this.nativeSelection.addRange(getNativeRange(range));
- this.refresh();
- }
- };
- }
-
- selProto.setRanges = function(ranges) {
- if (implementsControlRange && implementsDocSelection && ranges.length > 1) {
- createControlSelection(this, ranges);
- } else {
- this.removeAllRanges();
- for (var i = 0, len = ranges.length; i < len; ++i) {
- this.addRange(ranges[i]);
- }
- }
- };
- } else if (isHostMethod(testSelection, "empty") && isHostMethod(testRange, "select") &&
- implementsControlRange && useDocumentSelection) {
-
- selProto.removeAllRanges = function() {
- // Added try/catch as fix for issue #21
- try {
- this.docSelection.empty();
-
- // Check for empty() not working (issue #24)
- if (this.docSelection.type != "None") {
- // Work around failure to empty a control selection by instead selecting a TextRange and then
- // calling empty()
- var doc;
- if (this.anchorNode) {
- doc = getDocument(this.anchorNode);
- } else if (this.docSelection.type == CONTROL) {
- var controlRange = this.docSelection.createRange();
- if (controlRange.length) {
- doc = getDocument( controlRange.item(0) );
- }
- }
- if (doc) {
- var textRange = getBody(doc).createTextRange();
- textRange.select();
- this.docSelection.empty();
- }
- }
- } catch(ex) {}
- updateEmptySelection(this);
- };
-
- selProto.addRange = function(range) {
- if (this.docSelection.type == CONTROL) {
- addRangeToControlSelection(this, range);
- } else {
- api.WrappedTextRange.rangeToTextRange(range).select();
- this._ranges[0] = range;
- this.rangeCount = 1;
- this.isCollapsed = this._ranges[0].collapsed;
- updateAnchorAndFocusFromRange(this, range, false);
- updateType(this);
- }
- };
-
- selProto.setRanges = function(ranges) {
- this.removeAllRanges();
- var rangeCount = ranges.length;
- if (rangeCount > 1) {
- createControlSelection(this, ranges);
- } else if (rangeCount) {
- this.addRange(ranges[0]);
- }
- };
- } else {
- module.fail("No means of selecting a Range or TextRange was found");
- return false;
- }
-
- selProto.getRangeAt = function(index) {
- if (index < 0 || index >= this.rangeCount) {
- throw new DOMException("INDEX_SIZE_ERR");
- } else {
- // Clone the range to preserve selection-range independence. See issue 80.
- return this._ranges[index].cloneRange();
- }
- };
-
- var refreshSelection;
-
- if (useDocumentSelection) {
- refreshSelection = function(sel) {
- var range;
- if (api.isSelectionValid(sel.win)) {
- range = sel.docSelection.createRange();
- } else {
- range = getBody(sel.win.document).createTextRange();
- range.collapse(true);
- }
-
- if (sel.docSelection.type == CONTROL) {
- updateControlSelection(sel);
- } else if (isTextRange(range)) {
- updateFromTextRange(sel, range);
- } else {
- updateEmptySelection(sel);
- }
- };
- } else if (isHostMethod(testSelection, "getRangeAt") && typeof testSelection.rangeCount == NUMBER) {
- refreshSelection = function(sel) {
- if (implementsControlRange && implementsDocSelection && sel.docSelection.type == CONTROL) {
- updateControlSelection(sel);
- } else {
- sel._ranges.length = sel.rangeCount = sel.nativeSelection.rangeCount;
- if (sel.rangeCount) {
- for (var i = 0, len = sel.rangeCount; i < len; ++i) {
- sel._ranges[i] = new api.WrappedRange(sel.nativeSelection.getRangeAt(i));
- }
- updateAnchorAndFocusFromRange(sel, sel._ranges[sel.rangeCount - 1], selectionIsBackward(sel.nativeSelection));
- sel.isCollapsed = selectionIsCollapsed(sel);
- updateType(sel);
- } else {
- updateEmptySelection(sel);
- }
- }
- };
- } else if (selectionHasAnchorAndFocus && typeof testSelection.isCollapsed == BOOLEAN && typeof testRange.collapsed == BOOLEAN && features.implementsDomRange) {
- refreshSelection = function(sel) {
- var range, nativeSel = sel.nativeSelection;
- if (nativeSel.anchorNode) {
- range = getSelectionRangeAt(nativeSel, 0);
- sel._ranges = [range];
- sel.rangeCount = 1;
- updateAnchorAndFocusFromNativeSelection(sel);
- sel.isCollapsed = selectionIsCollapsed(sel);
- updateType(sel);
- } else {
- updateEmptySelection(sel);
- }
- };
- } else {
- module.fail("No means of obtaining a Range or TextRange from the user's selection was found");
- return false;
- }
-
- selProto.refresh = function(checkForChanges) {
- var oldRanges = checkForChanges ? this._ranges.slice(0) : null;
- var oldAnchorNode = this.anchorNode, oldAnchorOffset = this.anchorOffset;
-
- refreshSelection(this);
- if (checkForChanges) {
- // Check the range count first
- var i = oldRanges.length;
- if (i != this._ranges.length) {
- return true;
- }
-
- // Now check the direction. Checking the anchor position is the same is enough since we're checking all the
- // ranges after this
- if (this.anchorNode != oldAnchorNode || this.anchorOffset != oldAnchorOffset) {
- return true;
- }
-
- // Finally, compare each range in turn
- while (i--) {
- if (!rangesEqual(oldRanges[i], this._ranges[i])) {
- return true;
- }
- }
- return false;
- }
- };
-
- // Removal of a single range
- var removeRangeManually = function(sel, range) {
- var ranges = sel.getAllRanges();
- sel.removeAllRanges();
- for (var i = 0, len = ranges.length; i < len; ++i) {
- if (!rangesEqual(range, ranges[i])) {
- sel.addRange(ranges[i]);
- }
- }
- if (!sel.rangeCount) {
- updateEmptySelection(sel);
- }
- };
-
- if (implementsControlRange && implementsDocSelection) {
- selProto.removeRange = function(range) {
- if (this.docSelection.type == CONTROL) {
- var controlRange = this.docSelection.createRange();
- var rangeElement = getSingleElementFromRange(range);
-
- // Create a new ControlRange containing all the elements in the selected ControlRange minus the
- // element contained by the supplied range
- var doc = getDocument(controlRange.item(0));
- var newControlRange = getBody(doc).createControlRange();
- var el, removed = false;
- for (var i = 0, len = controlRange.length; i < len; ++i) {
- el = controlRange.item(i);
- if (el !== rangeElement || removed) {
- newControlRange.add(controlRange.item(i));
- } else {
- removed = true;
- }
- }
- newControlRange.select();
-
- // Update the wrapped selection based on what's now in the native selection
- updateControlSelection(this);
- } else {
- removeRangeManually(this, range);
- }
- };
- } else {
- selProto.removeRange = function(range) {
- removeRangeManually(this, range);
- };
- }
-
- // Detecting if a selection is backward
- var selectionIsBackward;
- if (!useDocumentSelection && selectionHasAnchorAndFocus && features.implementsDomRange) {
- selectionIsBackward = winSelectionIsBackward;
-
- selProto.isBackward = function() {
- return selectionIsBackward(this);
- };
- } else {
- selectionIsBackward = selProto.isBackward = function() {
- return false;
- };
- }
-
- // Create an alias for backwards compatibility. From 1.3, everything is "backward" rather than "backwards"
- selProto.isBackwards = selProto.isBackward;
-
- // Selection stringifier
- // This is conformant to the old HTML5 selections draft spec but differs from WebKit and Mozilla's implementation.
- // The current spec does not yet define this method.
- selProto.toString = function() {
- var rangeTexts = [];
- for (var i = 0, len = this.rangeCount; i < len; ++i) {
- rangeTexts[i] = "" + this._ranges[i];
- }
- return rangeTexts.join("");
- };
-
- function assertNodeInSameDocument(sel, node) {
- if (sel.win.document != getDocument(node)) {
- throw new DOMException("WRONG_DOCUMENT_ERR");
- }
- }
-
- function assertValidOffset(node, offset) {
- if (offset < 0 || offset > (dom.isCharacterDataNode(node) ? node.length : node.childNodes.length)) {
- throw new DOMException("INDEX_SIZE_ERR");
- }
- }
-
- // No current browser conforms fully to the spec for this method, so Rangy's own method is always used
- selProto.collapse = function(node, offset) {
- assertNodeInSameDocument(this, node);
- var range = api.createRange(node);
- range.collapseToPoint(node, offset);
- this.setSingleRange(range);
- this.isCollapsed = true;
- };
-
- selProto.collapseToStart = function() {
- if (this.rangeCount) {
- var range = this._ranges[0];
- this.collapse(range.startContainer, range.startOffset);
- } else {
- throw new DOMException("INVALID_STATE_ERR");
- }
- };
-
- selProto.collapseToEnd = function() {
- if (this.rangeCount) {
- var range = this._ranges[this.rangeCount - 1];
- this.collapse(range.endContainer, range.endOffset);
- } else {
- throw new DOMException("INVALID_STATE_ERR");
- }
- };
-
- // The spec is very specific on how selectAllChildren should be implemented and not all browsers implement it as
- // specified so the native implementation is never used by Rangy.
- selProto.selectAllChildren = function(node) {
- assertNodeInSameDocument(this, node);
- var range = api.createRange(node);
- range.selectNodeContents(node);
- this.setSingleRange(range);
- };
-
- if (selectionHasSetBaseAndExtent) {
- selProto.setBaseAndExtent = function(anchorNode, anchorOffset, focusNode, focusOffset) {
- this.nativeSelection.setBaseAndExtent(anchorNode, anchorOffset, focusNode, focusOffset);
- this.refresh();
- };
- } else if (selectionHasExtend) {
- selProto.setBaseAndExtent = function(anchorNode, anchorOffset, focusNode, focusOffset) {
- assertValidOffset(anchorNode, anchorOffset);
- assertValidOffset(focusNode, focusOffset);
- assertNodeInSameDocument(this, anchorNode);
- assertNodeInSameDocument(this, focusNode);
- var range = api.createRange(node);
- var isBackwards = (dom.comparePoints(anchorNode, anchorOffset, focusNode, focusOffset) == -1);
- if (isBackwards) {
- range.setStartAndEnd(focusNode, focusOffset, anchorNode, anchorOffset);
- } else {
- range.setStartAndEnd(anchorNode, anchorOffset, focusNode, focusOffset);
- }
- this.setSingleRange(range, isBackwards);
- };
- }
-
- selProto.deleteFromDocument = function() {
- // Sepcial behaviour required for IE's control selections
- if (implementsControlRange && implementsDocSelection && this.docSelection.type == CONTROL) {
- var controlRange = this.docSelection.createRange();
- var element;
- while (controlRange.length) {
- element = controlRange.item(0);
- controlRange.remove(element);
- dom.removeNode(element);
- }
- this.refresh();
- } else if (this.rangeCount) {
- var ranges = this.getAllRanges();
- if (ranges.length) {
- this.removeAllRanges();
- for (var i = 0, len = ranges.length; i < len; ++i) {
- ranges[i].deleteContents();
- }
- // The spec says nothing about what the selection should contain after calling deleteContents on each
- // range. Firefox moves the selection to where the final selected range was, so we emulate that
- this.addRange(ranges[len - 1]);
- }
- }
- };
-
- // The following are non-standard extensions
- selProto.eachRange = function(func, returnValue) {
- for (var i = 0, len = this._ranges.length; i < len; ++i) {
- if ( func( this.getRangeAt(i) ) ) {
- return returnValue;
- }
- }
- };
-
- selProto.getAllRanges = function() {
- var ranges = [];
- this.eachRange(function(range) {
- ranges.push(range);
- });
- return ranges;
- };
-
- selProto.setSingleRange = function(range, direction) {
- this.removeAllRanges();
- this.addRange(range, direction);
- };
-
- selProto.callMethodOnEachRange = function(methodName, params) {
- var results = [];
- this.eachRange( function(range) {
- results.push( range[methodName].apply(range, params || []) );
- } );
- return results;
- };
-
- function createStartOrEndSetter(isStart) {
- return function(node, offset) {
- var range;
- if (this.rangeCount) {
- range = this.getRangeAt(0);
- range["set" + (isStart ? "Start" : "End")](node, offset);
- } else {
- range = api.createRange(this.win.document);
- range.setStartAndEnd(node, offset);
- }
- this.setSingleRange(range, this.isBackward());
- };
- }
-
- selProto.setStart = createStartOrEndSetter(true);
- selProto.setEnd = createStartOrEndSetter(false);
-
- // Add select() method to Range prototype. Any existing selection will be removed.
- api.rangePrototype.select = function(direction) {
- getSelection( this.getDocument() ).setSingleRange(this, direction);
- };
-
- selProto.changeEachRange = function(func) {
- var ranges = [];
- var backward = this.isBackward();
-
- this.eachRange(function(range) {
- func(range);
- ranges.push(range);
- });
-
- this.removeAllRanges();
- if (backward && ranges.length == 1) {
- this.addRange(ranges[0], "backward");
- } else {
- this.setRanges(ranges);
- }
- };
-
- selProto.containsNode = function(node, allowPartial) {
- return this.eachRange( function(range) {
- return range.containsNode(node, allowPartial);
- }, true ) || false;
- };
-
- selProto.getBookmark = function(containerNode) {
- return {
- backward: this.isBackward(),
- rangeBookmarks: this.callMethodOnEachRange("getBookmark", [containerNode])
- };
- };
-
- selProto.moveToBookmark = function(bookmark) {
- var selRanges = [];
- for (var i = 0, rangeBookmark, range; rangeBookmark = bookmark.rangeBookmarks[i++]; ) {
- range = api.createRange(this.win);
- range.moveToBookmark(rangeBookmark);
- selRanges.push(range);
- }
- if (bookmark.backward) {
- this.setSingleRange(selRanges[0], "backward");
- } else {
- this.setRanges(selRanges);
- }
- };
-
- selProto.saveRanges = function() {
- return {
- backward: this.isBackward(),
- ranges: this.callMethodOnEachRange("cloneRange")
- };
- };
-
- selProto.restoreRanges = function(selRanges) {
- this.removeAllRanges();
- for (var i = 0, range; range = selRanges.ranges[i]; ++i) {
- this.addRange(range, (selRanges.backward && i == 0));
- }
- };
-
- selProto.toHtml = function() {
- var rangeHtmls = [];
- this.eachRange(function(range) {
- rangeHtmls.push( DomRange.toHtml(range) );
- });
- return rangeHtmls.join("");
- };
-
- if (features.implementsTextRange) {
- selProto.getNativeTextRange = function() {
- var sel, textRange;
- if ( (sel = this.docSelection) ) {
- var range = sel.createRange();
- if (isTextRange(range)) {
- return range;
- } else {
- throw module.createError("getNativeTextRange: selection is a control selection");
- }
- } else if (this.rangeCount > 0) {
- return api.WrappedTextRange.rangeToTextRange( this.getRangeAt(0) );
- } else {
- throw module.createError("getNativeTextRange: selection contains no range");
- }
- };
- }
-
- function inspect(sel) {
- var rangeInspects = [];
- var anchor = new DomPosition(sel.anchorNode, sel.anchorOffset);
- var focus = new DomPosition(sel.focusNode, sel.focusOffset);
- var name = (typeof sel.getName == "function") ? sel.getName() : "Selection";
-
- if (typeof sel.rangeCount != "undefined") {
- for (var i = 0, len = sel.rangeCount; i < len; ++i) {
- rangeInspects[i] = DomRange.inspect(sel.getRangeAt(i));
- }
- }
- return "[" + name + "(Ranges: " + rangeInspects.join(", ") +
- ")(anchor: " + anchor.inspect() + ", focus: " + focus.inspect() + "]";
- }
-
- selProto.getName = function() {
- return "WrappedSelection";
- };
-
- selProto.inspect = function() {
- return inspect(this);
- };
-
- selProto.detach = function() {
- actOnCachedSelection(this.win, "delete");
- deleteProperties(this);
- };
-
- WrappedSelection.detachAll = function() {
- actOnCachedSelection(null, "deleteAll");
- };
-
- WrappedSelection.inspect = inspect;
- WrappedSelection.isDirectionBackward = isDirectionBackward;
-
- api.Selection = WrappedSelection;
-
- api.selectionPrototype = selProto;
-
- api.addShimListener(function(win) {
- if (typeof win.getSelection == "undefined") {
- win.getSelection = function() {
- return getSelection(win);
- };
- }
- win = null;
- });
- });
-
-
- /*----------------------------------------------------------------------------------------------------------------*/
-
- // Wait for document to load before initializing
- var docReady = false;
-
- var loadHandler = function(e) {
- if (!docReady) {
- docReady = true;
- if (!api.initialized && api.config.autoInitialize) {
- init();
- }
- }
- };
-
- if (isBrowser) {
- // Test whether the document has already been loaded and initialize immediately if so
- if (document.readyState == "complete") {
- loadHandler();
- } else {
- if (isHostMethod(document, "addEventListener")) {
- document.addEventListener("DOMContentLoaded", loadHandler, false);
- }
-
- // Add a fallback in case the DOMContentLoaded event isn't supported
- addListener(window, "load", loadHandler);
- }
- }
-
- return api;
-}, this);
-/**
- * Selection save and restore module for Rangy.
- * Saves and restores user selections using marker invisible elements in the DOM.
- *
- * Part of Rangy, a cross-browser JavaScript range and selection library
- * https://github.com/timdown/rangy
- *
- * Depends on Rangy core.
- *
- * Copyright 2022, Tim Down
- * Licensed under the MIT license.
- * Version: 1.3.1
- * Build date: 17 August 2022
- */
-(function(factory, root) {
- // No AMD or CommonJS support so we use the rangy property of root (probably the global variable)
- factory(root.rangy);
-})(function(rangy) {
- rangy.createModule("SaveRestore", ["WrappedSelection"], function(api, module) {
- var dom = api.dom;
- var removeNode = dom.removeNode;
- var isDirectionBackward = api.Selection.isDirectionBackward;
- var markerTextChar = "\ufeff";
-
- function gEBI(id, doc) {
- return (doc || document).getElementById(id);
- }
-
- function insertRangeBoundaryMarker(range, atStart) {
- var markerId = "selectionBoundary_" + (+new Date()) + "_" + ("" + Math.random()).slice(2);
- var markerEl;
- var doc = dom.getDocument(range.startContainer);
-
- // Clone the Range and collapse to the appropriate boundary point
- var boundaryRange = range.cloneRange();
- boundaryRange.collapse(atStart);
-
- // Create the marker element containing a single invisible character using DOM methods and insert it
- markerEl = doc.createElement("span");
- markerEl.id = markerId;
- markerEl.style.lineHeight = "0";
- markerEl.style.display = "none";
- markerEl.className = "rangySelectionBoundary";
- markerEl.appendChild(doc.createTextNode(markerTextChar));
-
- boundaryRange.insertNode(markerEl);
- return markerEl;
- }
-
- function setRangeBoundary(doc, range, markerId, atStart) {
- var markerEl = gEBI(markerId, doc);
- if (markerEl) {
- range[atStart ? "setStartBefore" : "setEndBefore"](markerEl);
- removeNode(markerEl);
- } else {
- module.warn("Marker element has been removed. Cannot restore selection.");
- }
- }
-
- function compareRanges(r1, r2) {
- return r2.compareBoundaryPoints(r1.START_TO_START, r1);
- }
-
- function saveRange(range, direction) {
- var startEl, endEl, doc = api.DomRange.getRangeDocument(range), text = range.toString();
- var backward = isDirectionBackward(direction);
-
- if (range.collapsed) {
- endEl = insertRangeBoundaryMarker(range, false);
- return {
- document: doc,
- markerId: endEl.id,
- collapsed: true
- };
- } else {
- endEl = insertRangeBoundaryMarker(range, false);
- startEl = insertRangeBoundaryMarker(range, true);
-
- return {
- document: doc,
- startMarkerId: startEl.id,
- endMarkerId: endEl.id,
- collapsed: false,
- backward: backward,
- toString: function() {
- return "original text: '" + text + "', new text: '" + range.toString() + "'";
- }
- };
- }
- }
-
- function restoreRange(rangeInfo, normalize) {
- var doc = rangeInfo.document;
- if (typeof normalize == "undefined") {
- normalize = true;
- }
- var range = api.createRange(doc);
- if (rangeInfo.collapsed) {
- var markerEl = gEBI(rangeInfo.markerId, doc);
- if (markerEl) {
- markerEl.style.display = "inline";
- var previousNode = markerEl.previousSibling;
-
- // Workaround for issue 17
- if (previousNode && previousNode.nodeType == 3) {
- removeNode(markerEl);
- range.collapseToPoint(previousNode, previousNode.length);
- } else {
- range.collapseBefore(markerEl);
- removeNode(markerEl);
- }
- } else {
- module.warn("Marker element has been removed. Cannot restore selection.");
- }
- } else {
- setRangeBoundary(doc, range, rangeInfo.startMarkerId, true);
- setRangeBoundary(doc, range, rangeInfo.endMarkerId, false);
- }
-
- if (normalize) {
- range.normalizeBoundaries();
- }
-
- return range;
- }
-
- function saveRanges(ranges, direction) {
- var rangeInfos = [], range, doc;
- var backward = isDirectionBackward(direction);
-
- // Order the ranges by position within the DOM, latest first, cloning the array to leave the original untouched
- ranges = ranges.slice(0);
- ranges.sort(compareRanges);
-
- for (var i = 0, len = ranges.length; i < len; ++i) {
- rangeInfos[i] = saveRange(ranges[i], backward);
- }
-
- // Now that all the markers are in place and DOM manipulation over, adjust each range's boundaries to lie
- // between its markers
- for (i = len - 1; i >= 0; --i) {
- range = ranges[i];
- doc = api.DomRange.getRangeDocument(range);
- if (range.collapsed) {
- range.collapseAfter(gEBI(rangeInfos[i].markerId, doc));
- } else {
- range.setEndBefore(gEBI(rangeInfos[i].endMarkerId, doc));
- range.setStartAfter(gEBI(rangeInfos[i].startMarkerId, doc));
- }
- }
-
- return rangeInfos;
- }
-
- function saveSelection(win) {
- if (!api.isSelectionValid(win)) {
- module.warn("Cannot save selection. This usually happens when the selection is collapsed and the selection document has lost focus.");
- return null;
- }
- var sel = api.getSelection(win);
- var ranges = sel.getAllRanges();
- var backward = (ranges.length == 1 && sel.isBackward());
-
- var rangeInfos = saveRanges(ranges, backward);
-
- // Ensure current selection is unaffected
- if (backward) {
- sel.setSingleRange(ranges[0], backward);
- } else {
- sel.setRanges(ranges);
- }
-
- return {
- win: win,
- rangeInfos: rangeInfos,
- restored: false
- };
- }
-
- function restoreRanges(rangeInfos) {
- var ranges = [];
-
- // Ranges are in reverse order of appearance in the DOM. We want to restore earliest first to avoid
- // normalization affecting previously restored ranges.
- var rangeCount = rangeInfos.length;
-
- for (var i = rangeCount - 1; i >= 0; i--) {
- ranges[i] = restoreRange(rangeInfos[i], true);
- }
-
- return ranges;
- }
-
- function restoreSelection(savedSelection, preserveDirection) {
- if (!savedSelection.restored) {
- var rangeInfos = savedSelection.rangeInfos;
- var sel = api.getSelection(savedSelection.win);
- var ranges = restoreRanges(rangeInfos), rangeCount = rangeInfos.length;
-
- if (rangeCount == 1 && preserveDirection && api.features.selectionHasExtend && rangeInfos[0].backward) {
- sel.removeAllRanges();
- sel.addRange(ranges[0], true);
- } else {
- sel.setRanges(ranges);
- }
-
- savedSelection.restored = true;
- }
- }
-
- function removeMarkerElement(doc, markerId) {
- var markerEl = gEBI(markerId, doc);
- if (markerEl) {
- removeNode(markerEl);
- }
- }
-
- function removeMarkers(savedSelection) {
- var rangeInfos = savedSelection.rangeInfos;
- for (var i = 0, len = rangeInfos.length, rangeInfo; i < len; ++i) {
- rangeInfo = rangeInfos[i];
- if (rangeInfo.collapsed) {
- removeMarkerElement(savedSelection.doc, rangeInfo.markerId);
- } else {
- removeMarkerElement(savedSelection.doc, rangeInfo.startMarkerId);
- removeMarkerElement(savedSelection.doc, rangeInfo.endMarkerId);
- }
- }
- }
-
- api.util.extend(api, {
- saveRange: saveRange,
- restoreRange: restoreRange,
- saveRanges: saveRanges,
- restoreRanges: restoreRanges,
- saveSelection: saveSelection,
- restoreSelection: restoreSelection,
- removeMarkerElement: removeMarkerElement,
- removeMarkers: removeMarkers
- });
- });
-
- return rangy;
-}, this);
-/**
- * Serializer module for Rangy.
- * Serializes Ranges and Selections. An example use would be to store a user's selection on a particular page in a
- * cookie or local storage and restore it on the user's next visit to the same page.
- *
- * Part of Rangy, a cross-browser JavaScript range and selection library
- * https://github.com/timdown/rangy
- *
- * Depends on Rangy core.
- *
- * Copyright 2022, Tim Down
- * Licensed under the MIT license.
- * Version: 1.3.1
- * Build date: 17 August 2022
- */
-(function(factory, root) {
- // No AMD or CommonJS support so we use the rangy property of root (probably the global variable)
- factory(root.rangy);
-})(function(rangy) {
- rangy.createModule("Serializer", ["WrappedSelection"], function(api, module) {
- var UNDEF = "undefined";
- var util = api.util;
-
- // encodeURIComponent and decodeURIComponent are required for cookie handling
- if (typeof encodeURIComponent == UNDEF || typeof decodeURIComponent == UNDEF) {
- module.fail("encodeURIComponent and/or decodeURIComponent method is missing");
- }
-
- // Checksum for checking whether range can be serialized
- var crc32 = (function() {
- function utf8encode(str) {
- var utf8CharCodes = [];
-
- for (var i = 0, len = str.length, c; i < len; ++i) {
- c = str.charCodeAt(i);
- if (c < 128) {
- utf8CharCodes.push(c);
- } else if (c < 2048) {
- utf8CharCodes.push((c >> 6) | 192, (c & 63) | 128);
- } else {
- utf8CharCodes.push((c >> 12) | 224, ((c >> 6) & 63) | 128, (c & 63) | 128);
- }
- }
- return utf8CharCodes;
- }
-
- var cachedCrcTable = null;
-
- function buildCRCTable() {
- var table = [];
- for (var i = 0, j, crc; i < 256; ++i) {
- crc = i;
- j = 8;
- while (j--) {
- if ((crc & 1) == 1) {
- crc = (crc >>> 1) ^ 0xEDB88320;
- } else {
- crc >>>= 1;
- }
- }
- table[i] = crc >>> 0;
- }
- return table;
- }
-
- function getCrcTable() {
- if (!cachedCrcTable) {
- cachedCrcTable = buildCRCTable();
- }
- return cachedCrcTable;
- }
-
- return function(str) {
- var utf8CharCodes = utf8encode(str), crc = -1, crcTable = getCrcTable();
- for (var i = 0, len = utf8CharCodes.length, y; i < len; ++i) {
- y = (crc ^ utf8CharCodes[i]) & 0xFF;
- crc = (crc >>> 8) ^ crcTable[y];
- }
- return (crc ^ -1) >>> 0;
- };
- })();
-
- var dom = api.dom;
-
- function escapeTextForHtml(str) {
- return str.replace(//g, ">");
- }
-
- function nodeToInfoString(node, infoParts) {
- infoParts = infoParts || [];
- var nodeType = node.nodeType, children = node.childNodes, childCount = children.length;
- var nodeInfo = [nodeType, node.nodeName, childCount].join(":");
- var start = "", end = "";
- switch (nodeType) {
- case 3: // Text node
- start = escapeTextForHtml(node.nodeValue);
- break;
- case 8: // Comment
- start = "";
- break;
- default:
- start = "<" + nodeInfo + ">";
- end = "";
- break;
- }
- if (start) {
- infoParts.push(start);
- }
- for (var i = 0; i < childCount; ++i) {
- nodeToInfoString(children[i], infoParts);
- }
- if (end) {
- infoParts.push(end);
- }
- return infoParts;
- }
-
- // Creates a string representation of the specified element's contents that is similar to innerHTML but omits all
- // attributes and comments and includes child node counts. This is done instead of using innerHTML to work around
- // IE <= 8's policy of including element properties in attributes, which ruins things by changing an element's
- // innerHTML whenever the user changes an input within the element.
- function getElementChecksum(el) {
- var info = nodeToInfoString(el).join("");
- return crc32(info).toString(16);
- }
-
- function serializePosition(node, offset, rootNode) {
- var pathParts = [], n = node;
- rootNode = rootNode || dom.getDocument(node).documentElement;
- while (n && n != rootNode) {
- pathParts.push(dom.getNodeIndex(n, true));
- n = n.parentNode;
- }
- return pathParts.join("/") + ":" + offset;
- }
-
- function deserializePosition(serialized, rootNode, doc) {
- if (!rootNode) {
- rootNode = (doc || document).documentElement;
- }
- var parts = serialized.split(":");
- var node = rootNode;
- var nodeIndices = parts[0] ? parts[0].split("/") : [], i = nodeIndices.length, nodeIndex;
-
- while (i--) {
- nodeIndex = parseInt(nodeIndices[i], 10);
- if (nodeIndex < node.childNodes.length) {
- node = node.childNodes[nodeIndex];
- } else {
- throw module.createError("deserializePosition() failed: node " + dom.inspectNode(node) +
- " has no child with index " + nodeIndex + ", " + i);
- }
- }
-
- return new dom.DomPosition(node, parseInt(parts[1], 10));
- }
-
- function serializeRange(range, omitChecksum, rootNode) {
- rootNode = rootNode || api.DomRange.getRangeDocument(range).documentElement;
- if (!dom.isOrIsAncestorOf(rootNode, range.commonAncestorContainer)) {
- throw module.createError("serializeRange(): range " + range.inspect() +
- " is not wholly contained within specified root node " + dom.inspectNode(rootNode));
- }
- var serialized = serializePosition(range.startContainer, range.startOffset, rootNode) + "," +
- serializePosition(range.endContainer, range.endOffset, rootNode);
- if (!omitChecksum) {
- serialized += "{" + getElementChecksum(rootNode) + "}";
- }
- return serialized;
- }
-
- var deserializeRegex = /^([^,]+),([^,\{]+)(\{([^}]+)\})?$/;
-
- function deserializeRange(serialized, rootNode, doc) {
- if (rootNode) {
- doc = doc || dom.getDocument(rootNode);
- } else {
- doc = doc || document;
- rootNode = doc.documentElement;
- }
- var result = deserializeRegex.exec(serialized);
- var checksum = result[4];
- if (checksum) {
- var rootNodeChecksum = getElementChecksum(rootNode);
- if (checksum !== rootNodeChecksum) {
- throw module.createError("deserializeRange(): checksums of serialized range root node (" + checksum +
- ") and target root node (" + rootNodeChecksum + ") do not match");
- }
- }
- var start = deserializePosition(result[1], rootNode, doc), end = deserializePosition(result[2], rootNode, doc);
- var range = api.createRange(doc);
- range.setStartAndEnd(start.node, start.offset, end.node, end.offset);
- return range;
- }
-
- function canDeserializeRange(serialized, rootNode, doc) {
- if (!rootNode) {
- rootNode = (doc || document).documentElement;
- }
- var result = deserializeRegex.exec(serialized);
- var checksum = result[3];
- return !checksum || checksum === getElementChecksum(rootNode);
- }
-
- function serializeSelection(selection, omitChecksum, rootNode) {
- selection = api.getSelection(selection);
- var ranges = selection.getAllRanges(), serializedRanges = [];
- for (var i = 0, len = ranges.length; i < len; ++i) {
- serializedRanges[i] = serializeRange(ranges[i], omitChecksum, rootNode);
- }
- return serializedRanges.join("|");
- }
-
- function deserializeSelection(serialized, rootNode, win) {
- if (rootNode) {
- win = win || dom.getWindow(rootNode);
- } else {
- win = win || window;
- rootNode = win.document.documentElement;
- }
- var serializedRanges = serialized.split("|");
- var sel = api.getSelection(win);
- var ranges = [];
-
- for (var i = 0, len = serializedRanges.length; i < len; ++i) {
- ranges[i] = deserializeRange(serializedRanges[i], rootNode, win.document);
- }
- sel.setRanges(ranges);
-
- return sel;
- }
-
- function canDeserializeSelection(serialized, rootNode, win) {
- var doc;
- if (rootNode) {
- doc = win ? win.document : dom.getDocument(rootNode);
- } else {
- win = win || window;
- rootNode = win.document.documentElement;
- }
- var serializedRanges = serialized.split("|");
-
- for (var i = 0, len = serializedRanges.length; i < len; ++i) {
- if (!canDeserializeRange(serializedRanges[i], rootNode, doc)) {
- return false;
- }
- }
-
- return true;
- }
-
- var cookieName = "rangySerializedSelection";
-
- function getSerializedSelectionFromCookie(cookie) {
- var parts = cookie.split(/[;,]/);
- for (var i = 0, len = parts.length, nameVal, val; i < len; ++i) {
- nameVal = parts[i].split("=");
- if (nameVal[0].replace(/^\s+/, "") == cookieName) {
- val = nameVal[1];
- if (val) {
- return decodeURIComponent(val.replace(/\s+$/, ""));
- }
- }
- }
- return null;
- }
-
- function restoreSelectionFromCookie(win) {
- win = win || window;
- var serialized = getSerializedSelectionFromCookie(win.document.cookie);
- if (serialized) {
- deserializeSelection(serialized, win.doc);
- }
- }
-
- function saveSelectionCookie(win, props) {
- win = win || window;
- props = (typeof props == "object") ? props : {};
- var expires = props.expires ? ";expires=" + props.expires.toUTCString() : "";
- var path = props.path ? ";path=" + props.path : "";
- var domain = props.domain ? ";domain=" + props.domain : "";
- var secure = props.secure ? ";secure" : "";
- var serialized = serializeSelection(api.getSelection(win));
- win.document.cookie = encodeURIComponent(cookieName) + "=" + encodeURIComponent(serialized) + expires + path + domain + secure;
- }
-
- util.extend(api, {
- serializePosition: serializePosition,
- deserializePosition: deserializePosition,
- serializeRange: serializeRange,
- deserializeRange: deserializeRange,
- canDeserializeRange: canDeserializeRange,
- serializeSelection: serializeSelection,
- deserializeSelection: deserializeSelection,
- canDeserializeSelection: canDeserializeSelection,
- restoreSelectionFromCookie: restoreSelectionFromCookie,
- saveSelectionCookie: saveSelectionCookie,
- getElementChecksum: getElementChecksum,
- nodeToInfoString: nodeToInfoString
- });
-
- util.crc32 = crc32;
- });
-
- return rangy;
-}, this);
-/**
- * Class Applier module for Rangy.
- * Adds, removes and toggles classes on Ranges and Selections
- *
- * Part of Rangy, a cross-browser JavaScript range and selection library
- * https://github.com/timdown/rangy
- *
- * Depends on Rangy core.
- *
- * Copyright 2022, Tim Down
- * Licensed under the MIT license.
- * Version: 1.3.1
- * Build date: 17 August 2022
- */
-(function(factory, root) {
- // No AMD or CommonJS support so we use the rangy property of root (probably the global variable)
- factory(root.rangy);
-})(function(rangy) {
- rangy.createModule("ClassApplier", ["WrappedSelection"], function(api, module) {
- var dom = api.dom;
- var DomPosition = dom.DomPosition;
- var contains = dom.arrayContains;
- var util = api.util;
- var forEach = util.forEach;
-
-
- var defaultTagName = "span";
- var createElementNSSupported = util.isHostMethod(document, "createElementNS");
-
- function each(obj, func) {
- for (var i in obj) {
- if (obj.hasOwnProperty(i)) {
- if (func(i, obj[i]) === false) {
- return false;
- }
- }
- }
- return true;
- }
-
- function trim(str) {
- return str.replace(/^\s\s*/, "").replace(/\s\s*$/, "");
- }
-
- function classNameContainsClass(fullClassName, className) {
- return !!fullClassName && new RegExp("(?:^|\\s)" + className + "(?:\\s|$)").test(fullClassName);
- }
-
- // Inefficient, inelegant nonsense for IE's svg element, which has no classList and non-HTML className implementation
- function hasClass(el, className) {
- if (typeof el.classList == "object") {
- return el.classList.contains(className);
- } else {
- var classNameSupported = (typeof el.className == "string");
- var elClass = classNameSupported ? el.className : el.getAttribute("class");
- return classNameContainsClass(elClass, className);
- }
- }
-
- function addClass(el, className) {
- if (typeof el.classList == "object") {
- el.classList.add(className);
- } else {
- var classNameSupported = (typeof el.className == "string");
- var elClass = classNameSupported ? el.className : el.getAttribute("class");
- if (elClass) {
- if (!classNameContainsClass(elClass, className)) {
- elClass += " " + className;
- }
- } else {
- elClass = className;
- }
- if (classNameSupported) {
- el.className = elClass;
- } else {
- el.setAttribute("class", elClass);
- }
- }
- }
-
- var removeClass = (function() {
- function replacer(matched, whiteSpaceBefore, whiteSpaceAfter) {
- return (whiteSpaceBefore && whiteSpaceAfter) ? " " : "";
- }
-
- return function(el, className) {
- if (typeof el.classList == "object") {
- el.classList.remove(className);
- } else {
- var classNameSupported = (typeof el.className == "string");
- var elClass = classNameSupported ? el.className : el.getAttribute("class");
- elClass = elClass.replace(new RegExp("(^|\\s)" + className + "(\\s|$)"), replacer);
- if (classNameSupported) {
- el.className = elClass;
- } else {
- el.setAttribute("class", elClass);
- }
- }
- };
- })();
-
- function getClass(el) {
- var classNameSupported = (typeof el.className == "string");
- return classNameSupported ? el.className : el.getAttribute("class");
- }
-
- function sortClassName(className) {
- return className && className.split(/\s+/).sort().join(" ");
- }
-
- function getSortedClassName(el) {
- return sortClassName( getClass(el) );
- }
-
- function haveSameClasses(el1, el2) {
- return getSortedClassName(el1) == getSortedClassName(el2);
- }
-
- function hasAllClasses(el, className) {
- var classes = className.split(/\s+/);
- for (var i = 0, len = classes.length; i < len; ++i) {
- if (!hasClass(el, trim(classes[i]))) {
- return false;
- }
- }
- return true;
- }
-
- function canTextBeStyled(textNode) {
- var parent = textNode.parentNode;
- return (parent && parent.nodeType == 1 && !/^(textarea|style|script|select|iframe)$/i.test(parent.nodeName));
- }
-
- function movePosition(position, oldParent, oldIndex, newParent, newIndex) {
- var posNode = position.node, posOffset = position.offset;
- var newNode = posNode, newOffset = posOffset;
-
- if (posNode == newParent && posOffset > newIndex) {
- ++newOffset;
- }
-
- if (posNode == oldParent && (posOffset == oldIndex || posOffset == oldIndex + 1)) {
- newNode = newParent;
- newOffset += newIndex - oldIndex;
- }
-
- if (posNode == oldParent && posOffset > oldIndex + 1) {
- --newOffset;
- }
-
- position.node = newNode;
- position.offset = newOffset;
- }
-
- function movePositionWhenRemovingNode(position, parentNode, index) {
- if (position.node == parentNode && position.offset > index) {
- --position.offset;
- }
- }
-
- function movePreservingPositions(node, newParent, newIndex, positionsToPreserve) {
- // For convenience, allow newIndex to be -1 to mean "insert at the end".
- if (newIndex == -1) {
- newIndex = newParent.childNodes.length;
- }
-
- var oldParent = node.parentNode;
- var oldIndex = dom.getNodeIndex(node);
-
- forEach(positionsToPreserve, function(position) {
- movePosition(position, oldParent, oldIndex, newParent, newIndex);
- });
-
- // Now actually move the node.
- if (newParent.childNodes.length == newIndex) {
- newParent.appendChild(node);
- } else {
- newParent.insertBefore(node, newParent.childNodes[newIndex]);
- }
- }
-
- function removePreservingPositions(node, positionsToPreserve) {
-
- var oldParent = node.parentNode;
- var oldIndex = dom.getNodeIndex(node);
-
- forEach(positionsToPreserve, function(position) {
- movePositionWhenRemovingNode(position, oldParent, oldIndex);
- });
-
- dom.removeNode(node);
- }
-
- function moveChildrenPreservingPositions(node, newParent, newIndex, removeNode, positionsToPreserve) {
- var child, children = [];
- while ( (child = node.firstChild) ) {
- movePreservingPositions(child, newParent, newIndex++, positionsToPreserve);
- children.push(child);
- }
- if (removeNode) {
- removePreservingPositions(node, positionsToPreserve);
- }
- return children;
- }
-
- function replaceWithOwnChildrenPreservingPositions(element, positionsToPreserve) {
- return moveChildrenPreservingPositions(element, element.parentNode, dom.getNodeIndex(element), true, positionsToPreserve);
- }
-
- function rangeSelectsAnyText(range, textNode) {
- var textNodeRange = range.cloneRange();
- textNodeRange.selectNodeContents(textNode);
-
- var intersectionRange = textNodeRange.intersection(range);
- var text = intersectionRange ? intersectionRange.toString() : "";
-
- return text != "";
- }
-
- function getEffectiveTextNodes(range) {
- var nodes = range.getNodes([3]);
-
- // Optimization as per issue 145
-
- // Remove non-intersecting text nodes from the start of the range
- var start = 0, node;
- while ( (node = nodes[start]) && !rangeSelectsAnyText(range, node) ) {
- ++start;
- }
-
- // Remove non-intersecting text nodes from the start of the range
- var end = nodes.length - 1;
- while ( (node = nodes[end]) && !rangeSelectsAnyText(range, node) ) {
- --end;
- }
-
- return nodes.slice(start, end + 1);
- }
-
- function elementsHaveSameNonClassAttributes(el1, el2) {
- if (el1.attributes.length != el2.attributes.length) return false;
- for (var i = 0, len = el1.attributes.length, attr1, attr2, name; i < len; ++i) {
- attr1 = el1.attributes[i];
- name = attr1.name;
- if (name != "class") {
- attr2 = el2.attributes.getNamedItem(name);
- if ( (attr1 === null) != (attr2 === null) ) return false;
- if (attr1.specified != attr2.specified) return false;
- if (attr1.specified && attr1.nodeValue !== attr2.nodeValue) return false;
- }
- }
- return true;
- }
-
- function elementHasNonClassAttributes(el, exceptions) {
- for (var i = 0, len = el.attributes.length, attrName; i < len; ++i) {
- attrName = el.attributes[i].name;
- if ( !(exceptions && contains(exceptions, attrName)) && el.attributes[i].specified && attrName != "class") {
- return true;
- }
- }
- return false;
- }
-
- var getComputedStyleProperty = dom.getComputedStyleProperty;
- var isEditableElement = (function() {
- var testEl = document.createElement("div");
- return typeof testEl.isContentEditable == "boolean" ?
- function (node) {
- return node && node.nodeType == 1 && node.isContentEditable;
- } :
- function (node) {
- if (!node || node.nodeType != 1 || node.contentEditable == "false") {
- return false;
- }
- return node.contentEditable == "true" || isEditableElement(node.parentNode);
- };
- })();
-
- function isEditingHost(node) {
- var parent;
- return node && node.nodeType == 1 &&
- (( (parent = node.parentNode) && parent.nodeType == 9 && parent.designMode == "on") ||
- (isEditableElement(node) && !isEditableElement(node.parentNode)));
- }
-
- function isEditable(node) {
- return (isEditableElement(node) || (node.nodeType != 1 && isEditableElement(node.parentNode))) && !isEditingHost(node);
- }
-
- var inlineDisplayRegex = /^inline(-block|-table)?$/i;
-
- function isNonInlineElement(node) {
- return node && node.nodeType == 1 && !inlineDisplayRegex.test(getComputedStyleProperty(node, "display"));
- }
-
- // White space characters as defined by HTML 4 (http://www.w3.org/TR/html401/struct/text.html)
- var htmlNonWhiteSpaceRegex = /[^\r\n\t\f \u200B]/;
-
- function isUnrenderedWhiteSpaceNode(node) {
- if (node.data.length == 0) {
- return true;
- }
- if (htmlNonWhiteSpaceRegex.test(node.data)) {
- return false;
- }
- var cssWhiteSpace = getComputedStyleProperty(node.parentNode, "whiteSpace");
- switch (cssWhiteSpace) {
- case "pre":
- case "pre-wrap":
- case "-moz-pre-wrap":
- return false;
- case "pre-line":
- if (/[\r\n]/.test(node.data)) {
- return false;
- }
- }
-
- // We now have a whitespace-only text node that may be rendered depending on its context. If it is adjacent to a
- // non-inline element, it will not be rendered. This seems to be a good enough definition.
- return isNonInlineElement(node.previousSibling) || isNonInlineElement(node.nextSibling);
- }
-
- function getRangeBoundaries(ranges) {
- var positions = [], i, range;
- for (i = 0; range = ranges[i++]; ) {
- positions.push(
- new DomPosition(range.startContainer, range.startOffset),
- new DomPosition(range.endContainer, range.endOffset)
- );
- }
- return positions;
- }
-
- function updateRangesFromBoundaries(ranges, positions) {
- for (var i = 0, range, start, end, len = ranges.length; i < len; ++i) {
- range = ranges[i];
- start = positions[i * 2];
- end = positions[i * 2 + 1];
- range.setStartAndEnd(start.node, start.offset, end.node, end.offset);
- }
- }
-
- function isSplitPoint(node, offset) {
- if (dom.isCharacterDataNode(node)) {
- if (offset == 0) {
- return !!node.previousSibling;
- } else if (offset == node.length) {
- return !!node.nextSibling;
- } else {
- return true;
- }
- }
-
- return offset > 0 && offset < node.childNodes.length;
- }
-
- function splitNodeAt(node, descendantNode, descendantOffset, positionsToPreserve) {
- var newNode, parentNode;
- var splitAtStart = (descendantOffset == 0);
-
- if (dom.isAncestorOf(descendantNode, node)) {
- return node;
- }
-
- if (dom.isCharacterDataNode(descendantNode)) {
- var descendantIndex = dom.getNodeIndex(descendantNode);
- if (descendantOffset == 0) {
- descendantOffset = descendantIndex;
- } else if (descendantOffset == descendantNode.length) {
- descendantOffset = descendantIndex + 1;
- } else {
- throw module.createError("splitNodeAt() should not be called with offset in the middle of a data node (" +
- descendantOffset + " in " + descendantNode.data);
- }
- descendantNode = descendantNode.parentNode;
- }
-
- if (isSplitPoint(descendantNode, descendantOffset)) {
- // descendantNode is now guaranteed not to be a text or other character node
- newNode = descendantNode.cloneNode(false);
- parentNode = descendantNode.parentNode;
- if (newNode.id) {
- newNode.removeAttribute("id");
- }
- var child, newChildIndex = 0;
-
- while ( (child = descendantNode.childNodes[descendantOffset]) ) {
- movePreservingPositions(child, newNode, newChildIndex++, positionsToPreserve);
- }
- movePreservingPositions(newNode, parentNode, dom.getNodeIndex(descendantNode) + 1, positionsToPreserve);
- return (descendantNode == node) ? newNode : splitNodeAt(node, parentNode, dom.getNodeIndex(newNode), positionsToPreserve);
- } else if (node != descendantNode) {
- newNode = descendantNode.parentNode;
-
- // Work out a new split point in the parent node
- var newNodeIndex = dom.getNodeIndex(descendantNode);
-
- if (!splitAtStart) {
- newNodeIndex++;
- }
- return splitNodeAt(node, newNode, newNodeIndex, positionsToPreserve);
- }
- return node;
- }
-
- function areElementsMergeable(el1, el2) {
- return el1.namespaceURI == el2.namespaceURI &&
- el1.tagName.toLowerCase() == el2.tagName.toLowerCase() &&
- haveSameClasses(el1, el2) &&
- elementsHaveSameNonClassAttributes(el1, el2) &&
- getComputedStyleProperty(el1, "display") == "inline" &&
- getComputedStyleProperty(el2, "display") == "inline";
- }
-
- function createAdjacentMergeableTextNodeGetter(forward) {
- var siblingPropName = forward ? "nextSibling" : "previousSibling";
-
- return function(textNode, checkParentElement) {
- var el = textNode.parentNode;
- var adjacentNode = textNode[siblingPropName];
- if (adjacentNode) {
- // Can merge if the node's previous/next sibling is a text node
- if (adjacentNode && adjacentNode.nodeType == 3) {
- return adjacentNode;
- }
- } else if (checkParentElement) {
- // Compare text node parent element with its sibling
- adjacentNode = el[siblingPropName];
- if (adjacentNode && adjacentNode.nodeType == 1 && areElementsMergeable(el, adjacentNode)) {
- var adjacentNodeChild = adjacentNode[forward ? "firstChild" : "lastChild"];
- if (adjacentNodeChild && adjacentNodeChild.nodeType == 3) {
- return adjacentNodeChild;
- }
- }
- }
- return null;
- };
- }
-
- var getPreviousMergeableTextNode = createAdjacentMergeableTextNodeGetter(false),
- getNextMergeableTextNode = createAdjacentMergeableTextNodeGetter(true);
-
-
- function Merge(firstNode) {
- this.isElementMerge = (firstNode.nodeType == 1);
- this.textNodes = [];
- var firstTextNode = this.isElementMerge ? firstNode.lastChild : firstNode;
- if (firstTextNode) {
- this.textNodes[0] = firstTextNode;
- }
- }
-
- Merge.prototype = {
- doMerge: function(positionsToPreserve) {
- var textNodes = this.textNodes;
- var firstTextNode = textNodes[0];
- if (textNodes.length > 1) {
- var firstTextNodeIndex = dom.getNodeIndex(firstTextNode);
- var textParts = [], combinedTextLength = 0, textNode, parent;
- forEach(textNodes, function(textNode, i) {
- parent = textNode.parentNode;
- if (i > 0) {
- parent.removeChild(textNode);
- if (!parent.hasChildNodes()) {
- dom.removeNode(parent);
- }
- if (positionsToPreserve) {
- forEach(positionsToPreserve, function(position) {
- // Handle case where position is inside the text node being merged into a preceding node
- if (position.node == textNode) {
- position.node = firstTextNode;
- position.offset += combinedTextLength;
- }
- // Handle case where both text nodes precede the position within the same parent node
- if (position.node == parent && position.offset > firstTextNodeIndex) {
- --position.offset;
- if (position.offset == firstTextNodeIndex + 1 && i < textNodes.length - 1) {
- position.node = firstTextNode;
- position.offset = combinedTextLength;
- }
- }
- });
- }
- }
- textParts[i] = textNode.data;
- combinedTextLength += textNode.data.length;
- });
- firstTextNode.data = textParts.join("");
- }
- return firstTextNode.data;
- },
-
- getLength: function() {
- var i = this.textNodes.length, len = 0;
- while (i--) {
- len += this.textNodes[i].length;
- }
- return len;
- },
-
- toString: function() {
- var textParts = [];
- forEach(this.textNodes, function(textNode, i) {
- textParts[i] = "'" + textNode.data + "'";
- });
- return "[Merge(" + textParts.join(",") + ")]";
- }
- };
-
- var optionProperties = ["elementTagName", "ignoreWhiteSpace", "applyToEditableOnly", "useExistingElements",
- "removeEmptyElements", "onElementCreate"];
-
- // TODO: Populate this with every attribute name that corresponds to a property with a different name. Really??
- var attrNamesForProperties = {};
-
- function ClassApplier(className, options, tagNames) {
- var normalize, i, len, propName, applier = this;
- applier.cssClass = applier.className = className; // cssClass property is for backward compatibility
-
- var elementPropertiesFromOptions = null, elementAttributes = {};
-
- // Initialize from options object
- if (typeof options == "object" && options !== null) {
- if (typeof options.elementTagName !== "undefined") {
- options.elementTagName = options.elementTagName.toLowerCase();
- }
- tagNames = options.tagNames;
- elementPropertiesFromOptions = options.elementProperties;
- elementAttributes = options.elementAttributes;
-
- for (i = 0; propName = optionProperties[i++]; ) {
- if (options.hasOwnProperty(propName)) {
- applier[propName] = options[propName];
- }
- }
- normalize = options.normalize;
- } else {
- normalize = options;
- }
-
- // Backward compatibility: the second parameter can also be a Boolean indicating to normalize after unapplying
- applier.normalize = (typeof normalize == "undefined") ? true : normalize;
-
- // Initialize element properties and attribute exceptions
- applier.attrExceptions = [];
- var el = document.createElement(applier.elementTagName);
- applier.elementProperties = applier.copyPropertiesToElement(elementPropertiesFromOptions, el, true);
- each(elementAttributes, function(attrName, attrValue) {
- applier.attrExceptions.push(attrName);
- // Ensure each attribute value is a string
- elementAttributes[attrName] = "" + attrValue;
- });
- applier.elementAttributes = elementAttributes;
-
- applier.elementSortedClassName = applier.elementProperties.hasOwnProperty("className") ?
- sortClassName(applier.elementProperties.className + " " + className) : className;
-
- // Initialize tag names
- applier.applyToAnyTagName = false;
- var type = typeof tagNames;
- if (type == "string") {
- if (tagNames == "*") {
- applier.applyToAnyTagName = true;
- } else {
- applier.tagNames = trim(tagNames.toLowerCase()).split(/\s*,\s*/);
- }
- } else if (type == "object" && typeof tagNames.length == "number") {
- applier.tagNames = [];
- for (i = 0, len = tagNames.length; i < len; ++i) {
- if (tagNames[i] == "*") {
- applier.applyToAnyTagName = true;
- } else {
- applier.tagNames.push(tagNames[i].toLowerCase());
- }
- }
- } else {
- applier.tagNames = [applier.elementTagName];
- }
- }
-
- ClassApplier.prototype = {
- elementTagName: defaultTagName,
- elementProperties: {},
- elementAttributes: {},
- ignoreWhiteSpace: true,
- applyToEditableOnly: false,
- useExistingElements: true,
- removeEmptyElements: true,
- onElementCreate: null,
-
- copyPropertiesToElement: function(props, el, createCopy) {
- var s, elStyle, elProps = {}, elPropsStyle, propValue, elPropValue, attrName;
-
- for (var p in props) {
- if (props.hasOwnProperty(p)) {
- propValue = props[p];
- elPropValue = el[p];
-
- // Special case for class. The copied properties object has the applier's class as well as its own
- // to simplify checks when removing styling elements
- if (p == "className") {
- addClass(el, propValue);
- addClass(el, this.className);
- el[p] = sortClassName(el[p]);
- if (createCopy) {
- elProps[p] = propValue;
- }
- }
-
- // Special case for style
- else if (p == "style") {
- elStyle = elPropValue;
- if (createCopy) {
- elProps[p] = elPropsStyle = {};
- }
- for (s in props[p]) {
- if (props[p].hasOwnProperty(s)) {
- elStyle[s] = propValue[s];
- if (createCopy) {
- elPropsStyle[s] = elStyle[s];
- }
- }
- }
- this.attrExceptions.push(p);
- } else {
- el[p] = propValue;
- // Copy the property back from the dummy element so that later comparisons to check whether
- // elements may be removed are checking against the right value. For example, the href property
- // of an element returns a fully qualified URL even if it was previously assigned a relative
- // URL.
- if (createCopy) {
- elProps[p] = el[p];
-
- // Not all properties map to identically-named attributes
- attrName = attrNamesForProperties.hasOwnProperty(p) ? attrNamesForProperties[p] : p;
- this.attrExceptions.push(attrName);
- }
- }
- }
- }
-
- return createCopy ? elProps : "";
- },
-
- copyAttributesToElement: function(attrs, el) {
- for (var attrName in attrs) {
- if (attrs.hasOwnProperty(attrName) && !/^class(?:Name)?$/i.test(attrName)) {
- el.setAttribute(attrName, attrs[attrName]);
- }
- }
- },
-
- appliesToElement: function(el) {
- return contains(this.tagNames, el.tagName.toLowerCase());
- },
-
- getEmptyElements: function(range) {
- var applier = this;
- return range.getNodes([1], function(el) {
- return applier.appliesToElement(el) && !el.hasChildNodes();
- });
- },
-
- hasClass: function(node) {
- return node.nodeType == 1 &&
- (this.applyToAnyTagName || this.appliesToElement(node)) &&
- hasClass(node, this.className);
- },
-
- getSelfOrAncestorWithClass: function(node) {
- while (node) {
- if (this.hasClass(node)) {
- return node;
- }
- node = node.parentNode;
- }
- return null;
- },
-
- isModifiable: function(node) {
- return !this.applyToEditableOnly || isEditable(node);
- },
-
- // White space adjacent to an unwrappable node can be ignored for wrapping
- isIgnorableWhiteSpaceNode: function(node) {
- return this.ignoreWhiteSpace && node && node.nodeType == 3 && isUnrenderedWhiteSpaceNode(node);
- },
-
- // Normalizes nodes after applying a class to a Range.
- postApply: function(textNodes, range, positionsToPreserve, isUndo) {
- var firstNode = textNodes[0], lastNode = textNodes[textNodes.length - 1];
- var merges = [], currentMerge;
- var rangeStartNode = firstNode, rangeEndNode = lastNode;
- var rangeStartOffset = 0, rangeEndOffset = lastNode.length;
- var precedingTextNode;
-
- // Check for every required merge and create a Merge object for each
- forEach(textNodes, function(textNode) {
- precedingTextNode = getPreviousMergeableTextNode(textNode, !isUndo);
- if (precedingTextNode) {
- if (!currentMerge) {
- currentMerge = new Merge(precedingTextNode);
- merges.push(currentMerge);
- }
- currentMerge.textNodes.push(textNode);
- if (textNode === firstNode) {
- rangeStartNode = currentMerge.textNodes[0];
- rangeStartOffset = rangeStartNode.length;
- }
- if (textNode === lastNode) {
- rangeEndNode = currentMerge.textNodes[0];
- rangeEndOffset = currentMerge.getLength();
- }
- } else {
- currentMerge = null;
- }
- });
-
- // Test whether the first node after the range needs merging
- var nextTextNode = getNextMergeableTextNode(lastNode, !isUndo);
-
- if (nextTextNode) {
- if (!currentMerge) {
- currentMerge = new Merge(lastNode);
- merges.push(currentMerge);
- }
- currentMerge.textNodes.push(nextTextNode);
- }
-
- // Apply the merges
- if (merges.length) {
- for (var i = 0, len = merges.length; i < len; ++i) {
- merges[i].doMerge(positionsToPreserve);
- }
-
- // Set the range boundaries
- range.setStartAndEnd(rangeStartNode, rangeStartOffset, rangeEndNode, rangeEndOffset);
- }
- },
-
- createContainer: function(parentNode) {
- var doc = dom.getDocument(parentNode);
- var namespace;
- var el = createElementNSSupported && !dom.isHtmlNamespace(parentNode) && (namespace = parentNode.namespaceURI) ?
- doc.createElementNS(parentNode.namespaceURI, this.elementTagName) :
- doc.createElement(this.elementTagName);
-
- this.copyPropertiesToElement(this.elementProperties, el, false);
- this.copyAttributesToElement(this.elementAttributes, el);
- addClass(el, this.className);
- if (this.onElementCreate) {
- this.onElementCreate(el, this);
- }
- return el;
- },
-
- elementHasProperties: function(el, props) {
- var applier = this;
- return each(props, function(p, propValue) {
- if (p == "className") {
- // For checking whether we should reuse an existing element, we just want to check that the element
- // has all the classes specified in the className property. When deciding whether the element is
- // removable when unapplying a class, there is separate special handling to check whether the
- // element has extra classes so the same simple check will do.
- return hasAllClasses(el, propValue);
- } else if (typeof propValue == "object") {
- if (!applier.elementHasProperties(el[p], propValue)) {
- return false;
- }
- } else if (el[p] !== propValue) {
- return false;
- }
- });
- },
-
- elementHasAttributes: function(el, attrs) {
- return each(attrs, function(name, value) {
- if (el.getAttribute(name) !== value) {
- return false;
- }
- });
- },
-
- applyToTextNode: function(textNode, positionsToPreserve) {
-
- // Check whether the text node can be styled. Text within a