define(
//['aloha/ecma5'],
['aloha/ecma5shims', 'aloha/jquery'],
function($_, jQuery) {
var htmlNamespace = "http://www.w3.org/1999/xhtml";
var cssStylingFlag = false;
// This is bad :(
var globalRange = null;
// Commands are stored in a dictionary where we call their actions and such
var commands = {};
///////////////////////////////////////////////////////////////////////////////
////////////////////////////// Utility functions //////////////////////////////
///////////////////////////////////////////////////////////////////////////////
//@{
/**
* Method to count the number of styles in the given style
*/
function getStyleLength(node) {
if (!node) {
return 0;
} else if (!node.style) {
return 0;
}
// some browsers support .length on styles
if (typeof node.style.length !== 'undefined') {
return node.style.length;
} else {
// others don't, so we will count
var styleLength = 0;
for (var s in node.style) {
if (node.style[s] && node.style[s] !== 0 && node.style[s] !== 'false') {
styleLength++;
}
}
return styleLength;
}
}
function toArray(obj) {
if (!obj) {
return null;
}
var array = [], i, l = obj.length;
// iterate backwards ensuring that length is an UInt32
for (i = l >>> 0; i--;) {
array[i] = obj[i];
}
return array;
}
function nextNode(node) {
if (node.hasChildNodes()) {
return node.firstChild;
}
return nextNodeDescendants(node);
}
function previousNode(node) {
if (node.previousSibling) {
node = node.previousSibling;
while (node.hasChildNodes()) {
node = node.lastChild;
}
return node;
}
if (node.parentNode
&& node.parentNode.nodeType == $_.Node.ELEMENT_NODE) {
return node.parentNode;
}
return null;
}
function nextNodeDescendants(node) {
while (node && !node.nextSibling) {
node = node.parentNode;
}
if (!node) {
return null;
}
return node.nextSibling;
}
/**
* Returns true if ancestor is an ancestor of descendant, false otherwise.
*/
function isAncestor(ancestor, descendant) {
return ancestor
&& descendant
&& Boolean($_.compareDocumentPosition(ancestor, descendant) & $_.Node.DOCUMENT_POSITION_CONTAINED_BY);
}
/**
* Returns true if ancestor is an ancestor of or equal to descendant, false
* otherwise.
*/
function isAncestorContainer(ancestor, descendant) {
return (ancestor || descendant)
&& (ancestor == descendant || isAncestor(ancestor, descendant));
}
/**
* Returns true if descendant is a descendant of ancestor, false otherwise.
*/
function isDescendant(descendant, ancestor) {
return ancestor
&& descendant
&& Boolean($_.compareDocumentPosition(ancestor, descendant) & $_.Node.DOCUMENT_POSITION_CONTAINED_BY);
}
/**
* Returns true if node1 is before node2 in tree order, false otherwise.
*/
function isBefore(node1, node2) {
return Boolean($_.compareDocumentPosition(node1,node2) & $_.Node.DOCUMENT_POSITION_FOLLOWING);
}
/**
* Returns true if node1 is after node2 in tree order, false otherwise.
*/
function isAfter(node1, node2) {
return Boolean($_.compareDocumentPosition(node1,node2) & $_.Node.DOCUMENT_POSITION_PRECEDING);
}
function getAncestors(node) {
var ancestors = [];
while (node.parentNode) {
ancestors.unshift(node.parentNode);
node = node.parentNode;
}
return ancestors;
}
function getDescendants(node) {
var descendants = [];
var stop = nextNodeDescendants(node);
while ((node = nextNode(node))
&& node != stop) {
descendants.push(node);
}
return descendants;
}
function convertProperty(property) {
// Special-case for now
var map = {
"fontFamily": "font-family",
"fontSize": "font-size",
"fontStyle": "font-style",
"fontWeight": "font-weight",
"textDecoration": "text-decoration"
};
if (typeof map[property] != "undefined") {
return map[property];
}
return property;
}
// Return the value for the given CSS size, or undefined if there
// is none.
function cssSizeToLegacy(cssVal) {
return {
"xx-small": 1,
"small": 2,
"medium": 3,
"large": 4,
"x-large": 5,
"xx-large": 6,
"xxx-large": 7
}[cssVal];
}
// Return the CSS size given a legacy size.
function legacySizeToCss(legacyVal) {
return {
1: "xx-small",
2: "small",
3: "medium",
4: "large",
5: "x-large",
6: "xx-large",
7: "xxx-large"
}[legacyVal];
}
// Opera 11 puts HTML elements in the null namespace, it seems.
function isHtmlNamespace(ns) {
return ns === null
|| !ns
|| ns === htmlNamespace;
}
// "the directionality" from HTML. I don't bother caring about non-HTML
// elements.
//
// "The directionality of an element is either 'ltr' or 'rtl', and is
// determined as per the first appropriate set of steps from the following
// list:"
function getDirectionality(element) {
// "If the element's dir attribute is in the ltr state
// The directionality of the element is 'ltr'."
if (element.dir == "ltr") {
return "ltr";
}
// "If the element's dir attribute is in the rtl state
// The directionality of the element is 'rtl'."
if (element.dir == "rtl") {
return "rtl";
}
// "If the element's dir attribute is in the auto state
// "If the element is a bdi element and the dir attribute is not in a
// defined state (i.e. it is not present or has an invalid value)
// [lots of complicated stuff]
//
// Skip this, since no browser implements it anyway.
// "If the element is a root element and the dir attribute is not in a
// defined state (i.e. it is not present or has an invalid value)
// The directionality of the element is 'ltr'."
if (!isHtmlElement(element.parentNode)) {
return "ltr";
}
// "If the element has a parent element and the dir attribute is not in a
// defined state (i.e. it is not present or has an invalid value)
// The directionality of the element is the same as the element's
// parent element's directionality."
return getDirectionality(element.parentNode);
}
//@}
///////////////////////////////////////////////////////////////////////////////
///////////////////////////// DOM Range functions /////////////////////////////
///////////////////////////////////////////////////////////////////////////////
//@{
function getNodeIndex(node) {
var ret = 0;
while (node.previousSibling) {
ret++;
node = node.previousSibling;
}
return ret;
}
// "The length of a Node node is the following, depending on node:
//
// ProcessingInstruction
// DocumentType
// Always 0.
// Text
// Comment
// node's length.
// Any other node
// node's childNodes's length."
function getNodeLength(node) {
switch (node.nodeType) {
case $_.Node.PROCESSING_INSTRUCTION_NODE:
case $_.Node.DOCUMENT_TYPE_NODE:
return 0;
case $_.Node.TEXT_NODE:
case $_.Node.COMMENT_NODE:
return node.length;
default:
return node.childNodes.length;
}
}
/**
* The position of two boundary points relative to one another, as defined by
* DOM Range.
*/
function getPosition(nodeA, offsetA, nodeB, offsetB) {
// "If node A is the same as node B, return equal if offset A equals offset
// B, before if offset A is less than offset B, and after if offset A is
// greater than offset B."
if (nodeA == nodeB) {
if (offsetA == offsetB) {
return "equal";
}
if (offsetA < offsetB) {
return "before";
}
if (offsetA > offsetB) {
return "after";
}
}
// "If node A is after node B in tree order, compute the position of (node
// B, offset B) relative to (node A, offset A). If it is before, return
// after. If it is after, return before."
if ($_.compareDocumentPosition(nodeB, nodeA) & $_.Node.DOCUMENT_POSITION_FOLLOWING) {
var pos = getPosition(nodeB, offsetB, nodeA, offsetA);
if (pos == "before") {
return "after";
}
if (pos == "after") {
return "before";
}
}
// "If node A is an ancestor of node B:"
if ($_.compareDocumentPosition(nodeB, nodeA) & $_.Node.DOCUMENT_POSITION_CONTAINS) {
// "Let child equal node B."
var child = nodeB;
// "While child is not a child of node A, set child to its parent."
while (child.parentNode != nodeA) {
child = child.parentNode;
}
// "If the index of child is less than offset A, return after."
if (getNodeIndex(child) < offsetA) {
return "after";
}
}
// "Return before."
return "before";
}
/**
* Returns the furthest ancestor of a Node as defined by DOM Range.
*/
function getFurthestAncestor(node) {
var root = node;
while (root.parentNode != null) {
root = root.parentNode;
}
return root;
}
/**
* "contained" as defined by DOM Range: "A Node node is contained in a range
* range if node's furthest ancestor is the same as range's root, and (node, 0)
* is after range's start, and (node, length of node) is before range's end."
*/
function isContained(node, range) {
var pos1 = getPosition(node, 0, range.startContainer, range.startOffset);
var pos2 = getPosition(node, getNodeLength(node), range.endContainer, range.endOffset);
return getFurthestAncestor(node) == getFurthestAncestor(range.startContainer)
&& pos1 == "after"
&& pos2 == "before";
}
/**
* Return all nodes contained in range that the provided function returns true
* for, omitting any with an ancestor already being returned.
*/
function getContainedNodes(range, condition) {
if (typeof condition == "undefined") {
condition = function() { return true };
}
var node = range.startContainer;
if (node.hasChildNodes()
&& range.startOffset < node.childNodes.length) {
// A child is contained
node = node.childNodes[range.startOffset];
} else if (range.startOffset == getNodeLength(node)) {
// No descendant can be contained
node = nextNodeDescendants(node);
} else {
// No children; this node at least can't be contained
node = nextNode(node);
}
var stop = range.endContainer;
if (stop.hasChildNodes()
&& range.endOffset < stop.childNodes.length) {
// The node after the last contained node is a child
stop = stop.childNodes[range.endOffset];
} else {
// This node and/or some of its children might be contained
stop = nextNodeDescendants(stop);
}
var nodeList = [];
while (isBefore(node, stop)) {
if (isContained(node, range)
&& condition(node)) {
nodeList.push(node);
node = nextNodeDescendants(node);
continue;
}
node = nextNode(node);
}
return nodeList;
}
/**
* As above, but includes nodes with an ancestor that's already been returned.
*/
function getAllContainedNodes(range, condition) {
if (typeof condition == "undefined") {
condition = function() { return true };
}
var node = range.startContainer;
if (node.hasChildNodes()
&& range.startOffset < node.childNodes.length) {
// A child is contained
node = node.childNodes[range.startOffset];
} else if (range.startOffset == getNodeLength(node)) {
// No descendant can be contained
node = nextNodeDescendants(node);
} else {
// No children; this node at least can't be contained
node = nextNode(node);
}
var stop = range.endContainer;
if (stop.hasChildNodes()
&& range.endOffset < stop.childNodes.length) {
// The node after the last contained node is a child
stop = stop.childNodes[range.endOffset];
} else {
// This node and/or some of its children might be contained
stop = nextNodeDescendants(stop);
}
var nodeList = [];
while (isBefore(node, stop)) {
if (isContained(node, range)
&& condition(node)) {
nodeList.push(node);
}
node = nextNode(node);
}
return nodeList;
}
// Returns either null, or something of the form rgb(x, y, z), or something of
// the form rgb(x, y, z, w) with w != 0.
function normalizeColor(color) {
if (color.toLowerCase() == "currentcolor") {
return null;
}
var outerSpan = document.createElement("span");
document.body.appendChild(outerSpan);
outerSpan.style.color = "black";
var innerSpan = document.createElement("span");
outerSpan.appendChild(innerSpan);
innerSpan.style.color = color;
color = $_.getComputedStyle(innerSpan).color;
if (color == "rgb(0, 0, 0)") {
// Maybe it's really black, maybe it's invalid.
outerSpan.color = "white";
color = $_.getComputedStyle(innerSpan).color;
if (color != "rgb(0, 0, 0)") {
return null;
}
}
document.body.removeChild(outerSpan);
// I rely on the fact that browsers generally provide consistent syntax for
// getComputedStyle(), although it's not standardized. There are only two
// exceptions I found:
if (/^rgba\([0-9]+, [0-9]+, [0-9]+, 1\)$/.test(color)) {
// IE10PP2 seems to do this sometimes.
return color.replace("rgba", "rgb").replace(", 1)", ")");
}
if (color == "transparent") {
// IE10PP2, Firefox 7.0a2, and Opera 11.50 all return "transparent" if
// the specified value is "transparent".
return "rgba(0, 0, 0, 0)";
}
return color;
}
// Returns either null, or something of the form #xxxxxx, or the color itself
// if it's a valid keyword.
function parseSimpleColor(color) {
color = color.toLowerCase();
if ($_(["aliceblue", "antiquewhite", "aqua", "aquamarine", "azure", "beige",
"bisque", "black", "blanchedalmond", "blue", "blueviolet", "brown",
"burlywood", "cadetblue", "chartreuse", "chocolate", "coral",
"cornflowerblue", "cornsilk", "crimson", "cyan", "darkblue", "darkcyan",
"darkgoldenrod", "darkgray", "darkgreen", "darkgrey", "darkkhaki",
"darkmagenta", "darkolivegreen", "darkorange", "darkorchid", "darkred",
"darksalmon", "darkseagreen", "darkslateblue", "darkslategray",
"darkslategrey", "darkturquoise", "darkviolet", "deeppink", "deepskyblue",
"dimgray", "dimgrey", "dodgerblue", "firebrick", "floralwhite",
"forestgreen", "fuchsia", "gainsboro", "ghostwhite", "gold", "goldenrod",
"gray", "green", "greenyellow", "grey", "honeydew", "hotpink", "indianred",
"indigo", "ivory", "khaki", "lavender", "lavenderblush", "lawngreen",
"lemonchiffon", "lightblue", "lightcoral", "lightcyan",
"lightgoldenrodyellow", "lightgray", "lightgreen", "lightgrey",
"lightpink", "lightsalmon", "lightseagreen", "lightskyblue",
"lightslategray", "lightslategrey", "lightsteelblue", "lightyellow",
"lime", "limegreen", "linen", "magenta", "maroon", "mediumaquamarine",
"mediumblue", "mediumorchid", "mediumpurple", "mediumseagreen",
"mediumslateblue", "mediumspringgreen", "mediumturquoise",
"mediumvioletred", "midnightblue", "mintcream", "mistyrose", "moccasin",
"navajowhite", "navy", "oldlace", "olive", "olivedrab", "orange",
"orangered", "orchid", "palegoldenrod", "palegreen", "paleturquoise",
"palevioletred", "papayawhip", "peachpuff", "peru", "pink", "plum",
"powderblue", "purple", "red", "rosybrown", "royalblue", "saddlebrown",
"salmon", "sandybrown", "seagreen", "seashell", "sienna", "silver",
"skyblue", "slateblue", "slategray", "slategrey", "snow", "springgreen",
"steelblue", "tan", "teal", "thistle", "tomato", "turquoise", "violet",
"wheat", "white", "whitesmoke", "yellow", "yellowgreen"]).indexOf(color) != -1) {
return color;
}
color = normalizeColor(color);
var matches = /^rgb\(([0-9]+), ([0-9]+), ([0-9]+)\)$/.exec(color);
if (matches) {
return "#"
+ parseInt(matches[1]).toString(16).replace(/^.$/, "0$&")
+ parseInt(matches[2]).toString(16).replace(/^.$/, "0$&")
+ parseInt(matches[3]).toString(16).replace(/^.$/, "0$&");
}
return null;
}
//@}
//////////////////////////////////////////////////////////////////////////////
/////////////////////////// Edit command functions ///////////////////////////
//////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////
///// Methods of the HTMLDocument interface /////
/////////////////////////////////////////////////
//@{
var executionStackDepth = 0;
// Helper function for common behavior.
function editCommandMethod(command, prop, range, callback) {
// Set up our global range magic, but only if we're the outermost function
if (executionStackDepth == 0 && typeof range != "undefined") {
globalRange = range;
} else if (executionStackDepth == 0) {
globalRange = null;
globalRange = range;
}
// "If command is not supported, raise a NOT_SUPPORTED_ERR exception."
//
// We can't throw a real one, but a string will do for our purposes.
if (!(command in commands)) {
throw "NOT_SUPPORTED_ERR";
}
// "If command has no action, raise an INVALID_ACCESS_ERR exception."
// "If command has no indeterminacy, raise an INVALID_ACCESS_ERR
// exception."
// "If command has no state, raise an INVALID_ACCESS_ERR exception."
// "If command has no value, raise an INVALID_ACCESS_ERR exception."
if (prop != "enabled"
&& !(prop in commands[command])) {
throw "INVALID_ACCESS_ERR";
}
executionStackDepth++;
try {
var ret = callback();
} catch(e) {
executionStackDepth--;
throw e;
}
executionStackDepth--;
return ret;
}
function myExecCommand(command, showUi, value, range) {
// "All of these methods must treat their command argument ASCII
// case-insensitively."
command = command.toLowerCase();
// "If only one argument was provided, let show UI be false."
//
// If range was passed, I can't actually detect how many args were passed
// . . .
if (arguments.length == 1
|| (arguments.length >=4 && typeof showUi == "undefined")) {
showUi = false;
}
// "If only one or two arguments were provided, let value be the empty
// string."
if (arguments.length <= 2
|| (arguments.length >=4 && typeof value == "undefined")) {
value = "";
}
// "If command is not supported, raise a NOT_SUPPORTED_ERR exception."
//
// "If command has no action, raise an INVALID_ACCESS_ERR exception."
return editCommandMethod(command, "action", range, (function(command, showUi, value) { return function() {
// "If command is not enabled, return false."
if (!myQueryCommandEnabled(command)) {
return false;
}
// "Take the action for command, passing value to the instructions as an
// argument."
commands[command].action(value, range);
// always fix the range after the command is complete
setActiveRange(range);
// "Return true."
return true;
}})(command, showUi, value));
}
function myQueryCommandEnabled(command, range) {
// "All of these methods must treat their command argument ASCII
// case-insensitively."
command = command.toLowerCase();
// "If command is not supported, raise a NOT_SUPPORTED_ERR exception."
return editCommandMethod(command, "action", range, (function(command) { return function() {
// "Among commands defined in this specification, those listed in
// Miscellaneous commands are always enabled. The other commands defined
// here are enabled if the active range is not null, and disabled
// otherwise."
return $_( ["copy", "cut", "paste", "selectall", "stylewithcss", "usecss"] ).indexOf(command) != -1
|| range !== null;
}})(command));
}
function myQueryCommandIndeterm(command, range) {
// "All of these methods must treat their command argument ASCII
// case-insensitively."
command = command.toLowerCase();
// "If command is not supported, raise a NOT_SUPPORTED_ERR exception."
//
// "If command has no indeterminacy, raise an INVALID_ACCESS_ERR
// exception."
return editCommandMethod(command, "indeterm", range, (function(command) { return function() {
// "If command is not enabled, return false."
if (!myQueryCommandEnabled(command, range)) {
return false;
}
// "Return true if command is indeterminate, otherwise false."
return commands[command].indeterm( range );
}})(command));
}
function myQueryCommandState(command, range) {
// "All of these methods must treat their command argument ASCII
// case-insensitively."
command = command.toLowerCase();
// "If command is not supported, raise a NOT_SUPPORTED_ERR exception."
//
// "If command has no state, raise an INVALID_ACCESS_ERR exception."
return editCommandMethod(command, "state", range, (function(command) { return function() {
// "If command is not enabled, return false."
if (!myQueryCommandEnabled(command, range)) {
return false;
}
// "If the state override for command is set, return it."
if (typeof getStateOverride(command, range) != "undefined") {
return getStateOverride(command, range);
}
// "Return true if command's state is true, otherwise false."
return commands[command].state( range );
}})(command));
}
// "When the queryCommandSupported(command) method on the HTMLDocument
// interface is invoked, the user agent must return true if command is
// supported, and false otherwise."
function myQueryCommandSupported(command) {
// "All of these methods must treat their command argument ASCII
// case-insensitively."
command = command.toLowerCase();
return command in commands;
}
function myQueryCommandValue(command, range) {
// "All of these methods must treat their command argument ASCII
// case-insensitively."
command = command.toLowerCase();
// "If command is not supported, raise a NOT_SUPPORTED_ERR exception."
//
// "If command has no value, raise an INVALID_ACCESS_ERR exception."
return editCommandMethod(command, "value", range, function() {
// "If command is not enabled, return the empty string."
if (!myQueryCommandEnabled(command, range)) {
return "";
}
// "If command is "fontSize" and its value override is set, convert the
// value override to an integer number of pixels and return the legacy
// font size for the result."
if (command == "fontsize"
&& getValueOverride("fontsize", range) !== undefined) {
return getLegacyFontSize(getValueOverride("fontsize", range));
}
// "If the value override for command is set, return it."
if (typeof getValueOverride(command, range) != "undefined") {
return getValueOverride(command, range);
}
// "Return command's value."
return commands[command].value();
});
}
//@}
//////////////////////////////
///// Common definitions /////
//////////////////////////////
//@{
// "An HTML element is an Element whose namespace is the HTML namespace."
//
// I allow an extra argument to more easily check whether something is a
// particular HTML element, like isHtmlElement(node, "OL"). It accepts arrays
// too, like isHtmlElement(node, ["OL", "UL"]) to check if it's an ol or ul.
function isHtmlElement(node, tags) {
if (typeof tags == "string") {
tags = [tags];
}
if (typeof tags == "object") {
tags = $_( tags ).map(function(tag) { return tag.toUpperCase() });
}
return node
&& node.nodeType == $_.Node.ELEMENT_NODE
&& isHtmlNamespace(node.namespaceURI)
&& (typeof tags == "undefined" || $_( tags ).indexOf(node.tagName) != -1);
}
// "A prohibited paragraph child name is "address", "article", "aside",
// "blockquote", "caption", "center", "col", "colgroup", "dd", "details",
// "dir", "div", "dl", "dt", "fieldset", "figcaption", "figure", "footer",
// "form", "h1", "h2", "h3", "h4", "h5", "h6", "header", "hgroup", "hr", "li",
// "listing", "menu", "nav", "ol", "p", "plaintext", "pre", "section",
// "summary", "table", "tbody", "td", "tfoot", "th", "thead", "tr", "ul", or
// "xmp"."
var prohibitedParagraphChildNames = ["address", "article", "aside",
"blockquote", "caption", "center", "col", "colgroup", "dd", "details",
"dir", "div", "dl", "dt", "fieldset", "figcaption", "figure", "footer",
"form", "h1", "h2", "h3", "h4", "h5", "h6", "header", "hgroup", "hr", "li",
"listing", "menu", "nav", "ol", "p", "plaintext", "pre", "section",
"summary", "table", "tbody", "td", "tfoot", "th", "thead", "tr", "ul",
"xmp"];
// "A prohibited paragraph child is an HTML element whose local name is a
// prohibited paragraph child name."
function isProhibitedParagraphChild(node) {
return isHtmlElement(node, prohibitedParagraphChildNames);
}
// "A block node is either an Element whose "display" property does not have
// resolved value "inline" or "inline-block" or "inline-table" or "none", or a
// Document, or a DocumentFragment."
function isBlockNode(node) {
return node
&& ((node.nodeType == $_.Node.ELEMENT_NODE && $_( ["inline", "inline-block", "inline-table", "none"] ).indexOf($_.getComputedStyle(node).display) == -1)
|| node.nodeType == $_.Node.DOCUMENT_NODE
|| node.nodeType == $_.Node.DOCUMENT_FRAGMENT_NODE);
}
// "An inline node is a node that is not a block node."
function isInlineNode(node) {
return node && !isBlockNode(node);
}
// "An editing host is a node that is either an Element with a contenteditable
// attribute set to the true state, or the Element child of a Document whose
// designMode is enabled."
function isEditingHost(node) {
return node
&& node.nodeType == $_.Node.ELEMENT_NODE
&& (node.contentEditable == "true"
|| (node.parentNode
&& node.parentNode.nodeType == $_.Node.DOCUMENT_NODE
&& node.parentNode.designMode == "on"));
}
// "Something is editable if it is a node which is not an editing host, does
// not have a contenteditable attribute set to the false state, and whose
// parent is an editing host or editable."
function isEditable(node) {
// This is slightly a lie, because we're excluding non-HTML elements with
// contentEditable attributes.
return node
&& !isEditingHost(node)
&& (node.nodeType != $_.Node.ELEMENT_NODE || node.contentEditable != "false" || jQuery(node).hasClass('aloha-table-wrapper'))
&& (isEditingHost(node.parentNode) || isEditable(node.parentNode));
}
// Helper function, not defined in the spec
function hasEditableDescendants(node) {
for (var i = 0; i < node.childNodes.length; i++) {
if (isEditable(node.childNodes[i])
|| hasEditableDescendants(node.childNodes[i])) {
return true;
}
}
return false;
}
// "The editing host of node is null if node is neither editable nor an editing
// host; node itself, if node is an editing host; or the nearest ancestor of
// node that is an editing host, if node is editable."
function getEditingHostOf(node) {
if (isEditingHost(node)) {
return node;
} else if (isEditable(node)) {
var ancestor = node.parentNode;
while (!isEditingHost(ancestor)) {
ancestor = ancestor.parentNode;
}
return ancestor;
} else {
return null;
}
}
// "Two nodes are in the same editing host if the editing host of the first is
// non-null and the same as the editing host of the second."
function inSameEditingHost(node1, node2) {
return getEditingHostOf(node1)
&& getEditingHostOf(node1) == getEditingHostOf(node2);
}
// "A collapsed line break is a br that begins a line box which has nothing
// else in it, and therefore has zero height."
function isCollapsedLineBreak(br) {
if (!isHtmlElement(br, "br")) {
return false;
}
// Add a zwsp after it and see if that changes the height of the nearest
// non-inline parent. Note: this is not actually reliable, because the
// parent might have a fixed height or something.
var ref = br.parentNode;
while ($_.getComputedStyle(ref).display == "inline") {
ref = ref.parentNode;
}
var refStyle = $_( ref ).hasAttribute("style") ? ref.getAttribute("style") : null;
ref.style.height = "auto";
ref.style.maxHeight = "none";
ref.style.minHeight = "0";
var space = document.createTextNode("\u200b");
var origHeight = ref.offsetHeight;
if (origHeight == 0) {
throw "isCollapsedLineBreak: original height is zero, bug?";
}
br.parentNode.insertBefore(space, br.nextSibling);
var finalHeight = ref.offsetHeight;
space.parentNode.removeChild(space);
if (refStyle === null) {
// Without the setAttribute() line, removeAttribute() doesn't work in
// Chrome 14 dev. I have no idea why.
ref.setAttribute("style", "");
ref.removeAttribute("style");
} else {
ref.setAttribute("style", refStyle);
}
// Allow some leeway in case the zwsp didn't create a whole new line, but
// only made an existing line slightly higher. Firefox 6.0a2 shows this
// behavior when the first line is bold.
return origHeight < finalHeight - 5;
}
// "An extraneous line break is a br that has no visual effect, in that
// removing it from the DOM would not change layout, except that a br that is
// the sole child of an li is not extraneous."
//
// FIXME: This doesn't work in IE, since IE ignores display: none in
// contenteditable.
function isExtraneousLineBreak(br) {
if (!isHtmlElement(br, "br")) {
return false;
}
if (isHtmlElement(br.parentNode, "li")
&& br.parentNode.childNodes.length == 1) {
return false;
}
// Make the line break disappear and see if that changes the block's
// height. Yes, this is an absurd hack. We have to reset height etc. on
// the reference node because otherwise its height won't change if it's not
// auto.
var ref = br.parentNode;
while ($_.getComputedStyle(ref).display == "inline") {
ref = ref.parentNode;
}
var refStyle = $_( ref ).hasAttribute("style") ? ref.getAttribute("style") : null;
ref.style.height = "auto";
ref.style.maxHeight = "none";
ref.style.minHeight = "0";
var brStyle = $_( br ).hasAttribute("style") ? br.getAttribute("style") : null;
var origHeight = ref.offsetHeight;
if (origHeight == 0) {
throw "isExtraneousLineBreak: original height is zero, bug?";
}
br.setAttribute("style", "display:none");
var finalHeight = ref.offsetHeight;
if (refStyle === null) {
// Without the setAttribute() line, removeAttribute() doesn't work in
// Chrome 14 dev. I have no idea why.
ref.setAttribute("style", "");
ref.removeAttribute("style");
} else {
ref.setAttribute("style", refStyle);
}
if (brStyle === null) {
br.removeAttribute("style");
} else {
br.setAttribute("style", brStyle);
}
return origHeight == finalHeight;
}
// "A whitespace node is either a Text node whose data is the empty string; or
// a Text node whose data consists only of one or more tabs (0x0009), line
// feeds (0x000A), carriage returns (0x000D), and/or spaces (0x0020), and whose
// parent is an Element whose resolved value for "white-space" is "normal" or
// "nowrap"; or a Text node whose data consists only of one or more tabs
// (0x0009), carriage returns (0x000D), and/or spaces (0x0020), and whose
// parent is an Element whose resolved value for "white-space" is "pre-line"."
function isWhitespaceNode(node) {
return node
&& node.nodeType == $_.Node.TEXT_NODE
&& (node.data == ""
|| (
/^[\t\n\r ]+$/.test(node.data)
&& node.parentNode
&& node.parentNode.nodeType == $_.Node.ELEMENT_NODE
&& $_( ["normal", "nowrap"] ).indexOf($_.getComputedStyle(node.parentNode).whiteSpace) != -1
) || (
/^[\t\r ]+$/.test(node.data)
&& node.parentNode
&& node.parentNode.nodeType == $_.Node.ELEMENT_NODE
&& $_.getComputedStyle(node.parentNode).whiteSpace == "pre-line"
) || (
/^[\t\n\r ]+$/.test(node.data)
&& node.parentNode
&& node.parentNode.nodeType == $_.Node.DOCUMENT_FRAGMENT_NODE
));
}
/**
* Collapse sequences of ignorable whitespace (tab (0x0009), line feed (0x000A), carriage return (0x000D), space (0x0020)) to only one space.
* Preserve the given range if necessary.
* @param node text node
* @param range range
*/
function collapseWhitespace(node, range) {
// "If node is neither editable nor an editing host, abort these steps."
if (!isEditable(node) && !isEditingHost(node)) {
return;
}
// if the given node is not a text node, return
if (!node || node.nodeType !== $_.Node.TEXT_NODE) {
return;
}
// if the node is in a pre or pre-wrap node, return
if ($_(["pre", "pre-wrap"]).indexOf($_.getComputedStyle(node.parentNode).whiteSpace) != -1) {
return;
}
// if the given node does not contain sequences of at least two consecutive ignorable whitespace characters, return
if (!/[\t\n\r ]{2,}/.test(node.data)) {
return;
}
var newData = '';
var correctStart = range.startContainer == node;
var correctEnd = range.endContainer == node;
var wsFound = false;
// iterate through the node data
for (var i = 0; i < node.data.length; ++i) {
if (/[\t\n\r ]/.test(node.data[i])) {
// found a whitespace
if (!wsFound) {
// this is the first whitespace in the current sequence
// add a whitespace to the new data sequence
newData += ' ';
// remember that we found a whitespace
wsFound = true;
} else {
// this is not the first whitespace in the sequence, so omit this character
if (correctStart && newData.length < range.startOffset) {
range.startOffset--;
}
if (correctEnd && newData.length < range.endOffset) {
range.endOffset--;
}
}
} else {
newData += node.data[i];
wsFound = false;
}
}
// set the new data
node.data = newData;
}
// "node is a collapsed whitespace node if the following algorithm returns
// true:"
function isCollapsedWhitespaceNode(node) {
// "If node is not a whitespace node, return false."
if (!isWhitespaceNode(node)) {
return false;
}
// "If node's data is the empty string, return true."
if (node.data == "") {
return true;
}
// "Let ancestor be node's parent."
var ancestor = node.parentNode;
// "If ancestor is null, return true."
if (!ancestor) {
return true;
}
// "If the "display" property of some ancestor of node has resolved value
// "none", return true."
if ($_( getAncestors(node) ).some(function(ancestor) {
return ancestor.nodeType == $_.Node.ELEMENT_NODE
&& $_.getComputedStyle(ancestor).display == "none";
})) {
return true;
}
// "While ancestor is not a block node and its parent is not null, set
// ancestor to its parent."
while (!isBlockNode(ancestor)
&& ancestor.parentNode) {
ancestor = ancestor.parentNode;
}
// "Let reference be node."
var reference = node;
// "While reference is a descendant of ancestor:"
while (reference != ancestor) {
// "Let reference be the node before it in tree order."
reference = previousNode(reference);
// "If reference is a block node or a br, return true."
if (isBlockNode(reference)
|| isHtmlElement(reference, "br")) {
return true;
}
// "If reference is a Text node that is not a whitespace node, or is an
// img, break from this loop."
if ((reference.nodeType == $_.Node.TEXT_NODE && !isWhitespaceNode(reference))
|| isHtmlElement(reference, "img")) {
break;
}
}
// "Let reference be node."
reference = node;
// "While reference is a descendant of ancestor:"
var stop = nextNodeDescendants(ancestor);
while (reference != stop) {
// "Let reference be the node after it in tree order, or null if there
// is no such node."
reference = nextNode(reference);
// "If reference is a block node or a br, return true."
if (isBlockNode(reference)
|| isHtmlElement(reference, "br")) {
return true;
}
// "If reference is a Text node that is not a whitespace node, or is an
// img, break from this loop."
if ((reference && reference.nodeType == $_.Node.TEXT_NODE && !isWhitespaceNode(reference))
|| isHtmlElement(reference, "img")) {
break;
}
}
// "Return false."
return false;
}
// "Something is visible if it is a node that either is a block node, or a Text
// node that is not a collapsed whitespace node, or an img, or a br that is not
// an extraneous line break, or any node with a visible descendant; excluding
// any node with an ancestor container Element whose "display" property has
// resolved value "none"."
function isVisible(node) {
if (!node) {
return false;
}
if ($_( getAncestors(node).concat(node) )
.filter(function(node) { return node.nodeType == $_.Node.ELEMENT_NODE }, true)
.some(function(node) { return $_.getComputedStyle(node).display == "none" })) {
return false;
}
if (isBlockNode(node)
|| (node.nodeType == $_.Node.TEXT_NODE && !isCollapsedWhitespaceNode(node))
|| isHtmlElement(node, "img")
|| (isHtmlElement(node, "br") && !isExtraneousLineBreak(node))) {
return true;
}
for (var i = 0; i < node.childNodes.length; i++) {
if (isVisible(node.childNodes[i])) {
return true;
}
}
return false;
}
// "Something is invisible if it is a node that is not visible."
function isInvisible(node) {
return node && !isVisible(node);
}
// "A collapsed block prop is either a collapsed line break that is not an
// extraneous line break, or an Element that is an inline node and whose
// children are all either invisible or collapsed block props and that has at
// least one child that is a collapsed block prop."
function isCollapsedBlockProp(node) {
if (isCollapsedLineBreak(node)
&& !isExtraneousLineBreak(node)) {
return true;
}
if (!isInlineNode(node)
|| node.nodeType != $_.Node.ELEMENT_NODE) {
return false;
}
var hasCollapsedBlockPropChild = false;
for (var i = 0; i < node.childNodes.length; i++) {
if (!isInvisible(node.childNodes[i])
&& !isCollapsedBlockProp(node.childNodes[i])) {
return false;
}
if (isCollapsedBlockProp(node.childNodes[i])) {
hasCollapsedBlockPropChild = true;
}
}
return hasCollapsedBlockPropChild;
}
function setActiveRange( range ) {
var rangeObject = new window.GENTICS.Utils.RangeObject();
rangeObject.startContainer = range.startContainer;
rangeObject.startOffset = range.startOffset;
rangeObject.endContainer = range.endContainer;
rangeObject.endOffset = range.endOffset;
rangeObject.select();
}
// Please note: This method is deprecated and will be removed.
// Every command should use the value and range parameter.
//
// "The active range is the first range in the Selection given by calling
// getSelection() on the context object, or null if there is no such range."
//
// We cheat and return globalRange if that's defined. We also ensure that the
// active range meets the requirements that selection boundary points are
// supposed to meet, i.e., that the nodes are both Text or Element nodes that
// descend from a Document.
function getActiveRange() {
var ret;
if (globalRange) {
ret = globalRange;
} else if (Aloha.getSelection().rangeCount) {
ret = Aloha.getSelection().getRangeAt(0);
} else {
return null;
}
if ($_( [$_.Node.TEXT_NODE, $_.Node.ELEMENT_NODE] ).indexOf(ret.startContainer.nodeType) == -1
|| $_( [$_.Node.TEXT_NODE, $_.Node.ELEMENT_NODE] ).indexOf(ret.endContainer.nodeType) == -1
|| !ret.startContainer.ownerDocument
|| !ret.endContainer.ownerDocument
|| !isDescendant(ret.startContainer, ret.startContainer.ownerDocument)
|| !isDescendant(ret.endContainer, ret.endContainer.ownerDocument)) {
throw "Invalid active range; test bug?";
}
return ret;
}
// "For some commands, each HTMLDocument must have a boolean state override
// and/or a string value override. These do not change the command's state or
// value, but change the way some algorithms behave, as specified in those
// algorithms' definitions. Initially, both must be unset for every command.
// Whenever the number of ranges in the Selection changes to something
// different, and whenever a boundary point of the range at a given index in
// the Selection changes to something different, the state override and value
// override must be unset for every command."
//
// We implement this crudely by using setters and getters. To verify that the
// selection hasn't changed, we copy the active range and just check the
// endpoints match. This isn't really correct, but it's good enough for us.
// Unset state/value overrides are undefined. We put everything in a function
// so no one can access anything except via the provided functions, since
// otherwise callers might mistakenly use outdated overrides (if the selection
// has changed).
var getStateOverride, setStateOverride, unsetStateOverride,
getValueOverride, setValueOverride, unsetValueOverride;
(function() {
var stateOverrides = {};
var valueOverrides = {};
var storedRange = null;
function resetOverrides(range) {
if (!storedRange
|| storedRange.startContainer != range.startContainer
|| storedRange.endContainer != range.endContainer
|| storedRange.startOffset != range.startOffset
|| storedRange.endOffset != range.endOffset) {
stateOverrides = {};
valueOverrides = {};
storedRange = range.cloneRange();
}
}
getStateOverride = function(command, range) {
resetOverrides(range);
return stateOverrides[command];
};
setStateOverride = function(command, newState, range) {
resetOverrides(range);
stateOverrides[command] = newState;
};
unsetStateOverride = function(command, range) {
resetOverrides(range);
delete stateOverrides[command];
}
getValueOverride = function(command, range) {
resetOverrides(range);
return valueOverrides[command];
}
// "The value override for the backColor command must be the same as the
// value override for the hiliteColor command, such that setting one sets
// the other to the same thing and unsetting one unsets the other."
setValueOverride = function(command, newValue, range) {
resetOverrides(range);
valueOverrides[command] = newValue;
if (command == "backcolor") {
valueOverrides.hilitecolor = newValue;
} else if (command == "hilitecolor") {
valueOverrides.backcolor = newValue;
}
}
unsetValueOverride = function(command, range) {
resetOverrides(range);
delete valueOverrides[command];
if (command == "backcolor") {
delete valueOverrides.hilitecolor;
} else if (command == "hilitecolor") {
delete valueOverrides.backcolor;
}
}
})();
//@}
/////////////////////////////
///// Common algorithms /////
/////////////////////////////
///// Assorted common algorithms /////
//@{
function movePreservingRanges(node, newParent, newIndex, range) {
// For convenience, I allow newIndex to be -1 to mean "insert at the end".
if (newIndex == -1) {
newIndex = newParent.childNodes.length;
}
// "When the user agent is to move a Node to a new location, preserving
// ranges, it must remove the Node from its original parent (if any), then
// insert it in the new location. In doing so, however, it must ignore the
// regular range mutation rules, and instead follow these rules:"
// "Let node be the moved Node, old parent and old index be the old parent
// (which may be null) and index, and new parent and new index be the new
// parent and index."
var oldParent = node.parentNode;
var oldIndex = getNodeIndex(node);
// We only even attempt to preserve the global range object and the ranges
// in the selection, not every range out there (the latter is probably
// impossible).
var ranges = [range];
for (var i = 0; i < Aloha.getSelection().rangeCount; i++) {
ranges.push(Aloha.getSelection().getRangeAt(i));
}
var boundaryPoints = [];
$_( ranges ).forEach(function(range) {
boundaryPoints.push([range.startContainer, range.startOffset]);
boundaryPoints.push([range.endContainer, range.endOffset]);
});
$_( boundaryPoints ).forEach(function(boundaryPoint) {
// "If a boundary point's node is the same as or a descendant of node,
// leave it unchanged, so it moves to the new location."
//
// No modifications necessary.
// "If a boundary point's node is new parent and its offset is greater
// than new index, add one to its offset."
if (boundaryPoint[0] == newParent
&& boundaryPoint[1] > newIndex) {
boundaryPoint[1]++;
}
// "If a boundary point's node is old parent and its offset is old index or
// old index + 1, set its node to new parent and add new index â old index
// to its offset."
if (boundaryPoint[0] == oldParent
&& (boundaryPoint[1] == oldIndex
|| boundaryPoint[1] == oldIndex + 1)) {
boundaryPoint[0] = newParent;
boundaryPoint[1] += newIndex - oldIndex;
}
// "If a boundary point's node is old parent and its offset is greater than
// old index + 1, subtract one from its offset."
if (boundaryPoint[0] == oldParent
&& boundaryPoint[1] > oldIndex + 1) {
boundaryPoint[1]--;
}
});
// Now actually move it and preserve the ranges.
if (newParent.childNodes.length == newIndex) {
newParent.appendChild(node);
} else {
newParent.insertBefore(node, newParent.childNodes[newIndex]);
}
// if we're off actual node boundaries this implies that the move was
// part of a deletion process (backspace). If that's the case we
// attempt to fix this by restoring the range to the first index of
// the node that has been moved
if (boundaryPoints[0][1] > boundaryPoints[0][0].childNodes.length
&& boundaryPoints[1][1] > boundaryPoints[1][0].childNodes.length) {
range.setStart(node, 0);
range.setEnd(node, 0);
} else {
range.setStart(boundaryPoints[0][0], boundaryPoints[0][1]);
range.setEnd(boundaryPoints[1][0], boundaryPoints[1][1]);
Aloha.getSelection().removeAllRanges();
for (var i = 1; i < ranges.length; i++) {
var newRange = Aloha.createRange();
newRange.setStart(boundaryPoints[2*i][0], boundaryPoints[2*i][1]);
newRange.setEnd(boundaryPoints[2*i + 1][0], boundaryPoints[2*i + 1][1]);
Aloha.getSelection().addRange(newRange);
}
if (newRange) {
range = newRange;
}
}
}
function setTagName(element, newName, range) {
// "If element is an HTML element with local name equal to new name, return
// element."
if (isHtmlElement(element, newName.toUpperCase())) {
return element;
}
// "If element's parent is null, return element."
if (!element.parentNode) {
return element;
}
// "Let replacement element be the result of calling createElement(new
// name) on the ownerDocument of element."
var replacementElement = element.ownerDocument.createElement(newName);
// "Insert replacement element into element's parent immediately before
// element."
element.parentNode.insertBefore(replacementElement, element);
// "Copy all attributes of element to replacement element, in order."
for (var i = 0; i < element.attributes.length; i++) {
if (typeof replacementElement.setAttributeNS === 'function') {
replacementElement.setAttributeNS(element.attributes[i].namespaceURI, element.attributes[i].name, element.attributes[i].value);
} else {
replacementElement.setAttribute(element.attributes[i].name, element.attributes[i].value);
}
}
// "While element has children, append the first child of element as the
// last child of replacement element, preserving ranges."
while (element.childNodes.length) {
movePreservingRanges(element.firstChild, replacementElement, replacementElement.childNodes.length, range);
}
// "Remove element from its parent."
element.parentNode.removeChild(element);
// if the range still uses the old element, we modify it to the new one
if (range.startContainer === element) {
range.setStart(replacementElement, range.startOffset);
}
if (range.endContainer === element) {
range.setEnd(replacementElement, range.endOffset);
}
// "Return replacement element."
return replacementElement;
}
function removeExtraneousLineBreaksBefore(node) {
// "Let ref be the previousSibling of node."
var ref = node.previousSibling;
// "If ref is null, abort these steps."
if (!ref) {
return;
}
// "While ref has children, set ref to its lastChild."
while (ref.hasChildNodes()) {
ref = ref.lastChild;
}
// "While ref is invisible but not an extraneous line break, and ref does
// not equal node's parent, set ref to the node before it in tree order."
while (isInvisible(ref)
&& !isExtraneousLineBreak(ref)
&& ref != node.parentNode) {
ref = previousNode(ref);
}
// "If ref is an editable extraneous line break, remove it from its
// parent."
if (isEditable(ref)
&& isExtraneousLineBreak(ref)) {
ref.parentNode.removeChild(ref);
}
}
function removeExtraneousLineBreaksAtTheEndOf(node) {
// "Let ref be node."
var ref = node;
// "While ref has children, set ref to its lastChild."
while (ref.hasChildNodes()) {
ref = ref.lastChild;
}
// "While ref is invisible but not an extraneous line break, and ref does
// not equal node, set ref to the node before it in tree order."
while (isInvisible(ref)
&& !isExtraneousLineBreak(ref)
&& ref != node) {
ref = previousNode(ref);
}
// "If ref is an editable extraneous line break, remove it from its
// parent."
if (isEditable(ref)
&& isExtraneousLineBreak(ref)) {
ref.parentNode.removeChild(ref);
}
}
// "To remove extraneous line breaks from a node, first remove extraneous line
// breaks before it, then remove extraneous line breaks at the end of it."
function removeExtraneousLineBreaksFrom(node) {
removeExtraneousLineBreaksBefore(node);
removeExtraneousLineBreaksAtTheEndOf(node);
}
//@}
///// Wrapping a list of nodes /////
//@{
function wrap(nodeList, siblingCriteria, newParentInstructions, range) {
// "If not provided, sibling criteria returns false and new parent
// instructions returns null."
if (typeof siblingCriteria == "undefined") {
siblingCriteria = function() { return false };
}
if (typeof newParentInstructions == "undefined") {
newParentInstructions = function() { return null };
}
// "If node list is empty, or the first member of node list is not
// editable, return null and abort these steps."
if (!nodeList.length
|| !isEditable(nodeList[0])) {
return null;
}
// "If node list's last member is an inline node that's not a br, and node
// list's last member's nextSibling is a br, append that br to node list."
if (isInlineNode(nodeList[nodeList.length - 1])
&& !isHtmlElement(nodeList[nodeList.length - 1], "br")
&& isHtmlElement(nodeList[nodeList.length - 1].nextSibling, "br")) {
nodeList.push(nodeList[nodeList.length - 1].nextSibling);
}
// "If the previousSibling of the first member of node list is editable and
// running sibling criteria on it returns true, let new parent be the
// previousSibling of the first member of node list."
var newParent;
if (isEditable(nodeList[0].previousSibling)
&& siblingCriteria(nodeList[0].previousSibling)) {
newParent = nodeList[0].previousSibling;
// "Otherwise, if the nextSibling of the last member of node list is
// editable and running sibling criteria on it returns true, let new parent
// be the nextSibling of the last member of node list."
} else if (isEditable(nodeList[nodeList.length - 1].nextSibling)
&& siblingCriteria(nodeList[nodeList.length - 1].nextSibling)) {
newParent = nodeList[nodeList.length - 1].nextSibling;
// "Otherwise, run new parent instructions, and let new parent be the
// result."
} else {
newParent = newParentInstructions();
}
// "If new parent is null, abort these steps and return null."
if (!newParent) {
return null;
}
// "If new parent's parent is null:"
if (!newParent.parentNode) {
// "Insert new parent into the parent of the first member of node list
// immediately before the first member of node list."
nodeList[0].parentNode.insertBefore(newParent, nodeList[0]);
// "If any range has a boundary point with node equal to the parent of
// new parent and offset equal to the index of new parent, add one to
// that boundary point's offset."
//
// Try to fix range
var startContainer = range.startContainer, startOffset = range.startOffset,
endContainer = range.endContainer, endOffset = range.endOffset;
if (startContainer == newParent.parentNode
&& startOffset >= getNodeIndex(newParent)) {
range.setStart(startContainer, startOffset + 1);
}
if (endContainer == newParent.parentNode
&& endOffset >= getNodeIndex(newParent)) {
range.setEnd(endContainer, endOffset + 1);
}
// Only try to fix the global range. TODO remove globalRange here
if (globalRange && globalRange !== range) {
startContainer = globalRange.startContainer, startOffset = globalRange.startOffset,
endContainer = globalRange.endContainer, endOffset = globalRange.endOffset;
if (startContainer == newParent.parentNode
&& startOffset >= getNodeIndex(newParent)) {
globalRange.setStart(startContainer, startOffset + 1);
}
if (endContainer == newParent.parentNode
&& endOffset >= getNodeIndex(newParent)) {
globalRange.setEnd(endContainer, endOffset + 1);
}
}
}
// "Let original parent be the parent of the first member of node list."
var originalParent = nodeList[0].parentNode;
// "If new parent is before the first member of node list in tree order:"
if (isBefore(newParent, nodeList[0])) {
// "If new parent is not an inline node, but the last child of new
// parent and the first member of node list are both inline nodes, and
// the last child of new parent is not a br, call createElement("br")
// on the ownerDocument of new parent and append the result as the last
// child of new parent."
if (!isInlineNode(newParent)
&& isInlineNode(newParent.lastChild)
&& isInlineNode(nodeList[0])
&& !isHtmlElement(newParent.lastChild, "BR")) {
newParent.appendChild(newParent.ownerDocument.createElement("br"));
}
// "For each node in node list, append node as the last child of new
// parent, preserving ranges."
for (var i = 0; i < nodeList.length; i++) {
movePreservingRanges(nodeList[i], newParent, -1, range);
}
// "Otherwise:"
} else {
// "If new parent is not an inline node, but the first child of new
// parent and the last member of node list are both inline nodes, and
// the last member of node list is not a br, call createElement("br")
// on the ownerDocument of new parent and insert the result as the
// first child of new parent."
if (!isInlineNode(newParent)
&& isInlineNode(newParent.firstChild)
&& isInlineNode(nodeList[nodeList.length - 1])
&& !isHtmlElement(nodeList[nodeList.length - 1], "BR")) {
newParent.insertBefore(newParent.ownerDocument.createElement("br"), newParent.firstChild);
}
// "For each node in node list, in reverse order, insert node as the
// first child of new parent, preserving ranges."
for (var i = nodeList.length - 1; i >= 0; i--) {
movePreservingRanges(nodeList[i], newParent, 0, range);
}
}
// "If original parent is editable and has no children, remove it from its
// parent."
if (isEditable(originalParent) && !originalParent.hasChildNodes()) {
originalParent.parentNode.removeChild(originalParent);
}
// "If new parent's nextSibling is editable and running sibling criteria on
// it returns true:"
if (isEditable(newParent.nextSibling)
&& siblingCriteria(newParent.nextSibling)) {
// "If new parent is not an inline node, but new parent's last child
// and new parent's nextSibling's first child are both inline nodes,
// and new parent's last child is not a br, call createElement("br") on
// the ownerDocument of new parent and append the result as the last
// child of new parent."
if (!isInlineNode(newParent)
&& isInlineNode(newParent.lastChild)
&& isInlineNode(newParent.nextSibling.firstChild)
&& !isHtmlElement(newParent.lastChild, "BR")) {
newParent.appendChild(newParent.ownerDocument.createElement("br"));
}
// "While new parent's nextSibling has children, append its first child
// as the last child of new parent, preserving ranges."
while (newParent.nextSibling.hasChildNodes()) {
movePreservingRanges(newParent.nextSibling.firstChild, newParent, -1, range);
}
// "Remove new parent's nextSibling from its parent."
newParent.parentNode.removeChild(newParent.nextSibling);
}
// "Remove extraneous line breaks from new parent."
removeExtraneousLineBreaksFrom(newParent);
// "Return new parent."
return newParent;
}
//@}
///// Allowed children /////
//@{
// "A name of an element with inline contents is "a", "abbr", "b", "bdi",
// "bdo", "cite", "code", "dfn", "em", "h1", "h2", "h3", "h4", "h5", "h6", "i",
// "kbd", "mark", "p", "pre", "q", "rp", "rt", "ruby", "s", "samp", "small",
// "span", "strong", "sub", "sup", "u", "var", "acronym", "listing", "strike",
// "xmp", "big", "blink", "font", "marquee", "nobr", or "tt"."
var namesOfElementsWithInlineContents = ["a", "abbr", "b", "bdi", "bdo",
"cite", "code", "dfn", "em", "h1", "h2", "h3", "h4", "h5", "h6", "i",
"kbd", "mark", "p", "pre", "q", "rp", "rt", "ruby", "s", "samp", "small",
"span", "strong", "sub", "sup", "u", "var", "acronym", "listing", "strike",
"xmp", "big", "blink", "font", "marquee", "nobr", "tt"];
// "An element with inline contents is an HTML element whose local name is a
// name of an element with inline contents."
function isElementWithInlineContents(node) {
return isHtmlElement(node, namesOfElementsWithInlineContents);
}
function isAllowedChild(child, parent_) {
// "If parent is "colgroup", "table", "tbody", "tfoot", "thead", "tr", or
// an HTML element with local name equal to one of those, and child is a
// Text node whose data does not consist solely of space characters, return
// false."
if (($_( ["colgroup", "table", "tbody", "tfoot", "thead", "tr"] ).indexOf(parent_) != -1
|| isHtmlElement(parent_, ["colgroup", "table", "tbody", "tfoot", "thead", "tr"]))
&& typeof child == "object"
&& child.nodeType == $_.Node.TEXT_NODE
&& !/^[ \t\n\f\r]*$/.test(child.data)) {
return false;
}
// "If parent is "script", "style", "plaintext", or "xmp", or an HTML
// element with local name equal to one of those, and child is not a Text
// node, return false."
if (($_( ["script", "style", "plaintext", "xmp"] ).indexOf(parent_) != -1
|| isHtmlElement(parent_, ["script", "style", "plaintext", "xmp"]))
&& (typeof child != "object" || child.nodeType != $_.Node.TEXT_NODE)) {
return false;
}
// "If child is a Document, DocumentFragment, or DocumentType, return
// false."
if (typeof child == "object"
&& (child.nodeType == $_.Node.DOCUMENT_NODE
|| child.nodeType == $_.Node.DOCUMENT_FRAGMENT_NODE
|| child.nodeType == $_.Node.DOCUMENT_TYPE_NODE)) {
return false;
}
// "If child is an HTML element, set child to the local name of child."
if (isHtmlElement(child)) {
child = child.tagName.toLowerCase();
}
// "If child is not a string, return true."
if (typeof child != "string") {
return true;
}
// "If parent is an HTML element:"
if (isHtmlElement(parent_)) {
// "If child is "a", and parent or some ancestor of parent is an a,
// return false."
//
// "If child is a prohibited paragraph child name and parent or some
// ancestor of parent is an element with inline contents, return
// false."
//
// "If child is "h1", "h2", "h3", "h4", "h5", or "h6", and parent or
// some ancestor of parent is an HTML element with local name "h1",
// "h2", "h3", "h4", "h5", or "h6", return false."
var ancestor = parent_;
while (ancestor) {
if (child == "a" && isHtmlElement(ancestor, "a")) {
return false;
}
if ($_( prohibitedParagraphChildNames ).indexOf(child) != -1
&& isElementWithInlineContents(ancestor)) {
return false;
}
if (/^h[1-6]$/.test(child)
&& isHtmlElement(ancestor)
&& /^H[1-6]$/.test(ancestor.tagName)) {
return false;
}
ancestor = ancestor.parentNode;
}
// "Let parent be the local name of parent."
parent_ = parent_.tagName.toLowerCase();
}
// "If parent is an Element or DocumentFragment, return true."
if (typeof parent_ == "object"
&& (parent_.nodeType == $_.Node.ELEMENT_NODE
|| parent_.nodeType == $_.Node.DOCUMENT_FRAGMENT_NODE)) {
return true;
}
// "If parent is not a string, return false."
if (typeof parent_ != "string") {
return false;
}
// "If parent is on the left-hand side of an entry on the following list,
// then return true if child is listed on the right-hand side of that
// entry, and false otherwise."
switch (parent_) {
case "colgroup":
return child == "col";
case "table":
return $_( ["caption", "col", "colgroup", "tbody", "td", "tfoot", "th", "thead", "tr"] ).indexOf(child) != -1;
case "tbody":
case "thead":
case "tfoot":
return $_( ["td", "th", "tr"] ).indexOf(child) != -1;
case "tr":
return $_( ["td", "th"] ).indexOf(child) != -1;
case "dl":
return $_( ["dt", "dd"] ).indexOf(child) != -1;
case "dir":
case "ol":
case "ul":
return $_( ["dir", "li", "ol", "ul"] ).indexOf(child) != -1;
case "hgroup":
return /^h[1-6]$/.test(child);
}
// "If child is "body", "caption", "col", "colgroup", "frame", "frameset",
// "head", "html", "tbody", "td", "tfoot", "th", "thead", or "tr", return
// false."
if ($_( ["body", "caption", "col", "colgroup", "frame", "frameset", "head",
"html", "tbody", "td", "tfoot", "th", "thead", "tr"] ).indexOf(child) != -1) {
return false;
}
// "If child is "dd" or "dt" and parent is not "dl", return false."
if ($_( ["dd", "dt"] ).indexOf(child) != -1
&& parent_ != "dl") {
return false;
}
// "If child is "li" and parent is not "ol" or "ul", return false."
if (child == "li"
&& parent_ != "ol"
&& parent_ != "ul") {
return false;
}
// "If parent is on the left-hand side of an entry on the following list
// and child is listed on the right-hand side of that entry, return false."
var table = [
[["a"], ["a"]],
[["dd", "dt"], ["dd", "dt"]],
[["h1", "h2", "h3", "h4", "h5", "h6"], ["h1", "h2", "h3", "h4", "h5", "h6"]],
[["li"], ["li"]],
[["nobr"], ["nobr"]],
[namesOfElementsWithInlineContents, prohibitedParagraphChildNames],
[["td", "th"], ["caption", "col", "colgroup", "tbody", "td", "tfoot", "th", "thead", "tr"]]
];
for (var i = 0; i < table.length; i++) {
if ($_( table[i][0] ).indexOf(parent_) != -1
&& $_( table[i][1] ).indexOf(child) != -1) {
return false;
}
}
// "Return true."
return true;
}
//@}
//////////////////////////////////////
///// Inline formatting commands /////
//////////////////////////////////////
///// Inline formatting command definitions /////
//@{
// "A node node is effectively contained in a range range if range is not
// collapsed, and at least one of the following holds:"
function isEffectivelyContained(node, range) {
if (range.collapsed) {
return false;
}
// "node is contained in range."
if (isContained(node, range)) {
return true;
}
// "node is range's start node, it is a Text node, and its length is
// different from range's start offset."
if (node == range.startContainer
&& node.nodeType == $_.Node.TEXT_NODE
&& getNodeLength(node) != range.startOffset) {
return true;
}
// "node is range's end node, it is a Text node, and range's end offset is
// not 0."
if (node == range.endContainer
&& node.nodeType == $_.Node.TEXT_NODE
&& range.endOffset != 0) {
return true;
}
// "node has at least one child; and all its children are effectively
// contained in range; and either range's start node is not a descendant of
// node or is not a Text node or range's start offset is zero; and either
// range's end node is not a descendant of node or is not a Text node or
// range's end offset is its end node's length."
if (node.hasChildNodes()
&& $_(node.childNodes).every(function(child) { return isEffectivelyContained(child, range) })
&& (!isDescendant(range.startContainer, node)
|| range.startContainer.nodeType != $_.Node.TEXT_NODE
|| range.startOffset == 0)
&& (!isDescendant(range.endContainer, node)
|| range.endContainer.nodeType != $_.Node.TEXT_NODE
|| range.endOffset == getNodeLength(range.endContainer))) {
return true;
}
return false;
}
// Like get(All)ContainedNodes(), but for effectively contained nodes.
function getEffectivelyContainedNodes(range, condition) {
if (typeof condition == "undefined") {
condition = function() { return true };
}
var node = range.startContainer;
while (isEffectivelyContained(node.parentNode, range)) {
node = node.parentNode;
}
var stop = nextNodeDescendants(range.endContainer);
var nodeList = [];
while (isBefore(node, stop)) {
if (isEffectivelyContained(node, range)
&& condition(node)) {
nodeList.push(node);
node = nextNodeDescendants(node);
continue;
}
node = nextNode(node);
}
return nodeList;
}
function getAllEffectivelyContainedNodes(range, condition) {
if (typeof condition == "undefined") {
condition = function() { return true };
}
var node = range.startContainer;
while (isEffectivelyContained(node.parentNode, range)) {
node = node.parentNode;
}
var stop = nextNodeDescendants(range.endContainer);
var nodeList = [];
while (isBefore(node, stop)) {
if (isEffectivelyContained(node, range)
&& condition(node)) {
nodeList.push(node);
}
node = nextNode(node);
}
return nodeList;
}
// "A modifiable element is a b, em, i, s, span, strong, sub, sup, or u element
// with no attributes except possibly style; or a font element with no
// attributes except possibly style, color, face, and/or size; or an a element
// with no attributes except possibly style and/or href."
function isModifiableElement(node) {
if (!isHtmlElement(node)) {
return false;
}
if ($_( ["B", "EM", "I", "S", "SPAN", "STRIKE", "STRONG", "SUB", "SUP", "U"] ).indexOf(node.tagName) != -1) {
if (node.attributes.length == 0) {
return true;
}
if (node.attributes.length == 1
&& $_( node ).hasAttribute("style")) {
return true;
}
}
if (node.tagName == "FONT" || node.tagName == "A") {
var numAttrs = node.attributes.length;
if ($_( node ).hasAttribute("style")) {
numAttrs--;
}
if (node.tagName == "FONT") {
if ($_( node ).hasAttribute("color")) {
numAttrs--;
}
if ($_( node ).hasAttribute("face")) {
numAttrs--;
}
if ($_( node ).hasAttribute("size")) {
numAttrs--;
}
}
if (node.tagName == "A"
&& $_( node ).hasAttribute("href")) {
numAttrs--;
}
if (numAttrs == 0) {
return true;
}
}
return false;
}
function isSimpleModifiableElement(node) {
// "A simple modifiable element is an HTML element for which at least one
// of the following holds:"
if (!isHtmlElement(node)) {
return false;
}
// Only these elements can possibly be a simple modifiable element.
if ($_( ["A", "B", "EM", "FONT", "I", "S", "SPAN", "STRIKE", "STRONG", "SUB", "SUP", "U"] ).indexOf(node.tagName) == -1) {
return false;
}
// "It is an a, b, em, font, i, s, span, strike, strong, sub, sup, or u
// element with no attributes."
if (node.attributes.length == 0) {
return true;
}
// If it's got more than one attribute, everything after this fails.
if (node.attributes.length > 1) {
return false;
}
// "It is an a, b, em, font, i, s, span, strike, strong, sub, sup, or u
// element with exactly one attribute, which is style, which sets no CSS
// properties (including invalid or unrecognized properties)."
//
// Not gonna try for invalid or unrecognized.
if ($_( node ).hasAttribute("style")
&& getStyleLength(node) == 0) {
return true;
}
// "It is an a element with exactly one attribute, which is href."
if (node.tagName == "A"
&& $_( node ).hasAttribute("href")) {
return true;
}
// "It is a font element with exactly one attribute, which is either color,
// face, or size."
if (node.tagName == "FONT"
&& ($_( node ).hasAttribute("color")
|| $_( node ).hasAttribute("face")
|| $_( node ).hasAttribute("size")
)) {
return true;
}
// "It is a b or strong element with exactly one attribute, which is style,
// and the style attribute sets exactly one CSS property (including invalid
// or unrecognized properties), which is "font-weight"."
if ((node.tagName == "B" || node.tagName == "STRONG")
&& $_( node ).hasAttribute("style")
&& getStyleLength(node) == 1
&& node.style.fontWeight != "") {
return true;
}
// "It is an i or em element with exactly one attribute, which is style,
// and the style attribute sets exactly one CSS property (including invalid
// or unrecognized properties), which is "font-style"."
if ((node.tagName == "I" || node.tagName == "EM")
&& $_( node ).hasAttribute("style")
&& getStyleLength(node) == 1
&& node.style.fontStyle != "") {
return true;
}
// "It is an a, font, or span element with exactly one attribute, which is
// style, and the style attribute sets exactly one CSS property (including
// invalid or unrecognized properties), and that property is not
// "text-decoration"."
if ((node.tagName == "A" || node.tagName == "FONT" || node.tagName == "SPAN")
&& $_( node ).hasAttribute("style")
&& getStyleLength(node) == 1
&& node.style.textDecoration == "") {
return true;
}
// "It is an a, font, s, span, strike, or u element with exactly one
// attribute, which is style, and the style attribute sets exactly one CSS
// property (including invalid or unrecognized properties), which is
// "text-decoration", which is set to "line-through" or "underline" or
// "overline" or "none"."
if ($_( ["A", "FONT", "S", "SPAN", "STRIKE", "U"] ).indexOf(node.tagName) != -1
&& $_( node ).hasAttribute("style")
&& getStyleLength(node) == 1
&& (node.style.textDecoration == "line-through"
|| node.style.textDecoration == "underline"
|| node.style.textDecoration == "overline"
|| node.style.textDecoration == "none")) {
return true;
}
return false;
}
// "Two quantities are equivalent values for a command if either both are null,
// or both are strings and they're equal and the command does not define any
// equivalent values, or both are strings and the command defines equivalent
// values and they match the definition."
function areEquivalentValues(command, val1, val2) {
if (val1 === null && val2 === null) {
return true;
}
if (typeof val1 == "string"
&& typeof val2 == "string"
&& val1 == val2
&& !("equivalentValues" in commands[command])) {
return true;
}
if (typeof val1 == "string"
&& typeof val2 == "string"
&& "equivalentValues" in commands[command]
&& commands[command].equivalentValues(val1, val2)) {
return true;
}
return false;
}
// "Two quantities are loosely equivalent values for a command if either they
// are equivalent values for the command, or if the command is the fontSize
// command; one of the quantities is one of "xx-small", "small", "medium",
// "large", "x-large", "xx-large", or "xxx-large"; and the other quantity is
// the resolved value of "font-size" on a font element whose size attribute has
// the corresponding value set ("1" through "7" respectively)."
function areLooselyEquivalentValues(command, val1, val2) {
if (areEquivalentValues(command, val1, val2)) {
return true;
}
if (command != "fontsize"
|| typeof val1 != "string"
|| typeof val2 != "string") {
return false;
}
// Static variables in JavaScript?
var callee = areLooselyEquivalentValues;
if (callee.sizeMap === undefined) {
callee.sizeMap = {};
var font = document.createElement("font");
document.body.appendChild(font);
$_( ["xx-small", "small", "medium", "large", "x-large", "xx-large",
"xxx-large"] ).forEach(function(keyword) {
font.size = cssSizeToLegacy(keyword);
callee.sizeMap[keyword] = $_.getComputedStyle(font).fontSize;
});
document.body.removeChild(font);
}
return val1 === callee.sizeMap[val2]
|| val2 === callee.sizeMap[val1];
}
//@}
///// Assorted inline formatting command algorithms /////
//@{
function getEffectiveCommandValue(node, command) {
// "If neither node nor its parent is an Element, return null."
if (node.nodeType != $_.Node.ELEMENT_NODE
&& (!node.parentNode || node.parentNode.nodeType != $_.Node.ELEMENT_NODE)) {
return null;
}
// "If node is not an Element, return the effective command value of its
// parent for command."
if (node.nodeType != $_.Node.ELEMENT_NODE) {
return getEffectiveCommandValue(node.parentNode, command);
}
// "If command is "createLink" or "unlink":"
if (command == "createlink" || command == "unlink") {
// "While node is not null, and is not an a element that has an href
// attribute, set node to its parent."
while (node
&& (!isHtmlElement(node)
|| node.tagName != "A"
|| !$_( node ).hasAttribute("href"))) {
node = node.parentNode;
}
// "If node is null, return null."
if (!node) {
return null;
}
// "Return the value of node's href attribute."
return node.getAttribute("href");
}
// "If command is "backColor" or "hiliteColor":"
if (command == "backcolor"
|| command == "hilitecolor") {
// "While the resolved value of "background-color" on node is any
// fully transparent value, and node's parent is an Element, set
// node to its parent."
//
// Another lame hack to avoid flawed APIs.
while (($_.getComputedStyle(node).backgroundColor == "rgba(0, 0, 0, 0)"
|| $_.getComputedStyle(node).backgroundColor === ""
|| $_.getComputedStyle(node).backgroundColor == "transparent")
&& node.parentNode
&& node.parentNode.nodeType == $_.Node.ELEMENT_NODE) {
node = node.parentNode;
}
// "If the resolved value of "background-color" on node is a fully
// transparent value, return "rgb(255, 255, 255)"."
if ($_.getComputedStyle(node).backgroundColor == "rgba(0, 0, 0, 0)"
|| $_.getComputedStyle(node).backgroundColor === ""
|| $_.getComputedStyle(node).backgroundColor == "transparent") {
return "rgb(255, 255, 255)";
}
// "Otherwise, return the resolved value of "background-color" for
// node."
return $_.getComputedStyle(node).backgroundColor;
}
// "If command is "subscript" or "superscript":"
if (command == "subscript" || command == "superscript") {
// "Let affected by subscript and affected by superscript be two
// boolean variables, both initially false."
var affectedBySubscript = false;
var affectedBySuperscript = false;
// "While node is an inline node:"
while (isInlineNode(node)) {
var verticalAlign = $_.getComputedStyle(node).verticalAlign;
// "If node is a sub, set affected by subscript to true."
if (isHtmlElement(node, "sub")) {
affectedBySubscript = true;
// "Otherwise, if node is a sup, set affected by superscript to
// true."
} else if (isHtmlElement(node, "sup")) {
affectedBySuperscript = true;
}
// "Set node to its parent."
node = node.parentNode;
}
// "If affected by subscript and affected by superscript are both true,
// return the string "mixed"."
if (affectedBySubscript && affectedBySuperscript) {
return "mixed";
}
// "If affected by subscript is true, return "subscript"."
if (affectedBySubscript) {
return "subscript";
}
// "If affected by superscript is true, return "superscript"."
if (affectedBySuperscript) {
return "superscript";
}
// "Return null."
return null;
}
// "If command is "strikethrough", and the "text-decoration" property of
// node or any of its ancestors has resolved value containing
// "line-through", return "line-through". Otherwise, return null."
if (command == "strikethrough") {
do {
if ($_.getComputedStyle(node).textDecoration.indexOf("line-through") != -1) {
return "line-through";
}
node = node.parentNode;
} while (node && node.nodeType == $_.Node.ELEMENT_NODE);
return null;
}
// "If command is "underline", and the "text-decoration" property of node
// or any of its ancestors has resolved value containing "underline",
// return "underline". Otherwise, return null."
if (command == "underline") {
do {
if ($_.getComputedStyle(node).textDecoration.indexOf("underline") != -1) {
return "underline";
}
node = node.parentNode;
} while (node && node.nodeType == $_.Node.ELEMENT_NODE);
return null;
}
if (!("relevantCssProperty" in commands[command])) {
throw "Bug: no relevantCssProperty for " + command + " in getEffectiveCommandValue";
}
// "Return the resolved value for node of the relevant CSS property for
// command."
return $_.getComputedStyle(node)[commands[command].relevantCssProperty].toString();
}
function getSpecifiedCommandValue(element, command) {
// "If command is "backColor" or "hiliteColor" and element's display
// property does not have resolved value "inline", return null."
if ((command == "backcolor" || command == "hilitecolor")
&& $_.getComputedStyle(element).display != "inline") {
return null;
}
// "If command is "createLink" or "unlink":"
if (command == "createlink" || command == "unlink") {
// "If element is an a element and has an href attribute, return the
// value of that attribute."
if (isHtmlElement(element)
&& element.tagName == "A"
&& $_( element ).hasAttribute("href")) {
return element.getAttribute("href");
}
// "Return null."
return null;
}
// "If command is "subscript" or "superscript":"
if (command == "subscript" || command == "superscript") {
// "If element is a sup, return "superscript"."
if (isHtmlElement(element, "sup")) {
return "superscript";
}
// "If element is a sub, return "subscript"."
if (isHtmlElement(element, "sub")) {
return "subscript";
}
// "Return null."
return null;
}
// "If command is "strikethrough", and element has a style attribute set,
// and that attribute sets "text-decoration":"
if (command == "strikethrough"
&& element.style.textDecoration != "") {
// "If element's style attribute sets "text-decoration" to a value
// containing "line-through", return "line-through"."
if (element.style.textDecoration.indexOf("line-through") != -1) {
return "line-through";
}
// "Return null."
return null;
}
// "If command is "strikethrough" and element is a s or strike element,
// return "line-through"."
if (command == "strikethrough"
&& isHtmlElement(element, ["S", "STRIKE"])) {
return "line-through";
}
// "If command is "underline", and element has a style attribute set, and
// that attribute sets "text-decoration":"
if (command == "underline"
&& element.style.textDecoration != "") {
// "If element's style attribute sets "text-decoration" to a value
// containing "underline", return "underline"."
if (element.style.textDecoration.indexOf("underline") != -1) {
return "underline";
}
// "Return null."
return null;
}
// "If command is "underline" and element is a u element, return
// "underline"."
if (command == "underline"
&& isHtmlElement(element, "U")) {
return "underline";
}
// "Let property be the relevant CSS property for command."
var property = commands[command].relevantCssProperty;
// "If property is null, return null."
if (property === null) {
return null;
}
// "If element has a style attribute set, and that attribute has the
// effect of setting property, return the value that it sets property to."
if (element.style[property] != "") {
return element.style[property];
}
// "If element is a font element that has an attribute whose effect is
// to create a presentational hint for property, return the value that the
// hint sets property to. (For a size of 7, this will be the non-CSS value
// "xxx-large".)"
if (isHtmlNamespace(element.namespaceURI)
&& element.tagName == "FONT") {
if (property == "color" && $_( element ).hasAttribute("color")) {
return element.color;
}
if (property == "fontFamily" && $_( element ).hasAttribute("face")) {
return element.face;
}
if (property == "fontSize" && $_( element ).hasAttribute("size")) {
// This is not even close to correct in general.
var size = parseInt(element.size);
if (size < 1) {
size = 1;
}
if (size > 7) {
size = 7;
}
return {
1: "xx-small",
2: "small",
3: "medium",
4: "large",
5: "x-large",
6: "xx-large",
7: "xxx-large"
}[size];
}
}
// "If element is in the following list, and property is equal to the
// CSS property name listed for it, return the string listed for it."
//
// A list follows, whose meaning is copied here.
if (property == "fontWeight"
&& (element.tagName == "B" || element.tagName == "STRONG")) {
return "bold";
}
if (property == "fontStyle"
&& (element.tagName == "I" || element.tagName == "EM")) {
return "italic";
}
// "Return null."
return null;
}
function reorderModifiableDescendants(node, command, newValue, range) {
// "Let candidate equal node."
var candidate = node;
// "While candidate is a modifiable element, and candidate has exactly one
// child, and that child is also a modifiable element, and candidate is not
// a simple modifiable element or candidate's specified command value for
// command is not equivalent to new value, set candidate to its child."
while (isModifiableElement(candidate)
&& candidate.childNodes.length == 1
&& isModifiableElement(candidate.firstChild)
&& (!isSimpleModifiableElement(candidate)
|| !areEquivalentValues(command, getSpecifiedCommandValue(candidate, command), newValue))) {
candidate = candidate.firstChild;
}
// "If candidate is node, or is not a simple modifiable element, or its
// specified command value is not equivalent to new value, or its effective
// command value is not loosely equivalent to new value, abort these
// steps."
if (candidate == node
|| !isSimpleModifiableElement(candidate)
|| !areEquivalentValues(command, getSpecifiedCommandValue(candidate, command), newValue)
|| !areLooselyEquivalentValues(command, getEffectiveCommandValue(candidate, command), newValue)) {
return;
}
// "While candidate has children, insert the first child of candidate into
// candidate's parent immediately before candidate, preserving ranges."
while (candidate.hasChildNodes()) {
movePreservingRanges(candidate.firstChild, candidate.parentNode, getNodeIndex(candidate), range);
}
// "Insert candidate into node's parent immediately after node."
node.parentNode.insertBefore(candidate, node.nextSibling);
// "Append the node as the last child of candidate, preserving ranges."
movePreservingRanges(node, candidate, -1, range);
}
function recordValues(nodeList) {
// "Let values be a list of (node, command, specified command value)
// triples, initially empty."
var values = [];
// "For each node in node list, for each command in the list "subscript",
// "bold", "fontName", "fontSize", "foreColor", "hiliteColor", "italic",
// "strikethrough", and "underline" in that order:"
$_( nodeList ).forEach(function(node) {
$_( ["subscript", "bold", "fontname", "fontsize", "forecolor",
"hilitecolor", "italic", "strikethrough", "underline"] ).forEach(function(command) {
// "Let ancestor equal node."
var ancestor = node;
// "If ancestor is not an Element, set it to its parent."
if (ancestor.nodeType != $_.Node.ELEMENT_NODE) {
ancestor = ancestor.parentNode;
}
// "While ancestor is an Element and its specified command value
// for command is null, set it to its parent."
while (ancestor
&& ancestor.nodeType == $_.Node.ELEMENT_NODE
&& getSpecifiedCommandValue(ancestor, command) === null) {
ancestor = ancestor.parentNode;
}
// "If ancestor is an Element, add (node, command, ancestor's
// specified command value for command) to values. Otherwise add
// (node, command, null) to values."
if (ancestor && ancestor.nodeType == $_.Node.ELEMENT_NODE) {
values.push([node, command, getSpecifiedCommandValue(ancestor, command)]);
} else {
values.push([node, command, null]);
}
});
});
// "Return values."
return values;
}
function restoreValues(values, range) {
// "For each (node, command, value) triple in values:"
$_( values ).forEach(function(triple) {
var node = triple[0];
var command = triple[1];
var value = triple[2];
// "Let ancestor equal node."
var ancestor = node;
// "If ancestor is not an Element, set it to its parent."
if (!ancestor || ancestor.nodeType != $_.Node.ELEMENT_NODE) {
ancestor = ancestor.parentNode;
}
// "While ancestor is an Element and its specified command value for
// command is null, set it to its parent."
while (ancestor
&& ancestor.nodeType == $_.Node.ELEMENT_NODE
&& getSpecifiedCommandValue(ancestor, command) === null) {
ancestor = ancestor.parentNode;
}
// "If value is null and ancestor is an Element, push down values on
// node for command, with new value null."
if (value === null
&& ancestor
&& ancestor.nodeType == $_.Node.ELEMENT_NODE) {
pushDownValues(node, command, null, range);
// "Otherwise, if ancestor is an Element and its specified command
// value for command is not equivalent to value, or if ancestor is not
// an Element and value is not null, force the value of command to
// value on node."
} else if ((ancestor
&& ancestor.nodeType == $_.Node.ELEMENT_NODE
&& !areEquivalentValues(command, getSpecifiedCommandValue(ancestor, command), value))
|| ((!ancestor || ancestor.nodeType != $_.Node.ELEMENT_NODE)
&& value !== null)) {
forceValue(node, command, value, range);
}
});
}
//@}
///// Clearing an element's value /////
//@{
function clearValue(element, command, range) {
// "If element is not editable, return the empty list."
if (!isEditable(element)) {
return [];
}
// "If element's specified command value for command is null, return the
// empty list."
if (getSpecifiedCommandValue(element, command) === null) {
return [];
}
// "If element is a simple modifiable element:"
if (isSimpleModifiableElement(element)) {
// "Let children be the children of element."
var children = Array.prototype.slice.call(toArray(element.childNodes));
// "For each child in children, insert child into element's parent
// immediately before element, preserving ranges."
for (var i = 0; i < children.length; i++) {
movePreservingRanges(children[i], element.parentNode, getNodeIndex(element), range);
}
// "Remove element from its parent."
element.parentNode.removeChild(element);
// "Return children."
return children;
}
// "If command is "strikethrough", and element has a style attribute that
// sets "text-decoration" to some value containing "line-through", delete
// "line-through" from the value."
if (command == "strikethrough"
&& element.style.textDecoration.indexOf("line-through") != -1) {
if (element.style.textDecoration == "line-through") {
element.style.textDecoration = "";
} else {
element.style.textDecoration = element.style.textDecoration.replace("line-through", "");
}
if (element.getAttribute("style") == "") {
element.removeAttribute("style");
}
}
// "If command is "underline", and element has a style attribute that sets
// "text-decoration" to some value containing "underline", delete
// "underline" from the value."
if (command == "underline"
&& element.style.textDecoration.indexOf("underline") != -1) {
if (element.style.textDecoration == "underline") {
element.style.textDecoration = "";
} else {
element.style.textDecoration = element.style.textDecoration.replace("underline", "");
}
if (element.getAttribute("style") == "") {
element.removeAttribute("style");
}
}
// "If the relevant CSS property for command is not null, unset the CSS
// property property of element."
if (commands[command].relevantCssProperty !== null) {
element.style[commands[command].relevantCssProperty] = '';
if (element.getAttribute("style") == "") {
element.removeAttribute("style");
}
}
// "If element is a font element:"
if (isHtmlNamespace(element.namespaceURI) && element.tagName == "FONT") {
// "If command is "foreColor", unset element's color attribute, if set."
if (command == "forecolor") {
element.removeAttribute("color");
}
// "If command is "fontName", unset element's face attribute, if set."
if (command == "fontname") {
element.removeAttribute("face");
}
// "If command is "fontSize", unset element's size attribute, if set."
if (command == "fontsize") {
element.removeAttribute("size");
}
}
// "If element is an a element and command is "createLink" or "unlink",
// unset the href property of element."
if (isHtmlElement(element, "A")
&& (command == "createlink" || command == "unlink")) {
element.removeAttribute("href");
}
// "If element's specified command value for command is null, return the
// empty list."
if (getSpecifiedCommandValue(element, command) === null) {
return [];
}
// "Set the tag name of element to "span", and return the one-node list
// consisting of the result."
return [setTagName(element, "span", range)];
}
//@}
///// Pushing down values /////
//@{
function pushDownValues(node, command, newValue, range) {
// "If node's parent is not an Element, abort this algorithm."
if (!node.parentNode
|| node.parentNode.nodeType != $_.Node.ELEMENT_NODE) {
return;
}
// "If the effective command value of command is loosely equivalent to new
// value on node, abort this algorithm."
if (areLooselyEquivalentValues(command, getEffectiveCommandValue(node, command), newValue)) {
return;
}
// "Let current ancestor be node's parent."
var currentAncestor = node.parentNode;
// "Let ancestor list be a list of Nodes, initially empty."
var ancestorList = [];
// "While current ancestor is an editable Element and the effective command
// value of command is not loosely equivalent to new value on it, append
// current ancestor to ancestor list, then set current ancestor to its
// parent."
while (isEditable(currentAncestor)
&& currentAncestor.nodeType == $_.Node.ELEMENT_NODE
&& !areLooselyEquivalentValues(command, getEffectiveCommandValue(currentAncestor, command), newValue)) {
ancestorList.push(currentAncestor);
currentAncestor = currentAncestor.parentNode;
}
// "If ancestor list is empty, abort this algorithm."
if (!ancestorList.length) {
return;
}
// "Let propagated value be the specified command value of command on the
// last member of ancestor list."
var propagatedValue = getSpecifiedCommandValue(ancestorList[ancestorList.length - 1], command);
// "If propagated value is null and is not equal to new value, abort this
// algorithm."
if (propagatedValue === null && propagatedValue != newValue) {
return;
}
// "If the effective command value for the parent of the last member of
// ancestor list is not loosely equivalent to new value, and new value is
// not null, abort this algorithm."
if (newValue !== null
&& !areLooselyEquivalentValues(command, getEffectiveCommandValue(ancestorList[ancestorList.length - 1].parentNode, command), newValue)) {
return;
}
// "While ancestor list is not empty:"
while (ancestorList.length) {
// "Let current ancestor be the last member of ancestor list."
// "Remove the last member from ancestor list."
var currentAncestor = ancestorList.pop();
// "If the specified command value of current ancestor for command is
// not null, set propagated value to that value."
if (getSpecifiedCommandValue(currentAncestor, command) !== null) {
propagatedValue = getSpecifiedCommandValue(currentAncestor, command);
}
// "Let children be the children of current ancestor."
var children = Array.prototype.slice.call(toArray(currentAncestor.childNodes));
// "If the specified command value of current ancestor for command is
// not null, clear the value of current ancestor."
if (getSpecifiedCommandValue(currentAncestor, command) !== null) {
clearValue(currentAncestor, command, range);
}
// "For every child in children:"
for (var i = 0; i < children.length; i++) {
var child = children[i];
// "If child is node, continue with the next child."
if (child == node) {
continue;
}
// "If child is an Element whose specified command value for
// command is neither null nor equivalent to propagated value,
// continue with the next child."
if (child.nodeType == $_.Node.ELEMENT_NODE
&& getSpecifiedCommandValue(child, command) !== null
&& !areEquivalentValues(command, propagatedValue, getSpecifiedCommandValue(child, command))) {
continue;
}
// "If child is the last member of ancestor list, continue with the
// next child."
if (child == ancestorList[ancestorList.length - 1]) {
continue;
}
// "Force the value of child, with command as in this algorithm
// and new value equal to propagated value."
forceValue(child, command, propagatedValue, range);
}
}
}
//@}
///// Forcing the value of a node /////
//@{
function forceValue(node, command, newValue, range) {
// "If node's parent is null, abort this algorithm."
if (!node.parentNode) {
return;
}
// "If new value is null, abort this algorithm."
if (newValue === null) {
return;
}
// "If node is an allowed child of "span":"
if (isAllowedChild(node, "span")) {
// "Reorder modifiable descendants of node's previousSibling."
reorderModifiableDescendants(node.previousSibling, command, newValue, range);
// "Reorder modifiable descendants of node's nextSibling."
reorderModifiableDescendants(node.nextSibling, command, newValue, range);
// "Wrap the one-node list consisting of node, with sibling criteria
// returning true for a simple modifiable element whose specified
// command value is equivalent to new value and whose effective command
// value is loosely equivalent to new value and false otherwise, and
// with new parent instructions returning null."
wrap([node],
function(node) {
return isSimpleModifiableElement(node)
&& areEquivalentValues(command, getSpecifiedCommandValue(node, command), newValue)
&& areLooselyEquivalentValues(command, getEffectiveCommandValue(node, command), newValue);
},
function() { return null },
range
);
}
// "If the effective command value of command is loosely equivalent to new
// value on node, abort this algorithm."
if (areLooselyEquivalentValues(command, getEffectiveCommandValue(node, command), newValue)) {
return;
}
// "If node is not an allowed child of "span":"
if (!isAllowedChild(node, "span")) {
// "Let children be all children of node, omitting any that are
// Elements whose specified command value for command is neither null
// nor equivalent to new value."
var children = [];
for (var i = 0; i < node.childNodes.length; i++) {
if (node.childNodes[i].nodeType == $_.Node.ELEMENT_NODE) {
var specifiedValue = getSpecifiedCommandValue(node.childNodes[i], command);
if (specifiedValue !== null
&& !areEquivalentValues(command, newValue, specifiedValue)) {
continue;
}
}
children.push(node.childNodes[i]);
}
// "Force the value of each Node in children, with command and new
// value as in this invocation of the algorithm."
for (var i = 0; i < children.length; i++) {
forceValue(children[i], command, newValue, range);
}
// "Abort this algorithm."
return;
}
// "If the effective command value of command is loosely equivalent to new
// value on node, abort this algorithm."
if (areLooselyEquivalentValues(command, getEffectiveCommandValue(node, command), newValue)) {
return;
}
// "Let new parent be null."
var newParent = null;
// "If the CSS styling flag is false:"
if (!cssStylingFlag) {
// "If command is "bold" and new value is "bold", let new parent be the
// result of calling createElement("b") on the ownerDocument of node."
if (command == "bold" && (newValue == "bold" || newValue == "700")) {
newParent = node.ownerDocument.createElement("b");
}
// "If command is "italic" and new value is "italic", let new parent be
// the result of calling createElement("i") on the ownerDocument of
// node."
if (command == "italic" && newValue == "italic") {
newParent = node.ownerDocument.createElement("i");
}
// "If command is "strikethrough" and new value is "line-through", let
// new parent be the result of calling createElement("s") on the
// ownerDocument of node."
if (command == "strikethrough" && newValue == "line-through") {
newParent = node.ownerDocument.createElement("s");
}
// "If command is "underline" and new value is "underline", let new
// parent be the result of calling createElement("u") on the
// ownerDocument of node."
if (command == "underline" && newValue == "underline") {
newParent = node.ownerDocument.createElement("u");
}
// "If command is "foreColor", and new value is fully opaque with red,
// green, and blue components in the range 0 to 255:"
if (command == "forecolor" && parseSimpleColor(newValue)) {
// "Let new parent be the result of calling createElement("span")
// on the ownerDocument of node."
// NOTE: modified this process to create span elements with style attributes
// instead of oldschool font tags with color attributes
newParent = node.ownerDocument.createElement("span");
// "If new value is an extended color keyword, set the color
// attribute of new parent to new value."
//
// "Otherwise, set the color attribute of new parent to the result
// of applying the rules for serializing simple color values to new
// value (interpreted as a simple color)."
jQuery(newParent).css('color', parseSimpleColor(newValue));
}
// "If command is "fontName", let new parent be the result of calling
// createElement("font") on the ownerDocument of node, then set the
// face attribute of new parent to new value."
if (command == "fontname") {
newParent = node.ownerDocument.createElement("font");
newParent.face = newValue;
}
}
// "If command is "createLink" or "unlink":"
if (command == "createlink" || command == "unlink") {
// "Let new parent be the result of calling createElement("a") on the
// ownerDocument of node."
newParent = node.ownerDocument.createElement("a");
// "Set the href attribute of new parent to new value."
newParent.setAttribute("href", newValue);
// "Let ancestor be node's parent."
var ancestor = node.parentNode;
// "While ancestor is not null:"
while (ancestor) {
// "If ancestor is an a, set the tag name of ancestor to "span",
// and let ancestor be the result."
if (isHtmlElement(ancestor, "A")) {
ancestor = setTagName(ancestor, "span", range);
}
// "Set ancestor to its parent."
ancestor = ancestor.parentNode;
}
}
// "If command is "fontSize"; and new value is one of "xx-small", "small",
// "medium", "large", "x-large", "xx-large", or "xxx-large"; and either the
// CSS styling flag is false, or new value is "xxx-large": let new parent
// be the result of calling createElement("font") on the ownerDocument of
// node, then set the size attribute of new parent to the number from the
// following table based on new value: [table omitted]"
if (command == "fontsize"
&& $_( ["xx-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large"] ).indexOf(newValue) != -1
&& (!cssStylingFlag || newValue == "xxx-large")) {
newParent = node.ownerDocument.createElement("font");
newParent.size = cssSizeToLegacy(newValue);
}
// "If command is "subscript" or "superscript" and new value is
// "subscript", let new parent be the result of calling
// createElement("sub") on the ownerDocument of node."
if ((command == "subscript" || command == "superscript")
&& newValue == "subscript") {
newParent = node.ownerDocument.createElement("sub");
}
// "If command is "subscript" or "superscript" and new value is
// "superscript", let new parent be the result of calling
// createElement("sup") on the ownerDocument of node."
if ((command == "subscript" || command == "superscript")
&& newValue == "superscript") {
newParent = node.ownerDocument.createElement("sup");
}
// "If new parent is null, let new parent be the result of calling
// createElement("span") on the ownerDocument of node."
if (!newParent) {
newParent = node.ownerDocument.createElement("span");
}
// "Insert new parent in node's parent before node."
node.parentNode.insertBefore(newParent, node);
// "If the effective command value of command for new parent is not loosely
// equivalent to new value, and the relevant CSS property for command is
// not null, set that CSS property of new parent to new value (if the new
// value would be valid)."
var property = commands[command].relevantCssProperty;
if (property !== null
&& !areLooselyEquivalentValues(command, getEffectiveCommandValue(newParent, command), newValue)) {
newParent.style[property] = newValue;
}
// "If command is "strikethrough", and new value is "line-through", and the
// effective command value of "strikethrough" for new parent is not
// "line-through", set the "text-decoration" property of new parent to
// "line-through"."
if (command == "strikethrough"
&& newValue == "line-through"
&& getEffectiveCommandValue(newParent, "strikethrough") != "line-through") {
newParent.style.textDecoration = "line-through";
}
// "If command is "underline", and new value is "underline", and the
// effective command value of "underline" for new parent is not
// "underline", set the "text-decoration" property of new parent to
// "underline"."
if (command == "underline"
&& newValue == "underline"
&& getEffectiveCommandValue(newParent, "underline") != "underline") {
newParent.style.textDecoration = "underline";
}
// "Append node to new parent as its last child, preserving ranges."
movePreservingRanges(node, newParent, newParent.childNodes.length, range);
// "If node is an Element and the effective command value of command for
// node is not loosely equivalent to new value:"
if (node.nodeType == $_.Node.ELEMENT_NODE
&& !areEquivalentValues(command, getEffectiveCommandValue(node, command), newValue)) {
// "Insert node into the parent of new parent before new parent,
// preserving ranges."
movePreservingRanges(node, newParent.parentNode, getNodeIndex(newParent), range);
// "Remove new parent from its parent."
newParent.parentNode.removeChild(newParent);
// "Let children be all children of node, omitting any that are
// Elements whose specified command value for command is neither null
// nor equivalent to new value."
var children = [];
for (var i = 0; i < node.childNodes.length; i++) {
if (node.childNodes[i].nodeType == $_.Node.ELEMENT_NODE) {
var specifiedValue = getSpecifiedCommandValue(node.childNodes[i], command);
if (specifiedValue !== null
&& !areEquivalentValues(command, newValue, specifiedValue)) {
continue;
}
}
children.push(node.childNodes[i]);
}
// "Force the value of each Node in children, with command and new
// value as in this invocation of the algorithm."
for (var i = 0; i < children.length; i++) {
forceValue(children[i], command, newValue, range);
}
}
}
//@}
///// Setting the selection's value /////
//@{
function setSelectionValue(command, newValue, range) {
// Use current selected range if no range passed
range = range || getActiveRange();
// "If there is no editable text node effectively contained in the active
// range:"
if (!$_( getAllEffectivelyContainedNodes(range) )
.filter(function(node) { return node.nodeType == $_.Node.TEXT_NODE}, true)
.some(isEditable)) {
// "If command has inline command activated values, set the state
// override to true if new value is among them and false if it's not."
if ("inlineCommandActivatedValues" in commands[command]) {
setStateOverride(command,
$_(commands[command].inlineCommandActivatedValues).indexOf(newValue) != -1,
range);
}
// "If command is "subscript", unset the state override for
// "superscript"."
if (command == "subscript") {
unsetStateOverride("superscript", range);
}
// "If command is "superscript", unset the state override for
// "subscript"."
if (command == "superscript") {
unsetStateOverride("subscript", range);
}
// "If new value is null, unset the value override (if any)."
if (newValue === null) {
unsetValueOverride(command, range);
// "Otherwise, if command has a value specified, set the value override
// to new value."
} else if ("value" in commands[command]) {
setValueOverride(command, newValue, range);
}
// "Abort these steps."
return;
}
// "If the active range's start node is an editable Text node, and its
// start offset is neither zero nor its start node's length, call
// splitText() on the active range's start node, with argument equal to the
// active range's start offset. Then set the active range's start node to
// the result, and its start offset to zero."
if (isEditable(range.startContainer)
&& range.startContainer.nodeType == $_.Node.TEXT_NODE
&& range.startOffset != 0
&& range.startOffset != getNodeLength(range.startContainer)) {
// Account for browsers not following range mutation rules
var newNode = range.startContainer.splitText(range.startOffset);
var newActiveRange = Aloha.createRange();
if (range.startContainer == range.endContainer) {
var newEndOffset = range.endOffset - range.startOffset;
newActiveRange.setEnd(newNode, newEndOffset);
range.setEnd(newNode, newEndOffset);
}
newActiveRange.setStart(newNode, 0);
Aloha.getSelection().removeAllRanges();
Aloha.getSelection().addRange(newActiveRange);
range.setStart(newNode, 0);
}
// "If the active range's end node is an editable Text node, and its end
// offset is neither zero nor its end node's length, call splitText() on
// the active range's end node, with argument equal to the active range's
// end offset."
if (isEditable(range.endContainer)
&& range.endContainer.nodeType == $_.Node.TEXT_NODE
&& range.endOffset != 0
&& range.endOffset != getNodeLength(range.endContainer)) {
// IE seems to mutate the range incorrectly here, so we need correction
// here as well. The active range will be temporarily in orphaned
// nodes, so calling getActiveRange() after splitText() but before
// fixing the range will throw an exception.
// TODO: check if this is still neccessary
var activeRange = range;
var newStart = [activeRange.startContainer, activeRange.startOffset];
var newEnd = [activeRange.endContainer, activeRange.endOffset];
activeRange.endContainer.splitText(activeRange.endOffset);
activeRange.setStart(newStart[0], newStart[1]);
activeRange.setEnd(newEnd[0], newEnd[1]);
Aloha.getSelection().removeAllRanges();
Aloha.getSelection().addRange(activeRange);
}
// "Let element list be all editable Elements effectively contained in the
// active range.
//
// "For each element in element list, clear the value of element."
$_( getAllEffectivelyContainedNodes(getActiveRange(), function(node) {
return isEditable(node) && node.nodeType == $_.Node.ELEMENT_NODE;
}) ).forEach(function(element) {
clearValue(element, command, range);
});
// "Let node list be all editable nodes effectively contained in the active
// range.
//
// "For each node in node list:"
$_( getAllEffectivelyContainedNodes(range, isEditable) ).forEach(function(node) {
// "Push down values on node."
pushDownValues(node, command, newValue, range);
// "Force the value of node."
forceValue(node, command, newValue, range);
});
}
//@}
///// The backColor command /////
//@{
commands.backcolor = {
// Copy-pasted, same as hiliteColor
action: function(value) {
// Action is further copy-pasted, same as foreColor
// "If value is not a valid CSS color, prepend "#" to it."
//
// "If value is still not a valid CSS color, or if it is currentColor,
// abort these steps and do nothing."
//
// Cheap hack for testing, no attempt to be comprehensive.
if (/^([0-9a-fA-F]{3}){1,2}$/.test(value)) {
value = "#" + value;
}
if (!/^(rgba?|hsla?)\(.*\)$/.test(value)
&& !parseSimpleColor(value)
&& value.toLowerCase() != "transparent") {
return;
}
// "Set the selection's value to value."
setSelectionValue("backcolor", value);
}, standardInlineValueCommand: true, relevantCssProperty: "backgroundColor",
equivalentValues: function(val1, val2) {
// "Either both strings are valid CSS colors and have the same red,
// green, blue, and alpha components, or neither string is a valid CSS
// color."
return normalizeColor(val1) === normalizeColor(val2);
}
};
//@}
///// The bold command /////
//@{
commands.bold = {
action: function(value, range) {
// "If queryCommandState("bold") returns true, set the selection's
// value to "normal". Otherwise set the selection's value to "bold"."
if (myQueryCommandState("bold", range)) {
setSelectionValue("bold", "normal", range);
} else {
setSelectionValue("bold", "bold", range);
}
},
inlineCommandActivatedValues: ["bold", "600", "700", "800", "900"],
relevantCssProperty: "fontWeight",
equivalentValues: function(val1, val2) {
// "Either the two strings are equal, or one is "bold" and the other is
// "700", or one is "normal" and the other is "400"."
return val1 == val2
|| (val1 == "bold" && val2 == "700")
|| (val1 == "700" && val2 == "bold")
|| (val1 == "normal" && val2 == "400")
|| (val1 == "400" && val2 == "normal");
}
};
//@}
///// The createLink command /////
//@{
commands.createlink = {
action: function(value) {
// "If value is the empty string, abort these steps and do nothing."
if (value === "") {
return;
}
// "For each editable a element that has an href attribute and is an
// ancestor of some node effectively contained in the active range, set
// that a element's href attribute to value."
//
// TODO: We don't actually do this in tree order, not that it matters
// unless you're spying with mutation events.
$_( getAllEffectivelyContainedNodes(getActiveRange()) ).forEach(function(node) {
$_( getAncestors(node) ).forEach(function(ancestor) {
if (isEditable(ancestor)
&& isHtmlElement(ancestor, "a")
&& $_( ancestor ).hasAttribute("href")) {
ancestor.setAttribute("href", value);
}
});
});
// "Set the selection's value to value."
setSelectionValue("createlink", value);
}, standardInlineValueCommand: true
};
//@}
///// The fontName command /////
//@{
commands.fontname = {
action: function(value) {
// "Set the selection's value to value."
setSelectionValue("fontname", value);
}, standardInlineValueCommand: true, relevantCssProperty: "fontFamily"
};
//@}
///// The fontSize command /////
//@{
// Helper function for fontSize's action plus queryOutputHelper. It's just the
// middle of fontSize's action, ripped out into its own function.
function normalizeFontSize(value) {
// "Strip leading and trailing whitespace from value."
//
// Cheap hack, not following the actual algorithm.
value = $_(value).trim();
// "If value is a valid floating point number, or would be a valid
// floating point number if a single leading "+" character were
// stripped:"
if (/^[-+]?[0-9]+(\.[0-9]+)?([eE][-+]?[0-9]+)?$/.test(value)) {
var mode;
// "If the first character of value is "+", delete the character
// and let mode be "relative-plus"."
if (value[0] == "+") {
value = value.slice(1);
mode = "relative-plus";
// "Otherwise, if the first character of value is "-", delete the
// character and let mode be "relative-minus"."
} else if (value[0] == "-") {
value = value.slice(1);
mode = "relative-minus";
// "Otherwise, let mode be "absolute"."
} else {
mode = "absolute";
}
// "Apply the rules for parsing non-negative integers to value, and
// let number be the result."
//
// Another cheap hack.
var num = parseInt(value);
// "If mode is "relative-plus", add three to number."
if (mode == "relative-plus") {
num += 3;
}
// "If mode is "relative-minus", negate number, then add three to
// it."
if (mode == "relative-minus") {
num = 3 - num;
}
// "If number is less than one, let number equal 1."
if (num < 1) {
num = 1;
}
// "If number is greater than seven, let number equal 7."
if (num > 7) {
num = 7;
}
// "Set value to the string here corresponding to number:" [table
// omitted]
value = {
1: "xx-small",
2: "small",
3: "medium",
4: "large",
5: "x-large",
6: "xx-large",
7: "xxx-large"
}[num];
}
return value;
}
commands.fontsize = {
action: function(value) {
// "If value is the empty string, abort these steps and do nothing."
if (value === "") {
return;
}
value = normalizeFontSize(value);
// "If value is not one of the strings "xx-small", "x-small", "small",
// "medium", "large", "x-large", "xx-large", "xxx-large", and is not a
// valid CSS absolute length, then abort these steps and do nothing."
//
// More cheap hacks to skip valid CSS absolute length checks.
if ($_(["xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large"]).indexOf(value) == -1
&& !/^[0-9]+(\.[0-9]+)?(cm|mm|in|pt|pc)$/.test(value)) {
return;
}
// "Set the selection's value to value."
setSelectionValue("fontsize", value);
},
indeterm: function() {
// "True if among editable Text nodes that are effectively contained in
// the active range, there are two that have distinct effective command
// values. Otherwise false."
return $_( getAllEffectivelyContainedNodes(getActiveRange(), function(node) {
return isEditable(node) && node.nodeType == $_.Node.TEXT_NODE;
}) ).map(function(node) {
return getEffectiveCommandValue(node, "fontsize");
}, true).filter(function(value, i, arr) {
return $_(arr.slice(0, i)).indexOf(value) == -1;
}).length >= 2;
},
value: function(range) {
// "Let pixel size be the effective command value of the first editable
// Text node that is effectively contained in the active range, or if
// there is no such node, the effective command value of the active
// range's start node, in either case interpreted as a number of
// pixels."
var node = getAllEffectivelyContainedNodes(range, function(node) {
return isEditable(node) && node.nodeType == $_.Node.TEXT_NODE;
})[0];
if (node === undefined) {
node = range.startContainer;
}
var pixelSize = getEffectiveCommandValue(node, "fontsize");
// "Return the legacy font size for pixel size."
return getLegacyFontSize(pixelSize);
}, relevantCssProperty: "fontSize"
};
function getLegacyFontSize(size) {
// For convenience in other places in my code, I handle all sizes, not just
// pixel sizes as the spec says. This means pixel sizes have to be passed
// in suffixed with "px", not as plain numbers.
size = normalizeFontSize(size);
if ($_(["xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large"]).indexOf(size) == -1
&& !/^[0-9]+(\.[0-9]+)?(cm|mm|in|pt|pc|px)$/.test(size)) {
// There is no sensible legacy size for things like "2em".
return null;
}
var font = document.createElement("font");
document.body.appendChild(font);
if (size == "xxx-large") {
font.size = 7;
} else {
font.style.fontSize = size;
}
var pixelSize = parseInt($_.getComputedStyle(font).fontSize);
document.body.removeChild(font);
// "Let returned size be 1."
var returnedSize = 1;
// "While returned size is less than 7:"
while (returnedSize < 7) {
// "Let lower bound be the resolved value of "font-size" in pixels
// of a font element whose size attribute is set to returned size."
var font = document.createElement("font");
font.size = returnedSize;
document.body.appendChild(font);
var lowerBound = parseInt($_.getComputedStyle(font).fontSize);
// "Let upper bound be the resolved value of "font-size" in pixels
// of a font element whose size attribute is set to one plus
// returned size."
font.size = 1 + returnedSize;
var upperBound = parseInt($_.getComputedStyle(font).fontSize);
document.body.removeChild(font);
// "Let average be the average of upper bound and lower bound."
var average = (upperBound + lowerBound)/2;
// "If pixel size is less than average, return the one-element
// string consisting of the digit returned size."
if (pixelSize < average) {
return String(returnedSize);
}
// "Add one to returned size."
returnedSize++;
}
// "Return "7"."
return "7";
}
//@}
///// The foreColor command /////
//@{
commands.forecolor = {
action: function(value) {
// Copy-pasted, same as backColor and hiliteColor
// "If value is not a valid CSS color, prepend "#" to it."
//
// "If value is still not a valid CSS color, or if it is currentColor,
// abort these steps and do nothing."
//
// Cheap hack for testing, no attempt to be comprehensive.
if (/^([0-9a-fA-F]{3}){1,2}$/.test(value)) {
value = "#" + value;
}
if (!/^(rgba?|hsla?)\(.*\)$/.test(value)
&& !parseSimpleColor(value)
&& value.toLowerCase() != "transparent") {
return;
}
// "Set the selection's value to value."
setSelectionValue("forecolor", value);
}, standardInlineValueCommand: true, relevantCssProperty: "color",
equivalentValues: function(val1, val2) {
// "Either both strings are valid CSS colors and have the same red,
// green, blue, and alpha components, or neither string is a valid CSS
// color."
return normalizeColor(val1) === normalizeColor(val2);
}
};
//@}
///// The hiliteColor command /////
//@{
commands.hilitecolor = {
// Copy-pasted, same as backColor
action: function(value) {
// Action is further copy-pasted, same as foreColor
// "If value is not a valid CSS color, prepend "#" to it."
//
// "If value is still not a valid CSS color, or if it is currentColor,
// abort these steps and do nothing."
//
// Cheap hack for testing, no attempt to be comprehensive.
if (/^([0-9a-fA-F]{3}){1,2}$/.test(value)) {
value = "#" + value;
}
if (!/^(rgba?|hsla?)\(.*\)$/.test(value)
&& !parseSimpleColor(value)
&& value.toLowerCase() != "transparent") {
return;
}
// "Set the selection's value to value."
setSelectionValue("hilitecolor", value);
}, indeterm: function() {
// "True if among editable Text nodes that are effectively contained in
// the active range, there are two that have distinct effective command
// values. Otherwise false."
return $_( getAllEffectivelyContainedNodes(getActiveRange(), function(node) {
return isEditable(node) && node.nodeType == $_.Node.TEXT_NODE;
}) ).map(function(node) {
return getEffectiveCommandValue(node, "hilitecolor");
}, true).filter(function(value, i, arr) {
return $_(arr.slice(0, i)).indexOf(value) == -1;
}).length >= 2;
}, standardInlineValueCommand: true, relevantCssProperty: "backgroundColor",
equivalentValues: function(val1, val2) {
// "Either both strings are valid CSS colors and have the same red,
// green, blue, and alpha components, or neither string is a valid CSS
// color."
return normalizeColor(val1) === normalizeColor(val2);
}
};
//@}
///// The italic command /////
//@{
commands.italic = {
action: function( value, range ) {
// "If queryCommandState("italic") returns true, set the selection's
// value to "normal". Otherwise set the selection's value to "italic"."
if (myQueryCommandState("italic", range)) {
setSelectionValue("italic", "normal", range);
} else {
setSelectionValue("italic", "italic", range);
}
}, inlineCommandActivatedValues: ["italic", "oblique"],
relevantCssProperty: "fontStyle"
};
//@}
///// The removeFormat command /////
//@{
commands.removeformat = {
action: function() {
// "A removeFormat candidate is an editable HTML element with local
// name "abbr", "acronym", "b", "bdi", "bdo", "big", "blink", "cite",
// "code", "dfn", "em", "font", "i", "ins", "kbd", "mark", "nobr", "q",
// "s", "samp", "small", "span", "strike", "strong", "sub", "sup",
// "tt", "u", or "var"."
function isRemoveFormatCandidate(node) {
return isEditable(node)
&& isHtmlElement(node, ["abbr", "acronym", "b", "bdi", "bdo",
"big", "blink", "cite", "code", "dfn", "em", "font", "i",
"ins", "kbd", "mark", "nobr", "q", "s", "samp", "small",
"span", "strike", "strong", "sub", "sup", "tt", "u", "var"]);
}
// "Let elements to remove be a list of every removeFormat candidate
// effectively contained in the active range."
var elementsToRemove = getAllEffectivelyContainedNodes(getActiveRange(), isRemoveFormatCandidate);
// "For each element in elements to remove:"
$_( elementsToRemove ).forEach(function(element) {
// "While element has children, insert the first child of element
// into the parent of element immediately before element,
// preserving ranges."
while (element.hasChildNodes()) {
movePreservingRanges(element.firstChild, element.parentNode, getNodeIndex(element), range);
}
// "Remove element from its parent."
element.parentNode.removeChild(element);
});
// "If the active range's start node is an editable Text node, and its
// start offset is neither zero nor its start node's length, call
// splitText() on the active range's start node, with argument equal to
// the active range's start offset. Then set the active range's start
// node to the result, and its start offset to zero."
if (isEditable(getActiveRange().startContainer)
&& getActiveRange().startContainer.nodeType == $_.Node.TEXT_NODE
&& getActiveRange().startOffset != 0
&& getActiveRange().startOffset != getNodeLength(getActiveRange().startContainer)) {
// Account for browsers not following range mutation rules
if (getActiveRange().startContainer == getActiveRange().endContainer) {
var newEnd = getActiveRange().endOffset - getActiveRange().startOffset;
var newNode = getActiveRange().startContainer.splitText(getActiveRange().startOffset);
getActiveRange().setStart(newNode, 0);
getActiveRange().setEnd(newNode, newEnd);
} else {
getActiveRange().setStart(getActiveRange().startContainer.splitText(getActiveRange().startOffset), 0);
}
}
// "If the active range's end node is an editable Text node, and its
// end offset is neither zero nor its end node's length, call
// splitText() on the active range's end node, with argument equal to
// the active range's end offset."
if (isEditable(getActiveRange().endContainer)
&& getActiveRange().endContainer.nodeType == $_.Node.TEXT_NODE
&& getActiveRange().endOffset != 0
&& getActiveRange().endOffset != getNodeLength(getActiveRange().endContainer)) {
// IE seems to mutate the range incorrectly here, so we need
// correction here as well. Have to be careful to set the range to
// something not including the text node so that getActiveRange()
// doesn't throw an exception due to a temporarily detached
// endpoint.
var newStart = [getActiveRange().startContainer, getActiveRange().startOffset];
var newEnd = [getActiveRange().endContainer, getActiveRange().endOffset];
getActiveRange().setEnd(document.documentElement, 0);
newEnd[0].splitText(newEnd[1]);
getActiveRange().setStart(newStart[0], newStart[1]);
getActiveRange().setEnd(newEnd[0], newEnd[1]);
}
// "Let node list consist of all editable nodes effectively contained
// in the active range."
//
// "For each node in node list, while node's parent is a removeFormat
// candidate in the same editing host as node, split the parent of the
// one-node list consisting of node."
$_( getAllEffectivelyContainedNodes(getActiveRange(), isEditable) ).forEach(function(node) {
while (isRemoveFormatCandidate(node.parentNode)
&& inSameEditingHost(node.parentNode, node)) {
splitParent([node], range);
}
});
// "For each of the entries in the following list, in the given order,
// set the selection's value to null, with command as given."
$_( [
"subscript",
"bold",
"fontname",
"fontsize",
"forecolor",
"hilitecolor",
"italic",
"strikethrough",
"underline",
] ).forEach(function(command) {
setSelectionValue(command, null);
});
}
};
//@}
///// The strikethrough command /////
//@{
commands.strikethrough = {
action: function() {
// "If queryCommandState("strikethrough") returns true, set the
// selection's value to null. Otherwise set the selection's value to
// "line-through"."
if (myQueryCommandState("strikethrough")) {
setSelectionValue("strikethrough", null);
} else {
setSelectionValue("strikethrough", "line-through");
}
}, inlineCommandActivatedValues: ["line-through"]
};
//@}
///// The subscript command /////
//@{
commands.subscript = {
action: function() {
// "Call queryCommandState("subscript"), and let state be the result."
var state = myQueryCommandState("subscript");
// "Set the selection's value to null."
setSelectionValue("subscript", null);
// "If state is false, set the selection's value to "subscript"."
if (!state) {
setSelectionValue("subscript", "subscript");
}
}, indeterm: function() {
// "True if either among editable Text nodes that are effectively
// contained in the active range, there is at least one with effective
// command value "subscript" and at least one with some other effective
// command value; or if there is some editable Text node effectively
// contained in the active range with effective command value "mixed".
// Otherwise false."
var nodes = getAllEffectivelyContainedNodes(getActiveRange(), function(node) {
return isEditable(node) && node.nodeType == $_.Node.TEXT_NODE;
});
return ($_( nodes ).some(function(node) { return getEffectiveCommandValue(node, "subscript") == "subscript" })
&& $_( nodes ).some(function(node) { return getEffectiveCommandValue(node, "subscript") != "subscript" }))
|| $_( nodes ).some(function(node) { return getEffectiveCommandValue(node, "subscript") == "mixed" });
}, inlineCommandActivatedValues: ["subscript"]
};
//@}
///// The superscript command /////
//@{
commands.superscript = {
action: function() {
// "Call queryCommandState("superscript"), and let state be the
// result."
var state = myQueryCommandState("superscript");
// "Set the selection's value to null."
setSelectionValue("superscript", null);
// "If state is false, set the selection's value to "superscript"."
if (!state) {
setSelectionValue("superscript", "superscript");
}
}, indeterm: function() {
// "True if either among editable Text nodes that are effectively
// contained in the active range, there is at least one with effective
// command value "superscript" and at least one with some other
// effective command value; or if there is some editable Text node
// effectively contained in the active range with effective command
// value "mixed". Otherwise false."
var nodes = getAllEffectivelyContainedNodes(getActiveRange(),
function(node) {
return isEditable(node) && node.nodeType == $_.Node.TEXT_NODE;
});
return ($_( nodes ).some(function(node) { return getEffectiveCommandValue(node, "superscript") == "superscript" })
&& $_( nodes ).some(function(node) { return getEffectiveCommandValue(node, "superscript") != "superscript" }))
|| $_( nodes ).some(function(node) { return getEffectiveCommandValue(node, "superscript") == "mixed" });
}, inlineCommandActivatedValues: ["superscript"]
};
//@}
///// The underline command /////
//@{
commands.underline = {
action: function() {
// "If queryCommandState("underline") returns true, set the selection's
// value to null. Otherwise set the selection's value to "underline"."
if (myQueryCommandState("underline")) {
setSelectionValue("underline", null);
} else {
setSelectionValue("underline", "underline");
}
}, inlineCommandActivatedValues: ["underline"]
};
//@}
///// The unlink command /////
//@{
commands.unlink = {
action: function() {
// "Let hyperlinks be a list of every a element that has an href
// attribute and is contained in the active range or is an ancestor of
// one of its boundary points."
//
// As usual, take care to ensure it's tree order. The correctness of
// the following is left as an exercise for the reader.
var range = getActiveRange();
var hyperlinks = [];
for (
var node = range.startContainer;
node;
node = node.parentNode
) {
if (isHtmlElement(node, "A")
&& $_( node ).hasAttribute("href")) {
hyperlinks.unshift(node);
}
}
for (
var node = range.startContainer;
node != nextNodeDescendants(range.endContainer);
node = nextNode(node)
) {
if (isHtmlElement(node, "A")
&& $_( node ).hasAttribute("href")
&& (isContained(node, range)
|| isAncestor(node, range.endContainer)
|| node == range.endContainer)) {
hyperlinks.push(node);
}
}
// "Clear the value of each member of hyperlinks."
for (var i = 0; i < hyperlinks.length; i++) {
clearValue(hyperlinks[i], "unlink", range);
}
}, standardInlineValueCommand: true
};
//@}
/////////////////////////////////////
///// Block formatting commands /////
/////////////////////////////////////
///// Block formatting command definitions /////
//@{
// "An indentation element is either a blockquote, or a div that has a style
// attribute that sets "margin" or some subproperty of it."
function isIndentationElement(node) {
if (!isHtmlElement(node)) {
return false;
}
if (node.tagName == "BLOCKQUOTE") {
return true;
}
if (node.tagName != "DIV") {
return false;
}
if (typeof node.style.length !== 'undefined') {
for (var i = 0; i < node.style.length; i++) {
// Approximate check
if (/^(-[a-z]+-)?margin/.test(node.style[i])) {
return true;
}
}
} else {
for (var s in node.style) {
if (/^(-[a-z]+-)?margin/.test(s) && node.style[s] && node.style[s] !== 0) {
return true;
}
}
}
return false;
}
// "A simple indentation element is an indentation element that has no
// attributes other than one or more of
//
// * "a style attribute that sets no properties other than "margin", "border",
// "padding", or subproperties of those;
// * "a class attribute;
// * "a dir attribute."
function isSimpleIndentationElement(node) {
if (!isIndentationElement(node)) {
return false;
}
if (node.tagName != "BLOCKQUOTE" && node.tagName != "DIV") {
return false;
}
for (var i = 0; i < node.attributes.length; i++) {
if (!isHtmlNamespace(node.attributes[i].namespaceURI)
|| $_(["style", "class", "dir"]).indexOf(node.attributes[i].name) == -1) {
return false;
}
}
if (typeof node.style.length !== 'undefined') {
for (var i = 0; i < node.style.length; i++) {
// This is approximate, but it works well enough for my purposes.
if (!/^(-[a-z]+-)?(margin|border|padding)/.test(node.style[i])) {
return false;
}
}
} else {
for (var s in node.style) {
// This is approximate, but it works well enough for my purposes.
if (!/^(-[a-z]+-)?(margin|border|padding)/.test(s) && node.style[s] && node.style[s] !== 0 && node.style[s] !== 'false') {
return false;
}
}
}
return true;
}
// "A non-list single-line container is an HTML element with local name
// "address", "div", "h1", "h2", "h3", "h4", "h5", "h6", "listing", "p", "pre",
// or "xmp"."
function isNonListSingleLineContainer(node) {
return isHtmlElement(node, ["address", "div", "h1", "h2", "h3", "h4", "h5",
"h6", "listing", "p", "pre", "xmp"]);
}
// "A single-line container is either a non-list single-line container, or an
// HTML element with local name "li", "dt", or "dd"."
function isSingleLineContainer(node) {
return isNonListSingleLineContainer(node)
|| isHtmlElement(node, ["li", "dt", "dd"]);
}
// "The default single-line container name is "p"."
var defaultSingleLineContainerName = "p";
//@}
///// Assorted block formatting command algorithms /////
//@{
function fixDisallowedAncestors(node, range) {
// "If node is not editable, abort these steps."
if (!isEditable(node)) {
return;
}
// "If node is not an allowed child of any of its ancestors in the same
// editing host, and is not an HTML element with local name equal to the
// default single-line container name:"
if ($_(getAncestors(node)).every(function(ancestor) {
return !inSameEditingHost(node, ancestor)
|| !isAllowedChild(node, ancestor)
})
&& !isHtmlElement(node, defaultSingleLineContainerName)) {
// "If node is a dd or dt, wrap the one-node list consisting of node,
// with sibling criteria returning true for any dl with no attributes
// and false otherwise, and new parent instructions returning the
// result of calling createElement("dl") on the context object. Then
// abort these steps."
if (isHtmlElement(node, ["dd", "dt"])) {
wrap([node],
function(sibling) { return isHtmlElement(sibling, "dl") && !sibling.attributes.length },
function() { return document.createElement("dl") },
range
);
return;
}
// "If node is not a prohibited paragraph child, abort these steps."
if (!isProhibitedParagraphChild(node)) {
return;
}
// "Set the tag name of node to the default single-line container name,
// and let node be the result."
node = setTagName(node, defaultSingleLineContainerName, range);
// "Fix disallowed ancestors of node."
fixDisallowedAncestors(node, range);
// "Let descendants be all descendants of node."
var descendants = getDescendants(node);
// "Fix disallowed ancestors of each member of descendants."
for (var i = 0; i < descendants.length; i++) {
fixDisallowedAncestors(descendants[i], range);
}
// "Abort these steps."
return;
}
// "Record the values of the one-node list consisting of node, and let
// values be the result."
var values = recordValues([node]);
// "While node is not an allowed child of its parent, split the parent of
// the one-node list consisting of node."
while (!isAllowedChild(node, node.parentNode)) {
// If the parent contains only this node and possibly empty text nodes, we rather want to unwrap the node, instead of splitting.
// With splitting, we would get empty nodes, like:
// split: foo
foo
(bad) // unwrap:foo
->foo
(good) // First remove empty text nodes that are children of the parent and correct the range if necessary // we do this to have the node being the only child of its parent, so that we can replace the parent with the node for (var i = node.parentNode.childNodes.length - 1; i >= 0; --i) { if (node.parentNode.childNodes[i].nodeType == 3 && node.parentNode.childNodes[i].data.length == 0) { // we remove the empty text node node.parentNode.removeChild(node.parentNode.childNodes[i]); // if the range points to somewhere behind the removed text node, we reduce the offset if (range.startContainer == node.parentNode && range.startOffset > i) { range.startOffset--; } if (range.endContainer == node.parentNode && range.endOffset > i) { range.endOffset--; } } } // now that the parent has only the node as child (because we // removed any existing empty text nodes), we can safely unwrap the // node, and correct the range if necessary if (node.parentNode.childNodes.length == 1) { var correctStart = false; var correctEnd = false; if (range.startContainer === node.parentNode) { correctStart = true; } if (range.endContainer === node.parentNode) { correctEnd = true; } jQuery(node).unwrap(); if (correctStart) { range.startContainer = node.parentNode; range.startOffset = range.startOffset + getNodeIndex(node); } if (correctEnd) { range.endContainer = node.parentNode; range.endOffset = range.endOffset + getNodeIndex(node); } } else { splitParent([node], range); } } // "Restore the values from values." restoreValues(values, range); } /** * This method "normalizes" sublists of the given item (which is supposed to be a LI): * If sublists are found in the LI element, they are moved directly into the outer list. * @param item item * @param range range, which will be modified if necessary */ function normalizeSublists(item, range) { // "If item is not an li or it is not editable or its parent is not // editable, abort these steps." if (!isHtmlElement(item, "LI") || !isEditable(item) || !isEditable(item.parentNode)) { return; } // "Let new item be null." var newItem = null; // "While item has an ol or ul child:" while ($_(item.childNodes).some( function (node) { return isHtmlElement(node, ["OL", "UL"]) })) { // "Let child be the last child of item." var child = item.lastChild; // "If child is an ol or ul, or new item is null and child is a Text // node whose data consists of zero of more space characters:" if (isHtmlElement(child, ["OL", "UL"]) || (!newItem && child.nodeType == $_.Node.TEXT_NODE && /^[ \t\n\f\r]*$/.test(child.data))) { // "Set new item to null." newItem = null; // "Insert child into the parent of item immediately following // item, preserving ranges." movePreservingRanges(child, item.parentNode, 1 + getNodeIndex(item), range); // "Otherwise:" } else { // "If new item is null, let new item be the result of calling // createElement("li") on the ownerDocument of item, then insert // new item into the parent of item immediately after item." if (!newItem) { newItem = item.ownerDocument.createElement("li"); item.parentNode.insertBefore(newItem, item.nextSibling); } // "Insert child into new item as its first child, preserving // ranges." movePreservingRanges(child, newItem, 0, range); } } } /** * This method is the exact opposite of normalizeSublists. * List nodes directly nested into each other are corrected to be nested in li elements (so that the resulting lists conform the html5 specification) * @param item list node * @param range range, which is preserved when modifying the list */ function unNormalizeSublists(item, range) { // "If item is not an ol or ol or it is not editable or its parent is not // editable, abort these steps." if (!isHtmlElement(item, ["OL", "UL"]) || !isEditable(item)) { return; } var $list = jQuery(item); $list.children("ol,ul").each(function(index, sublist) { if (isHtmlElement(sublist.previousSibling, "LI")) { // move the sublist into the LI movePreservingRanges(sublist, sublist.previousSibling, sublist.previousSibling.childNodes.length, range); } }); } function getSelectionListState() { // "Block-extend the active range, and let new range be the result." var newRange = blockExtend(getActiveRange()); // "Let node list be a list of nodes, initially empty." // // "For each node contained in new range, append node to node list if the // last member of node list (if any) is not an ancestor of node; node is // editable; node is not an indentation element; and node is either an ol // or ul, or the child of an ol or ul, or an allowed child of "li"." var nodeList = getContainedNodes(newRange, function(node) { return isEditable(node) && !isIndentationElement(node) && (isHtmlElement(node, ["ol", "ul"]) || isHtmlElement(node.parentNode, ["ol", "ul"]) || isAllowedChild(node, "li")); }); // "If node list is empty, return "none"." if (!nodeList.length) { return "none"; } // "If every member of node list is either an ol or the child of an ol or // the child of an li child of an ol, and none is a ul or an ancestor of a // ul, return "ol"." if ($_(nodeList).every(function(node) { return isHtmlElement(node, "ol") || isHtmlElement(node.parentNode, "ol") || (isHtmlElement(node.parentNode, "li") && isHtmlElement(node.parentNode.parentNode, "ol")); }) && !$_( nodeList ).some(function(node) { return isHtmlElement(node, "ul") || ("querySelector" in node && node.querySelector("ul")) })) { return "ol"; } // "If every member of node list is either a ul or the child of a ul or the // child of an li child of a ul, and none is an ol or an ancestor of an ol, // return "ul"." if ($_(nodeList).every(function(node) { return isHtmlElement(node, "ul") || isHtmlElement(node.parentNode, "ul") || (isHtmlElement(node.parentNode, "li") && isHtmlElement(node.parentNode.parentNode, "ul")); }) && !$_( nodeList ).some(function(node) { return isHtmlElement(node, "ol") || ("querySelector" in node && node.querySelector("ol")) })) { return "ul"; } var hasOl = $_( nodeList ).some(function(node) { return isHtmlElement(node, "ol") || isHtmlElement(node.parentNode, "ol") || ("querySelector" in node && node.querySelector("ol")) || (isHtmlElement(node.parentNode, "li") && isHtmlElement(node.parentNode.parentNode, "ol")); }); var hasUl = $_( nodeList ).some(function(node) { return isHtmlElement(node, "ul") || isHtmlElement(node.parentNode, "ul") || ("querySelector" in node && node.querySelector("ul")) || (isHtmlElement(node.parentNode, "li") && isHtmlElement(node.parentNode.parentNode, "ul")); }); // "If some member of node list is either an ol or the child or ancestor of // an ol or the child of an li child of an ol, and some member of node list // is either a ul or the child or ancestor of a ul or the child of an li // child of a ul, return "mixed"." if (hasOl && hasUl) { return "mixed"; } // "If some member of node list is either an ol or the child or ancestor of // an ol or the child of an li child of an ol, return "mixed ol"." if (hasOl) { return "mixed ol"; } // "If some member of node list is either a ul or the child or ancestor of // a ul or the child of an li child of a ul, return "mixed ul"." if (hasUl) { return "mixed ul"; } // "Return "none"." return "none"; } function getAlignmentValue(node) { // "While node is neither null nor an Element, or it is an Element but its // "display" property has resolved value "inline" or "none", set node to // its parent." while ((node && node.nodeType != $_.Node.ELEMENT_NODE) || (node.nodeType == $_.Node.ELEMENT_NODE && $_(["inline", "none"]).indexOf($_.getComputedStyle(node).display) != -1)) { node = node.parentNode; } // "If node is not an Element, return "left"." if (!node || node.nodeType != $_.Node.ELEMENT_NODE) { return "left"; } var resolvedValue = $_.getComputedStyle(node).textAlign // Hack around browser non-standardness .replace(/^-(moz|webkit)-/, "") .replace(/^auto$/, "start"); // "If node's "text-align" property has resolved value "start", return // "left" if the directionality of node is "ltr", "right" if it is "rtl"." if (resolvedValue == "start") { return getDirectionality(node) == "ltr" ? "left" : "right"; } // "If node's "text-align" property has resolved value "end", return // "right" if the directionality of node is "ltr", "left" if it is "rtl"." if (resolvedValue == "end") { return getDirectionality(node) == "ltr" ? "right" : "left"; } // "If node's "text-align" property has resolved value "center", "justify", // "left", or "right", return that value." if ($_(["center", "justify", "left", "right"]).indexOf(resolvedValue) != -1) { return resolvedValue; } // "Return "left"." return "left"; } //@} ///// Block-extending a range ///// //@{ // "A boundary point (node, offset) is a block start point if either node's // parent is null and offset is zero; or node has a child with index offset â // 1, and that child is either a visible block node or a visible br." function isBlockStartPoint(node, offset) { return (!node.parentNode && offset == 0) || (0 <= offset - 1 && offset - 1 < node.childNodes.length && isVisible(node.childNodes[offset - 1]) && (isBlockNode(node.childNodes[offset - 1]) || isHtmlElement(node.childNodes[offset - 1], "br"))); } // "A boundary point (node, offset) is a block end point if either node's // parent is null and offset is node's length; or node has a child with index // offset, and that child is a visible block node." function isBlockEndPoint(node, offset) { return (!node.parentNode && offset == getNodeLength(node)) || (offset < node.childNodes.length && isVisible(node.childNodes[offset]) && isBlockNode(node.childNodes[offset])); } // "A boundary point is a block boundary point if it is either a block start // point or a block end point." function isBlockBoundaryPoint(node, offset) { return isBlockStartPoint(node, offset) || isBlockEndPoint(node, offset); } function blockExtend(range) { // "Let start node, start offset, end node, and end offset be the start // and end nodes and offsets of the range." var startNode = range.startContainer; var startOffset = range.startOffset; var endNode = range.endContainer; var endOffset = range.endOffset; // "If some ancestor container of start node is an li, set start offset to // the index of the last such li in tree order, and set start node to that // li's parent." var liAncestors = $_( getAncestors(startNode).concat(startNode) ) .filter(function(ancestor) { return isHtmlElement(ancestor, "li") }) .slice(-1); if (liAncestors.length) { startOffset = getNodeIndex(liAncestors[0]); startNode = liAncestors[0].parentNode; } // "If (start node, start offset) is not a block start point, repeat the // following steps:" if (!isBlockStartPoint(startNode, startOffset)) do { // "If start offset is zero, set it to start node's index, then set // start node to its parent." if (startOffset == 0) { startOffset = getNodeIndex(startNode); startNode = startNode.parentNode; // "Otherwise, subtract one from start offset." } else { startOffset--; } // "If (start node, start offset) is a block boundary point, break from // this loop." } while (!isBlockBoundaryPoint(startNode, startOffset)); // "While start offset is zero and start node's parent is not null, set // start offset to start node's index, then set start node to its parent." while (startOffset == 0 && startNode.parentNode) { startOffset = getNodeIndex(startNode); startNode = startNode.parentNode; } // "If some ancestor container of end node is an li, set end offset to one // plus the index of the last such li in tree order, and set end node to // that li's parent." var liAncestors = $_( getAncestors(endNode).concat(endNode) ) .filter(function(ancestor) { return isHtmlElement(ancestor, "li") }) .slice(-1); if (liAncestors.length) { endOffset = 1 + getNodeIndex(liAncestors[0]); endNode = liAncestors[0].parentNode; } // "If (end node, end offset) is not a block end point, repeat the // following steps:" if (!isBlockEndPoint(endNode, endOffset)) do { // "If end offset is end node's length, set it to one plus end node's // index, then set end node to its parent." if (endOffset == getNodeLength(endNode)) { endOffset = 1 + getNodeIndex(endNode); endNode = endNode.parentNode; // "Otherwise, add one to end offset. } else { endOffset++; } // "If (end node, end offset) is a block boundary point, break from // this loop." } while (!isBlockBoundaryPoint(endNode, endOffset)); // "While end offset is end node's length and end node's parent is not // null, set end offset to one plus end node's index, then set end node to // its parent." while (endOffset == getNodeLength(endNode) && endNode.parentNode) { endOffset = 1 + getNodeIndex(endNode); endNode = endNode.parentNode; } // "Let new range be a new range whose start and end nodes and offsets // are start node, start offset, end node, and end offset." var newRange = Aloha.createRange(); newRange.setStart(startNode, startOffset); newRange.setEnd(endNode, endOffset); // "Return new range." return newRange; } function followsLineBreak(node) { // "Let offset be zero." var offset = 0; // "While (node, offset) is not a block boundary point:" while (!isBlockBoundaryPoint(node, offset)) { // "If node has a visible child with index offset minus one, return // false." if (0 <= offset - 1 && offset - 1 < node.childNodes.length && isVisible(node.childNodes[offset - 1])) { return false; } // "If offset is zero or node has no children, set offset to node's // index, then set node to its parent." if (offset == 0 || !node.hasChildNodes()) { offset = getNodeIndex(node); node = node.parentNode; // "Otherwise, set node to its child with index offset minus one, then // set offset to node's length." } else { node = node.childNodes[offset - 1]; offset = getNodeLength(node); } } // "Return true." return true; } function precedesLineBreak(node) { // "Let offset be node's length." var offset = getNodeLength(node); // "While (node, offset) is not a block boundary point:" while (!isBlockBoundaryPoint(node, offset)) { // "If node has a visible child with index offset, return false." if (offset < node.childNodes.length && isVisible(node.childNodes[offset])) { return false; } // "If offset is node's length or node has no children, set offset to // one plus node's index, then set node to its parent." if (offset == getNodeLength(node) || !node.hasChildNodes()) { offset = 1 + getNodeIndex(node); node = node.parentNode; // "Otherwise, set node to its child with index offset and set offset // to zero." } else { node = node.childNodes[offset]; offset = 0; } } // "Return true." return true; } //@} ///// Recording and restoring overrides ///// //@{ function recordCurrentOverrides( range ) { // "Let overrides be a list of (string, string or boolean) ordered pairs, // initially empty." var overrides = []; // "If there is a value override for "createLink", add ("createLink", value // override for "createLink") to overrides." if (getValueOverride("createlink" ,range) !== undefined) { overrides.push(["createlink", getValueOverride("createlink", range)]); } // "For each command in the list "bold", "italic", "strikethrough", // "subscript", "superscript", "underline", in order: if there is a state // override for command, add (command, command's state override) to // overrides." $_( ["bold", "italic", "strikethrough", "subscript", "superscript", "underline"] ).forEach(function(command) { if (getStateOverride(command, range) !== undefined) { overrides.push([command, getStateOverride(command, range)]); } }); // "For each command in the list "fontName", "fontSize", "foreColor", // "hiliteColor", in order: if there is a value override for command, add // (command, command's value override) to overrides." $_( ["fontname", "fontsize", "forecolor", "hilitecolor"] ).forEach(function(command) { if (getValueOverride(command, range) !== undefined) { overrides.push([command, getValueOverride(command, range)]); } }); // "Return overrides." return overrides; } function recordCurrentStatesAndValues(range) { // "Let overrides be a list of (string, string or boolean) ordered pairs, // initially empty." var overrides = []; // "Let node be the first editable Text node effectively contained in the // active range, or null if there is none." var node = $_( getAllEffectivelyContainedNodes(range) ) .filter(function(node) { return isEditable(node) && node.nodeType == $_.Node.TEXT_NODE })[0]; // "If node is null, return overrides." if (!node) { return overrides; } // "Add ("createLink", value for "createLink") to overrides." overrides.push(["createlink", commands.createlink.value(range)]); // "For each command in the list "bold", "italic", "strikethrough", // "subscript", "superscript", "underline", in order: if node's effective // command value for command is one of its inline command activated values, // add (command, true) to overrides, and otherwise add (command, false) to // overrides." $_( ["bold", "italic", "strikethrough", "subscript", "superscript", "underline"] ).forEach(function(command) { if ($_(commands[command].inlineCommandActivatedValues) .indexOf(getEffectiveCommandValue(node, command)) != -1) { overrides.push([command, true]); } else { overrides.push([command, false]); } }); // "For each command in the list "fontName", "foreColor", "hiliteColor", in // order: add (command, command's value) to overrides." $_( ["fontname", "fontsize", "forecolor", "hilitecolor"] ).forEach(function(command) { overrides.push([command, commands[command].value(range)]); }); // "Add ("fontSize", node's effective command value for "fontSize") to // overrides." overrides.push("fontsize", getEffectiveCommandValue(node, "fontsize")); // "Return overrides." return overrides; } function restoreStatesAndValues(overrides, range) { // "Let node be the first editable Text node effectively contained in the // active range, or null if there is none." var node = $_( getAllEffectivelyContainedNodes(range) ) .filter(function(node) { return isEditable(node) && node.nodeType == $_.Node.TEXT_NODE })[0]; // "If node is not null, then for each (command, override) pair in // overrides, in order:" if (node) { for (var i = 0; i < overrides.length; i++) { var command = overrides[i][0]; var override = overrides[i][1]; // "If override is a boolean, and queryCommandState(command) // returns something different from override, call // execCommand(command)." if (typeof override == "boolean" && myQueryCommandState(command) != override) { myExecCommand(command); // "Otherwise, if override is a string, and command is not // "fontSize", and queryCommandValue(command) returns something not // equivalent to override, call execCommand(command, false, // override)." } else if (typeof override == "string" && command != "fontsize" && !areEquivalentValues(command, myQueryCommandValue(command), override)) { myExecCommand(command, false, override); // "Otherwise, if override is a string; and command is "fontSize"; // and either there is a value override for "fontSize" that is not // equal to override, or there is no value override for "fontSize" // and node's effective command value for "fontSize" is not loosely // equivalent to override: call execCommand("fontSize", false, // override)." } else if (typeof override == "string" && command == "fontsize" && ( ( getValueOverride("fontsize", range) !== undefined && getValueOverride("fontsize", range) !== override ) || ( getValueOverride("fontsize", range) === undefined && !areLooselyEquivalentValues(command, getEffectiveCommandValue(node, "fontsize"), override) ) )) { myExecCommand("fontsize", false, override); // "Otherwise, continue this loop from the beginning." } else { continue; } // "Set node to the first editable Text node effectively contained // in the active range, if there is one." node = $_( getAllEffectivelyContainedNodes(range) ) .filter(function(node) { return isEditable(node) && node.nodeType == $_.Node.TEXT_NODE })[0] || node; } // "Otherwise, for each (command, override) pair in overrides, in order:" } else { for (var i = 0; i < overrides.length; i++) { var command = overrides[i][0]; var override = overrides[i][1]; // "If override is a boolean, set the state override for command to // override." if (typeof override == "boolean") { setStateOverride(command, override, range); } // "If override is a string, set the value override for command to // override." if (typeof override == "string") { setValueOverride(command, override, range); } } } } //@} ///// Deleting the contents of a range ///// //@{ function deleteContents() { // We accept several different calling conventions: // // 1) A single argument, which is a range. // // 2) Two arguments, the first being a range and the second flags. // // 3) Four arguments, the start and end of a range. // // 4) Five arguments, the start and end of a range plus flags. // // The flags argument is a dictionary that can have up to two keys, // blockMerging and stripWrappers, whose corresponding values are // interpreted as boolean. E.g., {stripWrappers: false}. var range; var flags = {}; if (arguments.length < 3) { range = arguments[0]; } else { range = Aloha.createRange(); range.setStart(arguments[0], arguments[1]); range.setEnd(arguments[2], arguments[3]); } if (arguments.length == 2) { flags = arguments[1]; } if (arguments.length == 5) { flags = arguments[4]; } var blockMerging = "blockMerging" in flags ? !!flags.blockMerging : true; var stripWrappers = "stripWrappers" in flags ? !!flags.stripWrappers : true; // "If range is null, abort these steps and do nothing." if (!range) { return; } // "Let start node, start offset, end node, and end offset be range's start // and end nodes and offsets." var startNode = range.startContainer; var startOffset = range.startOffset; var endNode = range.endContainer; var endOffset = range.endOffset; // "While start node has at least one child:" while (startNode.hasChildNodes()) { // "If start offset is start node's length, and start node's parent is // in the same editing host, and start node is an inline node, set // start offset to one plus the index of start node, then set start // node to its parent and continue this loop from the beginning." if (startOffset == getNodeLength(startNode) && inSameEditingHost(startNode, startNode.parentNode) && isInlineNode(startNode)) { startOffset = 1 + getNodeIndex(startNode); startNode = startNode.parentNode; continue; } // "If start offset is start node's length, break from this loop." if (startOffset == getNodeLength(startNode)) { break; } // "Let reference node be the child of start node with index equal to // start offset." var referenceNode = startNode.childNodes[startOffset]; // "If reference node is a block node or an Element with no children, // or is neither an Element nor a Text node, break from this loop." if (isBlockNode(referenceNode) || (referenceNode.nodeType == $_.Node.ELEMENT_NODE && !referenceNode.hasChildNodes()) || (referenceNode.nodeType != $_.Node.ELEMENT_NODE && referenceNode.nodeType != $_.Node.TEXT_NODE)) { break; } // "Set start node to reference node and start offset to 0." startNode = referenceNode; startOffset = 0; } // "While end node has at least one child:" while (endNode.hasChildNodes()) { // "If end offset is 0, and end node's parent is in the same editing // host, and end node is an inline node, set end offset to the index of // end node, then set end node to its parent and continue this loop // from the beginning." if (endOffset == 0 && inSameEditingHost(endNode, endNode.parentNode) && isInlineNode(endNode)) { endOffset = getNodeIndex(endNode); endNode = endNode.parentNode; continue; } // "If end offset is 0, break from this loop." if (endOffset == 0) { break; } // "Let reference node be the child of end node with index equal to end // offset minus one." var referenceNode = endNode.childNodes[endOffset - 1]; // "If reference node is a block node or an Element with no children, // or is neither an Element nor a Text node, break from this loop." if (isBlockNode(referenceNode) || (referenceNode.nodeType == $_.Node.ELEMENT_NODE && !referenceNode.hasChildNodes()) || (referenceNode.nodeType != $_.Node.ELEMENT_NODE && referenceNode.nodeType != $_.Node.TEXT_NODE)) { break; } // "Set end node to reference node and end offset to the length of // reference node." endNode = referenceNode; endOffset = getNodeLength(referenceNode); } // "If (end node, end offset) is not after (start node, start offset), set // range's end to its start and abort these steps." if (getPosition(endNode, endOffset, startNode, startOffset) !== "after") { range.setEnd(range.startContainer, range.startOffset); return; } // "If start node is a Text node and start offset is 0, set start offset to // the index of start node, then set start node to its parent." if (startNode.nodeType == $_.Node.TEXT_NODE && startOffset == 0 && startNode != endNode) { // startOffset = getNodeIndex(startNode); // startNode = startNode.parentNode; } // "If end node is a Text node and end offset is its length, set end offset // to one plus the index of end node, then set end node to its parent." if (endNode.nodeType == $_.Node.TEXT_NODE && endOffset == getNodeLength(endNode) && startNode != endNode) { endOffset = 1 + getNodeIndex(endNode); endNode = endNode.parentNode; } // "Set range's start to (start node, start offset) and its end to (end // node, end offset)." range.setStart(startNode, startOffset); range.setEnd(endNode, endOffset); // "Let start block be the start node of range." var startBlock = range.startContainer; // "While start block's parent is in the same editing host and start block // is an inline node, set start block to its parent." while (inSameEditingHost(startBlock, startBlock.parentNode) && isInlineNode(startBlock)) { startBlock = startBlock.parentNode; } // "If start block is neither a block node nor an editing host, or "span" // is not an allowed child of start block, or start block is a td or th, // set start block to null." if ((!isBlockNode(startBlock) && !isEditingHost(startBlock)) || !isAllowedChild("span", startBlock) || isHtmlElement(startBlock, ["td", "th"])) { startBlock = null; } // "Let end block be the end node of range." var endBlock = range.endContainer; // "While end block's parent is in the same editing host and end block is // an inline node, set end block to its parent." while (inSameEditingHost(endBlock, endBlock.parentNode) && isInlineNode(endBlock)) { endBlock = endBlock.parentNode; } // "If end block is neither a block node nor an editing host, or "span" is // not an allowed child of end block, or end block is a td or th, set end // block to null." if ((!isBlockNode(endBlock) && !isEditingHost(endBlock)) || !isAllowedChild("span", endBlock) || isHtmlElement(endBlock, ["td", "th"])) { endBlock = null; } // "Record current states and values, and let overrides be the result." var overrides = recordCurrentStatesAndValues(range); // "If start node and end node are the same, and start node is an editable // Text node:" if (startNode == endNode && isEditable(startNode) && startNode.nodeType == $_.Node.TEXT_NODE) { // "Let parent be the parent of node." var parent_ = startNode.parentNode; // "Call deleteData(start offset, end offset â start offset) on start // node." startNode.deleteData(startOffset, endOffset - startOffset); // "Canonicalize whitespace at (start node, start offset)." canonicalizeWhitespace(startNode, startOffset); // "Set range's end to its start." range.setEnd(range.startContainer, range.startOffset); // "Restore states and values from overrides." restoreStatesAndValues(overrides, range); // "If parent is editable or an editing host, is not an inline node, // and has no children, call createElement("br") on the context object // and append the result as the last child of parent." // only do this, if the offsetHeight is 0 if ((isEditable(parent_) || isEditingHost(parent_)) && !isInlineNode(parent_) && parent_.offsetHeight === 0) { parent_.appendChild(createEndBreak()); } // "Abort these steps." return; } // "If start node is an editable Text node, call deleteData() on it, with // start offset as the first argument and (length of start node â start // offset) as the second argument." if (isEditable(startNode) && startNode.nodeType == $_.Node.TEXT_NODE) { startNode.deleteData(startOffset, getNodeLength(startNode) - startOffset); } // "Let node list be a list of nodes, initially empty." // // "For each node contained in range, append node to node list if the last // member of node list (if any) is not an ancestor of node; node is // editable; and node is not a thead, tbody, tfoot, tr, th, or td." var nodeList = getContainedNodes(range, function(node) { return isEditable(node) && !isHtmlElement(node, ["thead", "tbody", "tfoot", "tr", "th", "td"]); } ); // "For each node in node list:" for (var i = 0; i < nodeList.length; i++) { var node = nodeList[i]; // "Let parent be the parent of node." var parent_ = node.parentNode; // "Remove node from parent." parent_.removeChild(node); // "If strip wrappers is true or parent is not an ancestor container of // start node, while parent is an editable inline node with length 0, // let grandparent be the parent of parent, then remove parent from // grandparent, then set parent to grandparent." if (stripWrappers || (!isAncestor(parent_, startNode) && parent_ != startNode)) { while (isEditable(parent_) && isInlineNode(parent_) && getNodeLength(parent_) == 0) { var grandparent = parent_.parentNode; grandparent.removeChild(parent_); parent_ = grandparent; } } // "If parent is editable or an editing host, is not an inline node, // and has no children, call createElement("br") on the context object // and append the result as the last child of parent." // only do this, if the offsetHeight is 0 if ((isEditable(parent_) || isEditingHost(parent_)) && !isInlineNode(parent_) && !parent_.hasChildNodes() && parent_.offsetHeight === 0) { parent_.appendChild(createEndBreak()); } } // "If end node is an editable Text node, call deleteData(0, end offset) on // it." if (isEditable(endNode) && endNode.nodeType == $_.Node.TEXT_NODE) { endNode.deleteData(0, endOffset); } // "Canonicalize whitespace at range's start." canonicalizeWhitespace(range.startContainer, range.startOffset); // "Canonicalize whitespace at range's end." canonicalizeWhitespace(range.endContainer, range.endOffset); // "If block merging is false, or start block or end block is null, or // start block is not in the same editing host as end block, or start block // and end block are the same:" if (!blockMerging || !startBlock || !endBlock || !inSameEditingHost(startBlock, endBlock) || startBlock == endBlock) { // "Set range's end to its start." range.setEnd(range.startContainer, range.startOffset); // "Restore states and values from overrides." restoreStatesAndValues(overrides, range); // "Abort these steps." return; } // "If start block has one child, which is a collapsed block prop, remove // its child from it." if (startBlock.children.length == 1 && isCollapsedBlockProp(startBlock.firstChild)) { startBlock.removeChild(startBlock.firstChild); } // "If end block has one child, which is a collapsed block prop, remove its // child from it." if (endBlock.children.length == 1 && isCollapsedBlockProp(endBlock.firstChild)) { endBlock.removeChild(endBlock.firstChild); } // "If start block is an ancestor of end block:" if (isAncestor(startBlock, endBlock)) { // "Let reference node be end block." var referenceNode = endBlock; // "While reference node is not a child of start block, set reference // node to its parent." while (referenceNode.parentNode != startBlock) { referenceNode = referenceNode.parentNode; } // "Set the start and end of range to (start block, index of reference // node)." range.setStart(startBlock, getNodeIndex(referenceNode)); range.setEnd(startBlock, getNodeIndex(referenceNode)); // "If end block has no children:" if (!endBlock.hasChildNodes()) { // "While end block is editable and is the only child of its parent // and is not a child of start block, let parent equal end block, // then remove end block from parent, then set end block to // parent." while (isEditable(endBlock) && endBlock.parentNode.childNodes.length == 1 && endBlock.parentNode != startBlock) { var parent_ = endBlock; parent_.removeChild(endBlock); endBlock = parent_; } // "If end block is editable and is not an inline node, and its // previousSibling and nextSibling are both inline nodes, call // createElement("br") on the context object and insert it into end // block's parent immediately after end block." if (isEditable(endBlock) && !isInlineNode(endBlock) && isInlineNode(endBlock.previousSibling) && isInlineNode(endBlock.nextSibling)) { endBlock.parentNode.insertBefore(document.createElement("br"), endBlock.nextSibling); } // "If end block is editable, remove it from its parent." if (isEditable(endBlock)) { endBlock.parentNode.removeChild(endBlock); } // "Restore states and values from overrides." restoreStatesAndValues(overrides, range); // "Abort these steps." return; } // "If end block's firstChild is not an inline node, restore states and // values from overrides, then abort these steps." if (!isInlineNode(endBlock.firstChild)) { restoreStatesAndValues(overrides, range); return; } // "Let children be a list of nodes, initially empty." var children = []; // "Append the first child of end block to children." children.push(endBlock.firstChild); // "While children's last member is not a br, and children's last // member's nextSibling is an inline node, append children's last // member's nextSibling to children." while (!isHtmlElement(children[children.length - 1], "br") && isInlineNode(children[children.length - 1].nextSibling)) { children.push(children[children.length - 1].nextSibling); } // "Record the values of children, and let values be the result." var values = recordValues(children); // "While children's first member's parent is not start block, split // the parent of children." while (children[0].parentNode != startBlock) { splitParent(children, range); } // "If children's first member's previousSibling is an editable br, // remove that br from its parent." if (isEditable(children[0].previousSibling) && isHtmlElement(children[0].previousSibling, "br")) { children[0].parentNode.removeChild(children[0].previousSibling); } // "Otherwise, if start block is a descendant of end block:" } else if (isDescendant(startBlock, endBlock)) { // "Set the start and end of range to (start block, length of start // block)." range.setStart(startBlock, getNodeLength(startBlock)); range.setEnd(startBlock, getNodeLength(startBlock)); // "Let reference node be start block." var referenceNode = startBlock; // "While reference node is not a child of end block, set reference // node to its parent." while (referenceNode.parentNode != endBlock) { referenceNode = referenceNode.parentNode; } // "If reference node's nextSibling is an inline node and start block's // lastChild is a br, remove start block's lastChild from it." if (isInlineNode(referenceNode.nextSibling) && isHtmlElement(startBlock.lastChild, "br")) { startBlock.removeChild(startBlock.lastChild); } // "Let nodes to move be a list of nodes, initially empty." var nodesToMove = []; // "If reference node's nextSibling is neither null nor a br nor a // block node, append it to nodes to move." if (referenceNode.nextSibling && !isHtmlElement(referenceNode.nextSibling, "br") && !isBlockNode(referenceNode.nextSibling)) { nodesToMove.push(referenceNode.nextSibling); } // "While nodes to move is nonempty and its last member's nextSibling // is neither null nor a br nor a block node, append it to nodes to // move." if (nodesToMove.length && nodesToMove[nodesToMove.length - 1].nextSibling && !isHtmlElement(nodesToMove[nodesToMove.length - 1].nextSibling, "br") && !isBlockNode(nodesToMove[nodesToMove.length - 1].nextSibling)) { nodesToMove.push(nodesToMove[nodesToMove.length - 1].nextSibling); } // "Record the values of nodes to move, and let values be the result." var values = recordValues(nodesToMove); // "For each node in nodes to move, append node as the last child of // start block, preserving ranges." $_( nodesToMove ).forEach(function(node) { movePreservingRanges(node, startBlock, -1, range); }); // "If the nextSibling of reference node is a br, remove it from its // parent." if (isHtmlElement(referenceNode.nextSibling, "br")) { referenceNode.parentNode.removeChild(referenceNode.nextSibling); } // "Otherwise:" } else { // "Set the start and end of range to (start block, length of start // block)." range.setStart(startBlock, getNodeLength(startBlock)); range.setEnd(startBlock, getNodeLength(startBlock)); // "If end block's firstChild is an inline node and start block's // lastChild is a br, remove start block's lastChild from it." if (isInlineNode(endBlock.firstChild) && isHtmlElement(startBlock.lastChild, "br")) { startBlock.removeChild(startBlock.lastChild); } // "Record the values of end block's children, and let values be the // result." var values = recordValues([].slice.call(toArray(endBlock.childNodes))); // "While end block has children, append the first child of end block // to start block, preserving ranges." while (endBlock.hasChildNodes()) { movePreservingRanges(endBlock.firstChild, startBlock, -1, range); } // "While end block has no children, let parent be the parent of end // block, then remove end block from parent, then set end block to // parent." while (!endBlock.hasChildNodes()) { var parent_ = endBlock.parentNode; parent_.removeChild(endBlock); endBlock = parent_; } } // "Restore the values from values." restoreValues(values, range); // "If start block has no children, call createElement("br") on the context // object and append the result as the last child of start block." if (!startBlock.hasChildNodes() && startBlock.offsetHeight == 0) { startBlock.appendChild(createEndBreak()); } // "Restore states and values from overrides." restoreStatesAndValues(overrides, range); } //@} ///// Splitting a node list's parent ///// //@{ function splitParent(nodeList, range) { // "Let original parent be the parent of the first member of node list." var originalParent = nodeList[0].parentNode; // "If original parent is not editable or its parent is null, do nothing // and abort these steps." if (!isEditable(originalParent) || !originalParent.parentNode) { return; } // "If the first child of original parent is in node list, remove // extraneous line breaks before original parent." if ($_(nodeList).indexOf(originalParent.firstChild) != -1) { removeExtraneousLineBreaksBefore(originalParent); } // "If the first child of original parent is in node list, and original // parent follows a line break, set follows line break to true. Otherwise, // set follows line break to false." var followsLineBreak_ = $_(nodeList).indexOf(originalParent.firstChild) != -1 && followsLineBreak(originalParent); // "If the last child of original parent is in node list, and original // parent precedes a line break, set precedes line break to true. // Otherwise, set precedes line break to false." var precedesLineBreak_ = $_(nodeList).indexOf(originalParent.lastChild) != -1 && precedesLineBreak(originalParent); // "If the first child of original parent is not in node list, but its last // child is:" if ($_(nodeList).indexOf(originalParent.firstChild) == -1 && $_(nodeList).indexOf(originalParent.lastChild) != -1) { // "For each node in node list, in reverse order, insert node into the // parent of original parent immediately after original parent, // preserving ranges." for (var i = nodeList.length - 1; i >= 0; i--) { movePreservingRanges(nodeList[i], originalParent.parentNode, 1 + getNodeIndex(originalParent), range); } // "If precedes line break is true, and the last member of node list // does not precede a line break, call createElement("br") on the // context object and insert the result immediately after the last // member of node list." if (precedesLineBreak_ && !precedesLineBreak(nodeList[nodeList.length - 1])) { nodeList[nodeList.length - 1].parentNode.insertBefore(document.createElement("br"), nodeList[nodeList.length - 1].nextSibling); } // "Remove extraneous line breaks at the end of original parent." removeExtraneousLineBreaksAtTheEndOf(originalParent); // "Abort these steps." return; } // "If the first child of original parent is not in node list:" if ($_(nodeList).indexOf(originalParent.firstChild) == -1) { // "Let cloned parent be the result of calling cloneNode(false) on // original parent." var clonedParent = originalParent.cloneNode(false); // "If original parent has an id attribute, unset it." originalParent.removeAttribute("id"); // "Insert cloned parent into the parent of original parent immediately // before original parent." originalParent.parentNode.insertBefore(clonedParent, originalParent); // "While the previousSibling of the first member of node list is not // null, append the first child of original parent as the last child of // cloned parent, preserving ranges." while (nodeList[0].previousSibling) { movePreservingRanges(originalParent.firstChild, clonedParent, clonedParent.childNodes.length, range); } } // "For each node in node list, insert node into the parent of original // parent immediately before original parent, preserving ranges." for (var i = 0; i < nodeList.length; i++) { movePreservingRanges(nodeList[i], originalParent.parentNode, getNodeIndex(originalParent), range); } // "If follows line break is true, and the first member of node list does // not follow a line break, call createElement("br") on the context object // and insert the result immediately before the first member of node list." if (followsLineBreak_ && !followsLineBreak(nodeList[0])) { nodeList[0].parentNode.insertBefore(document.createElement("br"), nodeList[0]); } // "If the last member of node list is an inline node other than a br, and // the first child of original parent is a br, and original parent is not // an inline node, remove the first child of original parent from original // parent." if (isInlineNode(nodeList[nodeList.length - 1]) && !isHtmlElement(nodeList[nodeList.length - 1], "br") && isHtmlElement(originalParent.firstChild, "br") && !isInlineNode(originalParent)) { originalParent.removeChild(originalParent.firstChild); } // "If original parent has no children:" if (!originalParent.hasChildNodes()) { // if the current range is collapsed and at the end of the originalParent.parentNode // the offset will not be available anymore after the next step (remove child) // that's why we need to fix the range to prevent a bogus offset if (originalParent.parentNode === range.startContainer && originalParent.parentNode === range.endContainer && range.startContainer === range.endContainer && range.startOffset === range.endOffset && originalParent.parentNode.childNodes.length === range.startOffset) { range.startOffset = originalParent.parentNode.childNodes.length - 1; range.endOffset = range.startOffset; } // "Remove original parent from its parent." originalParent.parentNode.removeChild(originalParent); // "If precedes line break is true, and the last member of node list // does not precede a line break, call createElement("br") on the // context object and insert the result immediately after the last // member of node list." if (precedesLineBreak_ && !precedesLineBreak(nodeList[nodeList.length - 1])) { nodeList[nodeList.length - 1].parentNode.insertBefore(document.createElement("br"), nodeList[nodeList.length - 1].nextSibling); } // "Otherwise, remove extraneous line breaks before original parent." } else { removeExtraneousLineBreaksBefore(originalParent); } // "If node list's last member's nextSibling is null, but its parent is not // null, remove extraneous line breaks at the end of node list's last // member's parent." if (!nodeList[nodeList.length - 1].nextSibling && nodeList[nodeList.length - 1].parentNode) { removeExtraneousLineBreaksAtTheEndOf(nodeList[nodeList.length - 1].parentNode); } } // "To remove a node node while preserving its descendants, split the parent of // node's children if it has any. If it has no children, instead remove it from // its parent." function removePreservingDescendants(node, range) { if (node.hasChildNodes()) { splitParent([].slice.call(toArray(node.childNodes)), range); } else { node.parentNode.removeChild(node); } } //@} ///// Canonical space sequences ///// //@{ function canonicalSpaceSequence(n, nonBreakingStart, nonBreakingEnd) { // "If n is zero, return the empty string." if (n == 0) { return ""; } // "If n is one and both non-breaking start and non-breaking end are false, // return a single space (U+0020)." if (n == 1 && !nonBreakingStart && !nonBreakingEnd) { return " "; } // "If n is one, return a single non-breaking space (U+00A0)." if (n == 1) { return "\xa0"; } // "Let buffer be the empty string." var buffer = ""; // "If non-breaking start is true, let repeated pair be U+00A0 U+0020. // Otherwise, let it be U+0020 U+00A0." var repeatedPair; if (nonBreakingStart) { repeatedPair = "\xa0 "; } else { repeatedPair = " \xa0"; } // "While n is greater than three, append repeated pair to buffer and // subtract two from n." while (n > 3) { buffer += repeatedPair; n -= 2; } // "If n is three, append a three-element string to buffer depending on // non-breaking start and non-breaking end:" if (n == 3) { buffer += !nonBreakingStart && !nonBreakingEnd ? " \xa0 " : nonBreakingStart && !nonBreakingEnd ? "\xa0\xa0 " : !nonBreakingStart && nonBreakingEnd ? " \xa0\xa0" : nonBreakingStart && nonBreakingEnd ? "\xa0 \xa0" : "impossible"; // "Otherwise, append a two-element string to buffer depending on // non-breaking start and non-breaking end:" } else { buffer += !nonBreakingStart && !nonBreakingEnd ? "\xa0 " : nonBreakingStart && !nonBreakingEnd ? "\xa0 " : !nonBreakingStart && nonBreakingEnd ? " \xa0" : nonBreakingStart && nonBreakingEnd ? "\xa0\xa0" : "impossible"; } // "Return buffer." return buffer; } function canonicalizeWhitespace(node, offset) { // "If node is neither editable nor an editing host, abort these steps." if (!isEditable(node) && !isEditingHost(node)) { return; } // "Let start node equal node and let start offset equal offset." var startNode = node; var startOffset = offset; // "Repeat the following steps:" while (true) { // "If start node has a child in the same editing host with index start // offset minus one, set start node to that child, then set start // offset to start node's length." if (0 <= startOffset - 1 && inSameEditingHost(startNode, startNode.childNodes[startOffset - 1])) { startNode = startNode.childNodes[startOffset - 1]; startOffset = getNodeLength(startNode); // "Otherwise, if start offset is zero and start node does not follow a // line break and start node's parent is in the same editing host, set // start offset to start node's index, then set start node to its // parent." } else if (startOffset == 0 && !followsLineBreak(startNode) && inSameEditingHost(startNode, startNode.parentNode)) { startOffset = getNodeIndex(startNode); startNode = startNode.parentNode; // "Otherwise, if start node is a Text node and its parent's resolved // value for "white-space" is neither "pre" nor "pre-wrap" and start // offset is not zero and the (start offset â 1)st element of start // node's data is a space (0x0020) or non-breaking space (0x00A0), // subtract one from start offset." } else if (startNode.nodeType == $_.Node.TEXT_NODE && $_(["pre", "pre-wrap"]).indexOf($_.getComputedStyle(startNode.parentNode).whiteSpace) == -1 && startOffset != 0 && /[ \xa0]/.test(startNode.data[startOffset - 1])) { startOffset--; // "Otherwise, break from this loop." } else { break; } } // "Let end node equal start node and end offset equal start offset." var endNode = startNode; var endOffset = startOffset; // "Let length equal zero." var length = 0; // "Let follows space be false." var followsSpace = false; // "Repeat the following steps:" while (true) { // "If end node has a child in the same editing host with index end // offset, set end node to that child, then set end offset to zero." if (endOffset < endNode.childNodes.length && inSameEditingHost(endNode, endNode.childNodes[endOffset])) { endNode = endNode.childNodes[endOffset]; endOffset = 0; // "Otherwise, if end offset is end node's length and end node does not // precede a line break and end node's parent is in the same editing // host, set end offset to one plus end node's index, then set end node // to its parent." } else if (endOffset == getNodeLength(endNode) && !precedesLineBreak(endNode) && inSameEditingHost(endNode, endNode.parentNode)) { endOffset = 1 + getNodeIndex(endNode); endNode = endNode.parentNode; // "Otherwise, if end node is a Text node and its parent's resolved // value for "white-space" is neither "pre" nor "pre-wrap" and end // offset is not end node's length and the end offsetth element of // end node's data is a space (0x0020) or non-breaking space (0x00A0):" } else if (endNode.nodeType == $_.Node.TEXT_NODE && $_(["pre", "pre-wrap"]).indexOf($_.getComputedStyle(endNode.parentNode).whiteSpace) == -1 && endOffset != getNodeLength(endNode) && /[ \xa0]/.test(endNode.data[endOffset])) { // "If follows space is true and the end offsetth element of end // node's data is a space (0x0020), call deleteData(end offset, 1) // on end node, then continue this loop from the beginning." if (followsSpace && " " == endNode.data[endOffset]) { endNode.deleteData(endOffset, 1); continue; } // "Set follows space to true if the end offsetth element of end // node's data is a space (0x0020), false otherwise." followsSpace = " " == endNode.data[endOffset]; // "Add one to end offset." endOffset++; // "Add one to length." length++; // "Otherwise, break from this loop." } else { break; } } // "Let replacement whitespace be the canonical space sequence of length // length. non-breaking start is true if start offset is zero and start // node follows a line break, and false otherwise. non-breaking end is true // if end offset is end node's length and end node precedes a line break, // and false otherwise." var replacementWhitespace = canonicalSpaceSequence(length, startOffset == 0 && followsLineBreak(startNode), endOffset == getNodeLength(endNode) && precedesLineBreak(endNode)); // "While (start node, start offset) is before (end node, end offset):" while (getPosition(startNode, startOffset, endNode, endOffset) == "before") { // "If start node has a child with index start offset, set start node // to that child, then set start offset to zero." if (startOffset < startNode.childNodes.length) { startNode = startNode.childNodes[startOffset]; startOffset = 0; // "Otherwise, if start node is not a Text node or if start offset is // start node's length, set start offset to one plus start node's // index, then set start node to its parent." } else if (startNode.nodeType != $_.Node.TEXT_NODE || startOffset == getNodeLength(startNode)) { startOffset = 1 + getNodeIndex(startNode); startNode = startNode.parentNode; // "Otherwise:" } else { // "Remove the first element from replacement whitespace, and let // element be that element." var element = replacementWhitespace[0]; replacementWhitespace = replacementWhitespace.slice(1); // "If element is not the same as the start offsetth element of // start node's data:" if (element != startNode.data[startOffset]) { // "Call insertData(start offset, element) on start node." startNode.insertData(startOffset, element); // "Call deleteData(start offset + 1, 1) on start node." startNode.deleteData(startOffset + 1, 1); } // "Add one to start offset." startOffset++; } } } //@} ///// Indenting and outdenting ///// //@{ function indentNodes(nodeList, range) { // "If node list is empty, do nothing and abort these steps." if (!nodeList.length) { return; } // "Let first node be the first member of node list." var firstNode = nodeList[0]; // "If first node's parent is an ol or ul:" if (isHtmlElement(firstNode.parentNode, ["OL", "UL"])) { // "Let tag be the local name of the parent of first node." var tag = firstNode.parentNode.tagName; // "Wrap node list, with sibling criteria returning true for an HTML // element with local name tag and false otherwise, and new parent // instructions returning the result of calling createElement(tag) on // the ownerDocument of first node." wrap(nodeList, function(node) { return isHtmlElement(node, tag) }, function() { return firstNode.ownerDocument.createElement(tag) }, range ); // "Abort these steps." return; } // "Wrap node list, with sibling criteria returning true for a simple // indentation element and false otherwise, and new parent instructions // returning the result of calling createElement("blockquote") on the // ownerDocument of first node. Let new parent be the result." var newParent = wrap(nodeList, function(node) { return isSimpleIndentationElement(node) }, function() { return firstNode.ownerDocument.createElement("blockquote") }, range ); // "Fix disallowed ancestors of new parent." fixDisallowedAncestors(newParent, range); } function outdentNode(node, range) { // "If node is not editable, abort these steps." if (!isEditable(node)) { return; } // "If node is a simple indentation element, remove node, preserving its // descendants. Then abort these steps." if (isSimpleIndentationElement(node)) { removePreservingDescendants(node, range); return; } // "If node is an indentation element:" if (isIndentationElement(node)) { // "Unset the class and dir attributes of node, if any." node.removeAttribute("class"); node.removeAttribute("dir"); // "Unset the margin, padding, and border CSS properties of node." node.style.margin = ""; node.style.padding = ""; node.style.border = ""; if (node.getAttribute("style") == "") { node.removeAttribute("style"); } // "Set the tag name of node to "div"." setTagName(node, "div", range); // "Abort these steps." return; } // "Let current ancestor be node's parent." var currentAncestor = node.parentNode; // "Let ancestor list be a list of nodes, initially empty." var ancestorList = []; // "While current ancestor is an editable Element that is neither a simple // indentation element nor an ol nor a ul, append current ancestor to // ancestor list and then set current ancestor to its parent." while (isEditable(currentAncestor) && currentAncestor.nodeType == $_.Node.ELEMENT_NODE && !isSimpleIndentationElement(currentAncestor) && !isHtmlElement(currentAncestor, ["ol", "ul"])) { ancestorList.push(currentAncestor); currentAncestor = currentAncestor.parentNode; } // "If current ancestor is not an editable simple indentation element:" if (!isEditable(currentAncestor) || !isSimpleIndentationElement(currentAncestor)) { // "Let current ancestor be node's parent." currentAncestor = node.parentNode; // "Let ancestor list be the empty list." ancestorList = []; // "While current ancestor is an editable Element that is neither an // indentation element nor an ol nor a ul, append current ancestor to // ancestor list and then set current ancestor to its parent." while (isEditable(currentAncestor) && currentAncestor.nodeType == $_.Node.ELEMENT_NODE && !isIndentationElement(currentAncestor) && !isHtmlElement(currentAncestor, ["ol", "ul"])) { ancestorList.push(currentAncestor); currentAncestor = currentAncestor.parentNode; } } // "If node is an ol or ul and current ancestor is not an editable // indentation element:" if (isHtmlElement(node, ["OL", "UL"]) && (!isEditable(currentAncestor) || !isIndentationElement(currentAncestor))) { // "Unset the reversed, start, and type attributes of node, if any are // set." node.removeAttribute("reversed"); node.removeAttribute("start"); node.removeAttribute("type"); // "Let children be the children of node." var children = [].slice.call(toArray(node.childNodes)); // "If node has attributes, and its parent is not an ol or ul, set the // tag name of node to "div"." if (node.attributes.length && !isHtmlElement(node.parentNode, ["OL", "UL"])) { setTagName(node, "div", range); // "Otherwise:" } else { // "Record the values of node's children, and let values be the // result." var values = recordValues([].slice.call(toArray(node.childNodes))); // "Remove node, preserving its descendants." removePreservingDescendants(node, range); // "Restore the values from values." restoreValues(values, range); } // "Fix disallowed ancestors of each member of children." for (var i = 0; i < children.length; i++) { fixDisallowedAncestors(children[i], range); } // "Abort these steps." return; } // "If current ancestor is not an editable indentation element, abort these // steps." if (!isEditable(currentAncestor) || !isIndentationElement(currentAncestor)) { return; } // "Append current ancestor to ancestor list." ancestorList.push(currentAncestor); // "Let original ancestor be current ancestor." var originalAncestor = currentAncestor; // "While ancestor list is not empty:" while (ancestorList.length) { // "Let current ancestor be the last member of ancestor list." // // "Remove the last member of ancestor list." currentAncestor = ancestorList.pop(); // "Let target be the child of current ancestor that is equal to either // node or the last member of ancestor list." var target = node.parentNode == currentAncestor ? node : ancestorList[ancestorList.length - 1]; // "If target is an inline node that is not a br, and its nextSibling // is a br, remove target's nextSibling from its parent." if (isInlineNode(target) && !isHtmlElement(target, "BR") && isHtmlElement(target.nextSibling, "BR")) { target.parentNode.removeChild(target.nextSibling); } // "Let preceding siblings be the preceding siblings of target, and let // following siblings be the following siblings of target." var precedingSiblings = [].slice.call(toArray(currentAncestor.childNodes), 0, getNodeIndex(target)); var followingSiblings = [].slice.call(toArray(currentAncestor.childNodes), 1 + getNodeIndex(target)); // "Indent preceding siblings." indentNodes(precedingSiblings, range); // "Indent following siblings." indentNodes(followingSiblings, range); } // "Outdent original ancestor." outdentNode(originalAncestor, range); } //@} ///// Toggling lists ///// //@{ function toggleLists(tagName, range) { // "Let mode be "disable" if the selection's list state is tag name, and // "enable" otherwise." var mode = getSelectionListState() == tagName ? "disable" : "enable"; tagName = tagName.toUpperCase(); // "Let other tag name be "ol" if tag name is "ul", and "ul" if tag name is // "ol"." var otherTagName = tagName == "OL" ? "UL" : "OL"; // "Let items be a list of all lis that are ancestor containers of the // range's start and/or end node." // // It's annoying to get this in tree order using functional stuff without // doing getDescendants(document), which is slow, so I do it imperatively. var items = []; (function(){ for ( var ancestorContainer = range.endContainer; ancestorContainer != range.commonAncestorContainer; ancestorContainer = ancestorContainer.parentNode ) { if (isHtmlElement(ancestorContainer, "li")) { items.unshift(ancestorContainer); } } for ( var ancestorContainer = range.startContainer; ancestorContainer; ancestorContainer = ancestorContainer.parentNode ) { if (isHtmlElement(ancestorContainer, "li")) { items.unshift(ancestorContainer); } } })(); // "For each item in items, normalize sublists of item." $_( items ).forEach( function( thisArg ) { normalizeSublists( thisArg, range); }); // "Block-extend the range, and let new range be the result." var newRange = blockExtend(range); // "If mode is "enable", then let lists to convert consist of every // editable HTML element with local name other tag name that is contained // in new range, and for every list in lists to convert:" if (mode == "enable") { $_( getAllContainedNodes(newRange, function(node) { return isEditable(node) && isHtmlElement(node, otherTagName); }) ).forEach(function(list) { // "If list's previousSibling or nextSibling is an editable HTML // element with local name tag name:" if ((isEditable(list.previousSibling) && isHtmlElement(list.previousSibling, tagName)) || (isEditable(list.nextSibling) && isHtmlElement(list.nextSibling, tagName))) { // "Let children be list's children." var children = [].slice.call(toArray(list.childNodes)); // "Record the values of children, and let values be the // result." var values = recordValues(children); // "Split the parent of children." splitParent(children, range); // "Wrap children, with sibling criteria returning true for an // HTML element with local name tag name and false otherwise." wrap(children, function(node) { return isHtmlElement(node, tagName) }, function() {return null }, range ); // "Restore the values from values." restoreValues(values, range); // "Otherwise, set the tag name of list to tag name." } else { setTagName(list, tagName, range); } }); } // "Let node list be a list of nodes, initially empty." // // "For each node node contained in new range, if node is editable; the // last member of node list (if any) is not an ancestor of node; node // is not an indentation element; and either node is an ol or ul, or its // parent is an ol or ul, or it is an allowed child of "li"; then append // node to node list." var nodeList = getContainedNodes(newRange, function(node) { return isEditable(node) && !isIndentationElement(node) && (isHtmlElement(node, ["OL", "UL"]) || isHtmlElement(node.parentNode, ["OL", "UL"]) || isAllowedChild(node, "li")); }); // "If mode is "enable", remove from node list any ol or ul whose parent is // not also an ol or ul." if (mode == "enable") { nodeList = $_( nodeList ).filter(function(node) { return !isHtmlElement(node, ["ol", "ul"]) || isHtmlElement(node.parentNode, ["ol", "ul"]); }); } // "If mode is "disable", then while node list is not empty:" if (mode == "disable") { while (nodeList.length) { // "Let sublist be an empty list of nodes." var sublist = []; // "Remove the first member from node list and append it to // sublist." sublist.push(nodeList.shift()); // "If the first member of sublist is an HTML element with local // name tag name, outdent it and continue this loop from the // beginning." if (isHtmlElement(sublist[0], tagName)) { outdentNode(sublist[0], range); continue; } // "While node list is not empty, and the first member of node list // is the nextSibling of the last member of sublist and is not an // HTML element with local name tag name, remove the first member // from node list and append it to sublist." while (nodeList.length && nodeList[0] == sublist[sublist.length - 1].nextSibling && !isHtmlElement(nodeList[0], tagName)) { sublist.push(nodeList.shift()); } // "Record the values of sublist, and let values be the result." var values = recordValues(sublist); // "Split the parent of sublist." splitParent(sublist, range); // "Fix disallowed ancestors of each member of sublist." for (var i = 0; i < sublist.length; i++) { fixDisallowedAncestors(sublist[i], range); } // "Restore the values from values." restoreValues(values, range); } // "Otherwise, while node list is not empty:" } else { while (nodeList.length) { // "Let sublist be an empty list of nodes." var sublist = []; // "While either sublist is empty, or node list is not empty and // its first member is the nextSibling of sublist's last member:" while (!sublist.length || (nodeList.length && nodeList[0] == sublist[sublist.length - 1].nextSibling)) { // "If node list's first member is a p or div, set the tag name // of node list's first member to "li", and append the result // to sublist. Remove the first member from node list." if (isHtmlElement(nodeList[0], ["p", "div"])) { sublist.push(setTagName(nodeList[0], "li", range)); nodeList.shift(); // "Otherwise, if the first member of node list is an li or ol // or ul, remove it from node list and append it to sublist." } else if (isHtmlElement(nodeList[0], ["li", "ol", "ul"])) { sublist.push(nodeList.shift()); // "Otherwise:" } else { // "Let nodes to wrap be a list of nodes, initially empty." var nodesToWrap = []; // "While nodes to wrap is empty, or node list is not empty // and its first member is the nextSibling of nodes to // wrap's last member and the first member of node list is // an inline node and the last member of nodes to wrap is // an inline node other than a br, remove the first member // from node list and append it to nodes to wrap." while (!nodesToWrap.length || (nodeList.length && nodeList[0] == nodesToWrap[nodesToWrap.length - 1].nextSibling && isInlineNode(nodeList[0]) && isInlineNode(nodesToWrap[nodesToWrap.length - 1]) && !isHtmlElement(nodesToWrap[nodesToWrap.length - 1], "br"))) { nodesToWrap.push(nodeList.shift()); } // "Wrap nodes to wrap, with new parent instructions // returning the result of calling createElement("li") on // the context object. Append the result to sublist." sublist.push( wrap(nodesToWrap, undefined, function() { return document.createElement("li") }, range ) ); } } // "If sublist's first member's parent is an HTML element with // local name tag name, or if every member of sublist is an ol or // ul, continue this loop from the beginning." if (isHtmlElement(sublist[0].parentNode, tagName) || $_(sublist).every(function(node) { return isHtmlElement(node, ["ol", "ul"]) })) { continue; } // "If sublist's first member's parent is an HTML element with // local name other tag name:" if (isHtmlElement(sublist[0].parentNode, otherTagName)) { // "Record the values of sublist, and let values be the // result." var values = recordValues(sublist); // "Split the parent of sublist." splitParent(sublist, range); // "Wrap sublist, with sibling criteria returning true for an // HTML element with local name tag name and false otherwise, // and new parent instructions returning the result of calling // createElement(tag name) on the context object." wrap(sublist, function(node) { return isHtmlElement(node, tagName) }, function() { return document.createElement(tagName) }, range ); // "Restore the values from values." restoreValues(values, range); // "Continue this loop from the beginning." continue; } // "Wrap sublist, with sibling criteria returning true for an HTML // element with local name tag name and false otherwise, and new // parent instructions being the following:" // . . . // "Fix disallowed ancestors of the previous step's result." fixDisallowedAncestors( wrap(sublist, function(node) { return isHtmlElement(node, tagName) }, function() { // "If sublist's first member's parent is not an editable // simple indentation element, or sublist's first member's // parent's previousSibling is not an editable HTML element // with local name tag name, call createElement(tag name) // on the context object and return the result." if (!isEditable(sublist[0].parentNode) || !isSimpleIndentationElement(sublist[0].parentNode) || !isEditable(sublist[0].parentNode.previousSibling) || !isHtmlElement(sublist[0].parentNode.previousSibling, tagName)) { return document.createElement(tagName); } // "Let list be sublist's first member's parent's // previousSibling." var list = sublist[0].parentNode.previousSibling; // "Normalize sublists of list's lastChild." normalizeSublists(list.lastChild, range); // "If list's lastChild is not an editable HTML element // with local name tag name, call createElement(tag name) // on the context object, and append the result as the last // child of list." if (!isEditable(list.lastChild) || !isHtmlElement(list.lastChild, tagName)) { list.appendChild(document.createElement(tagName)); } // "Return the last child of list." return list.lastChild; }, range ) , range ); } } } //@} ///// Justifying the selection ///// //@{ function justifySelection(alignment, range) { // "Block-extend the active range, and let new range be the result." var newRange = blockExtend(range); // "Let element list be a list of all editable Elements contained in new // range that either has an attribute in the HTML namespace whose local // name is "align", or has a style attribute that sets "text-align", or is // a center." var elementList = getAllContainedNodes(newRange, function(node) { return node.nodeType == $_.Node.ELEMENT_NODE && isEditable(node) // Ignoring namespaces here && ( $_( node ).hasAttribute("align") || node.style.textAlign != "" || isHtmlElement(node, "center") ); }); // "For each element in element list:" for (var i = 0; i < elementList.length; i++) { var element = elementList[i]; // "If element has an attribute in the HTML namespace whose local name // is "align", remove that attribute." element.removeAttribute("align"); // "Unset the CSS property "text-align" on element, if it's set by a // style attribute." element.style.textAlign = ""; if (element.getAttribute("style") == "") { element.removeAttribute("style"); } // "If element is a div or span or center with no attributes, remove // it, preserving its descendants." if (isHtmlElement(element, ["div", "span", "center"]) && !element.attributes.length) { removePreservingDescendants(element, range); } // "If element is a center with one or more attributes, set the tag // name of element to "div"." if (isHtmlElement(element, "center") && element.attributes.length) { setTagName(element, "div", range); } } // "Block-extend the active range, and let new range be the result." newRange = blockExtend(globalRange); // "Let node list be a list of nodes, initially empty." var nodeList = []; // "For each node node contained in new range, append node to node list if // the last member of node list (if any) is not an ancestor of node; node // is editable; node is an allowed child of "div"; and node's alignment // value is not alignment." nodeList = getContainedNodes(newRange, function(node) { return isEditable(node) && isAllowedChild(node, "div") && getAlignmentValue(node) != alignment; }); // "While node list is not empty:" while (nodeList.length) { // "Let sublist be a list of nodes, initially empty." var sublist = []; // "Remove the first member of node list and append it to sublist." sublist.push(nodeList.shift()); // "While node list is not empty, and the first member of node list is // the nextSibling of the last member of sublist, remove the first // member of node list and append it to sublist." while (nodeList.length && nodeList[0] == sublist[sublist.length - 1].nextSibling) { sublist.push(nodeList.shift()); } // "Wrap sublist. Sibling criteria returns true for any div that has // one or both of the following two attributes and no other attributes, // and false otherwise:" // // * "An align attribute whose value is an ASCII case-insensitive // match for alignment. // * "A style attribute which sets exactly one CSS property // (including unrecognized or invalid attributes), which is // "text-align", which is set to alignment. // // "New parent instructions are to call createElement("div") on the // context object, then set its CSS property "text-align" to alignment // and return the result." wrap(sublist, function(node) { return isHtmlElement(node, "div") && $_(node.attributes).every(function(attr) { return (attr.name == "align" && attr.value.toLowerCase() == alignment) || (attr.name == "style" && getStyleLength(node) == 1 && node.style.textAlign == alignment); }); }, function() { var newParent = document.createElement("div"); newParent.setAttribute("style", "text-align: " + alignment); return newParent; }, range ); } } //@} ///// Create an end break ///// //@{ function createEndBreak() { var endBr = document.createElement("br"); endBr.setAttribute("class", "aloha-end-br"); return endBr; } //@} ///// The delete command ///// //@{ commands["delete"] = { action: function(value, range) { // "If the active range is not collapsed, delete the contents of the // active range and abort these steps." if (!range.collapsed) { deleteContents(range); return; } // "Canonicalize whitespace at (active range's start node, active // range's start offset)." canonicalizeWhitespace(range.startContainer, range.startOffset); // "Let node and offset be the active range's start node and offset." var node = range.startContainer; var offset = range.startOffset; var isBr = false; var isHr = false; // "Repeat the following steps:" while ( true ) { // we need to reset isBr and isHr on every interation of the loop if ( offset > 0 ) { isBr = isHtmlElement(node.childNodes[offset - 1], "br") || false; isHr = isHtmlElement(node.childNodes[offset - 1], "hr") || false; } // "If offset is zero and node's previousSibling is an editable // invisible node, remove node's previousSibling from its parent." if (offset == 0 && isEditable(node.previousSibling) && isInvisible(node.previousSibling)) { node.parentNode.removeChild(node.previousSibling); // "Otherwise, if node has a child with index offset â 1 and that // child is an editable invisible node, remove that child from // node, then subtract one from offset." } else if (0 <= offset - 1 && offset - 1 < node.childNodes.length && isEditable(node.childNodes[offset - 1]) && (isInvisible(node.childNodes[offset - 1]) || isBr || isHr )) { node.removeChild(node.childNodes[offset - 1]); offset--; if (isBr || isHr) { range.setStart(node, offset); range.setEnd(node, offset); return; } // "Otherwise, if offset is zero and node is an inline node, or if // node is an invisible node, set offset to the index of node, then // set node to its parent." } else if ((offset == 0 && isInlineNode(node)) || isInvisible(node)) { offset = getNodeIndex(node); node = node.parentNode; // "Otherwise, if node has a child with index offset â 1 and that // child is an editable a, remove that child from node, preserving // its descendants. Then abort these steps." } else if (0 <= offset - 1 && offset - 1 < node.childNodes.length && isEditable(node.childNodes[offset - 1]) && isHtmlElement(node.childNodes[offset - 1], "a")) { removePreservingDescendants(node.childNodes[offset - 1], range); return; // "Otherwise, if node has a child with index offset â 1 and that // child is not a block node or a br or an img, set node to that // child, then set offset to the length of node." } else if (0 <= offset - 1 && offset - 1 < node.childNodes.length && !isBlockNode(node.childNodes[offset - 1]) && !isHtmlElement(node.childNodes[offset - 1], ["br", "img"])) { node = node.childNodes[offset - 1]; offset = getNodeLength(node); // "Otherwise, break from this loop." } else { break; } } // collapse whitespace sequences collapseWhitespace(node, range); // "If node is a Text node and offset is not zero, call collapse(node, // offset) on the Selection. Then delete the contents of the range with // start (node, offset â 1) and end (node, offset) and abort these // steps." if (node.nodeType == $_.Node.TEXT_NODE && offset != 0) { range.setStart(node, offset); range.setEnd(node, offset); // fix range start container offset according to old code // so we can still pass our range and have it modified, but // also conform with the previous implementation range.startOffset -= 1; deleteContents(range); return; } // "If node is an inline node, abort these steps." if (isInlineNode(node)) { return; } // "If node has a child with index offset â 1 and that child is a br or // hr or img, call collapse(node, offset) on the Selection. Then delete // the contents of the range with start (node, offset â 1) and end // (node, offset) and abort these steps." if (0 <= offset - 1 && offset - 1 < node.childNodes.length && isHtmlElement(node.childNodes[offset - 1], ["br", "hr", "img"])) { range.setStart(node, offset); range.setEnd(node, offset); deleteContents(range); return; } // "If node is an li or dt or dd and is the first child of its parent, // and offset is zero:" if (isHtmlElement(node, ["li", "dt", "dd"]) && node == node.parentNode.firstChild && offset == 0) { // "Let items be a list of all lis that are ancestors of node." // // Remember, must be in tree order. var items = []; for (var ancestor = node.parentNode; ancestor; ancestor = ancestor.parentNode) { if (isHtmlElement(ancestor, "li")) { items.unshift(ancestor); } } // "Normalize sublists of each item in items." for (var i = 0; i < items.length; i++) { normalizeSublists(items[i], range); } // "Record the values of the one-node list consisting of node, and // let values be the result." var values = recordValues([node]); // "Split the parent of the one-node list consisting of node." splitParent([node], range); // "Restore the values from values." restoreValues(values, range); // "If node is a dd or dt, and it is not an allowed child of any of // its ancestors in the same editing host, set the tag name of node // to the default single-line container name and let node be the // result." if (isHtmlElement(node, ["dd", "dt"]) && $_(getAncestors(node)).every(function(ancestor) { return !inSameEditingHost(node, ancestor) || !isAllowedChild(node, ancestor) })) { node = setTagName(node, defaultSingleLineContainerName, range); } // "Fix disallowed ancestors of node." fixDisallowedAncestors(node, range); // fix the lists to be html5 conformant for (var i = 0; i < items.length; i++) { unNormalizeSublists(items[i].parentNode, range); } // "Abort these steps." return; } // "Let start node equal node and let start offset equal offset." var startNode = node; var startOffset = offset; // "Repeat the following steps:" while (true) { // "If start offset is zero, set start offset to the index of start // node and then set start node to its parent." if (startOffset == 0) { startOffset = getNodeIndex(startNode); startNode = startNode.parentNode; // "Otherwise, if start node has an editable invisible child with // index start offset minus one, remove it from start node and // subtract one from start offset." } else if (0 <= startOffset - 1 && startOffset - 1 < startNode.childNodes.length && isEditable(startNode.childNodes[startOffset - 1]) && isInvisible(startNode.childNodes[startOffset - 1])) { startNode.removeChild(startNode.childNodes[startOffset - 1]); startOffset--; // "Otherwise, break from this loop." } else { break; } } // "If offset is zero, and node has an editable ancestor container in // the same editing host that's an indentation element:" if (offset == 0 && $_( getAncestors(node).concat(node) ).filter(function(ancestor) { return isEditable(ancestor) && inSameEditingHost(ancestor, node) && isIndentationElement(ancestor); }).length) { // "Block-extend the range whose start and end are both (node, 0), // and let new range be the result." var newRange = Aloha.createRange(); newRange.setStart(node, 0); newRange.setEnd(node, 0); newRange = blockExtend(newRange); // "Let node list be a list of nodes, initially empty." // // "For each node current node contained in new range, append // current node to node list if the last member of node list (if // any) is not an ancestor of current node, and current node is // editable but has no editable descendants." var nodeList = getContainedNodes(newRange, function(currentNode) { return isEditable(currentNode) && !hasEditableDescendants(currentNode); }); // "Outdent each node in node list." for (var i = 0; i < nodeList.length; i++) { outdentNode(nodeList[i], range); } // "Abort these steps." return; } // "If the child of start node with index start offset is a table, // abort these steps." if (isHtmlElement(startNode.childNodes[startOffset], "table")) { return; } // "If start node has a child with index start offset â 1, and that // child is a table:" if (0 <= startOffset - 1 && startOffset - 1 < startNode.childNodes.length && isHtmlElement(startNode.childNodes[startOffset - 1], "table")) { // "Call collapse(start node, start offset â 1) on the context // object's Selection." range.setStart(startNode, startOffset - 1); // "Call extend(start node, start offset) on the context object's // Selection." range.setEnd(startNode, startOffset); // "Abort these steps." return; } // "If offset is zero; and either the child of start node with index // start offset minus one is an hr, or the child is a br whose // previousSibling is either a br or not an inline node:" if (offset == 0 && (isHtmlElement(startNode.childNodes[startOffset - 1], "hr") || ( isHtmlElement(startNode.childNodes[startOffset - 1], "br") && ( isHtmlElement(startNode.childNodes[startOffset - 1].previousSibling, "br") || !isInlineNode(startNode.childNodes[startOffset - 1].previousSibling) ) ) )) { // "Call collapse(node, offset) on the Selection." range.setStart(node, offset); range.setEnd(node, offset); // "Delete the contents of the range with start (start node, start // offset â 1) and end (start node, start offset)." deleteContents(startNode, startOffset - 1, startNode, startOffset); // "Abort these steps." return; } // "If the child of start node with index start offset is an li or dt // or dd, and that child's firstChild is an inline node, and start // offset is not zero:" if (isHtmlElement(startNode.childNodes[startOffset], ["li", "dt", "dd"]) && isInlineNode(startNode.childNodes[startOffset].firstChild) && startOffset != 0) { // "Let previous item be the child of start node with index start // offset minus one." var previousItem = startNode.childNodes[startOffset - 1]; // "If previous item's lastChild is an inline node other than a br, // call createElement("br") on the context object and append the // result as the last child of previous item." if (isInlineNode(previousItem.lastChild) && !isHtmlElement(previousItem.lastChild, "br")) { previousItem.appendChild(document.createElement("br")); } // "If previous item's lastChild is an inline node, call // createElement("br") on the context object and append the result // as the last child of previous item." if (isInlineNode(previousItem.lastChild)) { previousItem.appendChild(document.createElement("br")); } } // "If the child of start node with index start offset is an li or dt // or dd, and its previousSibling is also an li or dt or dd, set start // node to its child with index start offset â 1, then set start offset // to start node's length, then set node to start node's nextSibling, // then set offset to 0." if (isHtmlElement(startNode.childNodes[startOffset], ["li", "dt", "dd"]) && isHtmlElement(startNode.childNodes[startOffset - 1], ["li", "dt", "dd"])) { startNode = startNode.childNodes[startOffset - 1]; startOffset = getNodeLength(startNode); node = startNode.nextSibling; offset = 0; // "Otherwise, while start node has a child with index start offset // minus one:" } else { while (0 <= startOffset - 1 && startOffset - 1 < startNode.childNodes.length) { // "If start node's child with index start offset minus one is // editable and invisible, remove it from start node, then // subtract one from start offset." if (isEditable(startNode.childNodes[startOffset - 1]) && isInvisible(startNode.childNodes[startOffset - 1])) { startNode.removeChild(startNode.childNodes[startOffset - 1]); startOffset--; // "Otherwise, set start node to its child with index start // offset minus one, then set start offset to the length of // start node." } else { startNode = startNode.childNodes[startOffset - 1]; startOffset = getNodeLength(startNode); } } } // "Delete the contents of the range with start (start node, start // offset) and end (node, offset)." var delRange = Aloha.createRange(); delRange.setStart(startNode, startOffset); delRange.setEnd(node, offset); deleteContents(delRange); if (!isAncestorContainer(document.body, range.startContainer)) { if (delRange.startContainer.hasChildNodes() || delRange.startContainer.nodeType == $_.Node.TEXT_NODE) { range.setStart(delRange.startContainer, delRange.startOffset); range.setEnd(delRange.startContainer, delRange.startOffset); } else { range.setStart(delRange.startContainer.parentNode, getNodeIndex(delRange.startContainer)); range.setEnd(delRange.startContainer.parentNode, getNodeIndex(delRange.startContainer)); } } } }; //@} ///// The formatBlock command ///// //@{ // "A formattable block name is "address", "dd", "div", "dt", "h1", "h2", "h3", // "h4", "h5", "h6", "p", or "pre"." var formattableBlockNames = ["address", "dd", "div", "dt", "h1", "h2", "h3", "h4", "h5", "h6", "p", "pre"]; commands.formatblock = { action: function(value) { // "If value begins with a "<" character and ends with a ">" character, // remove the first and last characters from it." if (/^<.*>$/.test(value)) { value = value.slice(1, -1); } // "Let value be converted to ASCII lowercase." value = value.toLowerCase(); // "If value is not a formattable block name, abort these steps and do // nothing." if ($_(formattableBlockNames).indexOf(value) == -1) { return; } // "Block-extend the active range, and let new range be the result." var newRange = blockExtend(getActiveRange()); // "Let node list be an empty list of nodes." // // "For each node node contained in new range, append node to node list // if it is editable, the last member of original node list (if any) is // not an ancestor of node, node is either a non-list single-line // container or an allowed child of "p" or a dd or dt, and node is not // the ancestor of a prohibited paragraph child." var nodeList = getContainedNodes(newRange, function(node) { return isEditable(node) && (isNonListSingleLineContainer(node) || isAllowedChild(node, "p") || isHtmlElement(node, ["dd", "dt"])) && !$_( getDescendants(node) ).some(isProhibitedParagraphChild); }); // "Record the values of node list, and let values be the result." var values = recordValues(nodeList); // "For each node in node list, while node is the descendant of an // editable HTML element in the same editing host, whose local name is // a formattable block name, and which is not the ancestor of a // prohibited paragraph child, split the parent of the one-node list // consisting of node." for (var i = 0; i < nodeList.length; i++) { var node = nodeList[i]; while ($_( getAncestors(node) ).some(function(ancestor) { return isEditable(ancestor) && inSameEditingHost(ancestor, node) && isHtmlElement(ancestor, formattableBlockNames) && !$_( getDescendants(ancestor) ).some(isProhibitedParagraphChild); })) { splitParent([node], range); } } // "Restore the values from values." restoreValues(values, range); // "While node list is not empty:" while (nodeList.length) { var sublist; // "If the first member of node list is a single-line // container:" if (isSingleLineContainer(nodeList[0])) { // "Let sublist be the children of the first member of node // list." sublist = [].slice.call(toArray(nodeList[0].childNodes)); // "Record the values of sublist, and let values be the // result." var values = recordValues(sublist); // "Remove the first member of node list from its parent, // preserving its descendants." removePreservingDescendants(nodeList[0], range); // "Restore the values from values." restoreValues(values, range); // "Remove the first member from node list." nodeList.shift(); // "Otherwise:" } else { // "Let sublist be an empty list of nodes." sublist = []; // "Remove the first member of node list and append it to // sublist." sublist.push(nodeList.shift()); // "While node list is not empty, and the first member of // node list is the nextSibling of the last member of // sublist, and the first member of node list is not a // single-line container, and the last member of sublist is // not a br, remove the first member of node list and // append it to sublist." while (nodeList.length && nodeList[0] == sublist[sublist.length - 1].nextSibling && !isSingleLineContainer(nodeList[0]) && !isHtmlElement(sublist[sublist.length - 1], "BR")) { sublist.push(nodeList.shift()); } } // "Wrap sublist. If value is "div" or "p", sibling criteria // returns false; otherwise it returns true for an HTML element // with local name value and no attributes, and false otherwise. // New parent instructions return the result of running // createElement(value) on the context object. Then fix disallowed // ancestors of the result." fixDisallowedAncestors( wrap(sublist, $_(["div", "p"]).indexOf(value) == - 1 ? function(node) { return isHtmlElement(node, value) && !node.attributes.length } : function() { return false }, function() { return document.createElement(value) }, range ), range ); } }, indeterm: function() { // "Block-extend the active range, and let new range be the result." var newRange = blockExtend(getActiveRange()); // "Let node list be all visible editable nodes that are contained in // new range and have no children." var nodeList = getAllContainedNodes(newRange, function(node) { return isVisible(node) && isEditable(node) && !node.hasChildNodes(); }); // "If node list is empty, return false." if (!nodeList.length) { return false; } // "Let type be null." var type = null; // "For each node in node list:" for (var i = 0; i < nodeList.length; i++) { var node = nodeList[i]; // "While node's parent is editable and in the same editing host as // node, and node is not an HTML element whose local name is a // formattable block name, set node to its parent." while (isEditable(node.parentNode) && inSameEditingHost(node, node.parentNode) && !isHtmlElement(node, formattableBlockNames)) { node = node.parentNode; } // "Let current type be the empty string." var currentType = ""; // "If node is an editable HTML element whose local name is a // formattable block name, and node is not the ancestor of a // prohibited paragraph child, set current type to node's local // name." if (isEditable(node) && isHtmlElement(node, formattableBlockNames) && !$_( getDescendants(node) ).some(isProhibitedParagraphChild)) { currentType = node.tagName; } // "If type is null, set type to current type." if (type === null) { type = currentType; // "Otherwise, if type does not equal current type, return true." } else if (type != currentType) { return true; } } // "Return false." return false; }, value: function() { // "Block-extend the active range, and let new range be the result." var newRange = blockExtend(getActiveRange()); // "Let node be the first visible editable node that is contained in // new range and has no children. If there is no such node, return the // empty string." var nodes = getAllContainedNodes(newRange, function(node) { return isVisible(node) && isEditable(node) && !node.hasChildNodes(); }); if (!nodes.length) { return ""; } var node = nodes[0]; // "While node's parent is editable and in the same editing host as // node, and node is not an HTML element whose local name is a // formattable block name, set node to its parent." while (isEditable(node.parentNode) && inSameEditingHost(node, node.parentNode) && !isHtmlElement(node, formattableBlockNames)) { node = node.parentNode; } // "If node is an editable HTML element whose local name is a // formattable block name, and node is not the ancestor of a prohibited // paragraph child, return node's local name, converted to ASCII // lowercase." if (isEditable(node) && isHtmlElement(node, formattableBlockNames) && !$_( getDescendants(node) ).some(isProhibitedParagraphChild)) { return node.tagName.toLowerCase(); } // "Return the empty string." return ""; } }; //@} ///// The forwardDelete command ///// //@{ commands.forwarddelete = { action: function(value, range) { // "If the active range is not collapsed, delete the contents of the // active range and abort these steps." if (!range.collapsed) { deleteContents(range); return; } // "Canonicalize whitespace at (active range's start node, active // range's start offset)." canonicalizeWhitespace(range.startContainer, range.startOffset); // "Let node and offset be the active range's start node and offset." var node = range.startContainer; var offset = range.startOffset; var isBr = false; var isHr = false; // "Repeat the following steps:" while (true) { // check whether the next element is a br or hr if ( offset < node.childNodes.length ) { isBr = isHtmlElement(node.childNodes[offset], "br") || false; isHr = isHtmlElement(node.childNodes[offset], "hr") || false; } // "If offset is the length of node and node's nextSibling is an // editable invisible node, remove node's nextSibling from its // parent." if (offset == getNodeLength(node) && isEditable(node.nextSibling) && isInvisible(node.nextSibling)) { node.parentNode.removeChild(node.nextSibling); // "Otherwise, if node has a child with index offset and that child // is an editable invisible node, remove that child from node." } else if (offset < node.childNodes.length && isEditable(node.childNodes[offset]) && (isInvisible(node.childNodes[offset]) || isBr || isHr )) { node.removeChild(node.childNodes[offset]); if (isBr || isHr) { range.setStart(node, offset); range.setEnd(node, offset); return; } // "Otherwise, if node has a child with index offset and that child // is a collapsed block prop, add one to offset." } else if (offset < node.childNodes.length && isCollapsedBlockProp(node.childNodes[offset])) { offset++; // "Otherwise, if offset is the length of node and node is an // inline node, or if node is invisible, set offset to one plus the // index of node, then set node to its parent." } else if ((offset == getNodeLength(node) && isInlineNode(node)) || isInvisible(node)) { offset = 1 + getNodeIndex(node); node = node.parentNode; // "Otherwise, if node has a child with index offset and that child // is not a block node or a br or an img, set node to that child, // then set offset to zero." } else if (offset < node.childNodes.length && !isBlockNode(node.childNodes[offset]) && !isHtmlElement(node.childNodes[offset], ["br", "img"])) { node = node.childNodes[offset]; offset = 0; // "Otherwise, break from this loop." } else { break; } } // collapse whitespace in the node, if it is a text node collapseWhitespace(node, range); // "If node is a Text node and offset is not node's length:" if (node.nodeType == $_.Node.TEXT_NODE && offset != getNodeLength(node)) { // "Call collapse(node, offset) on the Selection." range.setStart(node, offset); range.setEnd(node, offset); // "Let end offset be offset plus one." var endOffset = offset + 1; // "While end offset is not node's length and the end offsetth // element of node's data has general category M when interpreted // as a Unicode code point, add one to end offset." // // TODO: Not even going to try handling anything beyond the most // basic combining marks, since I couldn't find a good list. I // special-case a few Hebrew diacritics too to test basic coverage // of non-Latin stuff. while (endOffset != node.length && /^[\u0300-\u036f\u0591-\u05bd\u05c1\u05c2]$/.test(node.data[endOffset])) { endOffset++; } // "Delete the contents of the range with start (node, offset) and // end (node, end offset)." deleteContents(node, offset, node, endOffset); // "Abort these steps." return; } // "If node is an inline node, abort these steps." if (isInlineNode(node)) { return; } // "If node has a child with index offset and that child is a br or hr // or img, call collapse(node, offset) on the Selection. Then delete // the contents of the range with start (node, offset) and end (node, // offset + 1) and abort these steps." if (offset < node.childNodes.length && isHtmlElement(node.childNodes[offset], ["br", "hr", "img"])) { range.setStart(node, offset); range.setEnd(node, offset); deleteContents(node, offset, node, offset + 1); return; } // "Let end node equal node and let end offset equal offset." var endNode = node; var endOffset = offset; // "Repeat the following steps:" while (true) { // "If end offset is the length of end node, set end offset to one // plus the index of end node and then set end node to its parent." if (endOffset == getNodeLength(endNode)) { endOffset = 1 + getNodeIndex(endNode); endNode = endNode.parentNode; // "Otherwise, if end node has a an editable invisible child with // index end offset, remove it from end node." } else if (endOffset < endNode.childNodes.length && isEditable(endNode.childNodes[endOffset]) && isInvisible(endNode.childNodes[endOffset])) { endNode.removeChild(endNode.childNodes[endOffset]); // "Otherwise, break from this loop." } else { break; } } // "If the child of end node with index end offset minus one is a // table, abort these steps." if (isHtmlElement(endNode.childNodes[endOffset - 1], "table")) { return; } // "If the child of end node with index end offset is a table:" if (isHtmlElement(endNode.childNodes[endOffset], "table")) { // "Call collapse(end node, end offset) on the context object's // Selection." range.setStart(endNode, endOffset); // "Call extend(end node, end offset + 1) on the context object's // Selection." range.setEnd(endNode, endOffset + 1); // "Abort these steps." return; } // "If offset is the length of node, and the child of end node with // index end offset is an hr or br:" if (offset == getNodeLength(node) && isHtmlElement(endNode.childNodes[endOffset], ["br", "hr"])) { // "Call collapse(node, offset) on the Selection." range.setStart(node, offset); range.setEnd(node, offset); // "Delete the contents of the range with end (end node, end // offset) and end (end node, end offset + 1)." deleteContents(endNode, endOffset, endNode, endOffset + 1); // "Abort these steps." return; } // "While end node has a child with index end offset:" while (endOffset < endNode.childNodes.length) { // "If end node's child with index end offset is editable and // invisible, remove it from end node." if (isEditable(endNode.childNodes[endOffset]) && isInvisible(endNode.childNodes[endOffset])) { endNode.removeChild(endNode.childNodes[endOffset]); // "Otherwise, set end node to its child with index end offset and // set end offset to zero." } else { endNode = endNode.childNodes[endOffset]; endOffset = 0; } } // "Delete the contents of the range with start (node, offset) and end // (end node, end offset)." deleteContents(node, offset, endNode, endOffset); } }; //@} ///// The indent command ///// //@{ commands.indent = { action: function() { // "Let items be a list of all lis that are ancestor containers of the // active range's start and/or end node." // // Has to be in tree order, remember! var items = []; for (var node = getActiveRange().endContainer; node != getActiveRange().commonAncestorContainer; node = node.parentNode) { if (isHtmlElement(node, "LI")) { items.unshift(node); } } for (var node = getActiveRange().startContainer; node != getActiveRange().commonAncestorContainer; node = node.parentNode) { if (isHtmlElement(node, "LI")) { items.unshift(node); } } for (var node = getActiveRange().commonAncestorContainer; node; node = node.parentNode) { if (isHtmlElement(node, "LI")) { items.unshift(node); } } // "For each item in items, normalize sublists of item." for (var i = 0; i < items.length; i++) { normalizeSublists(items[i, range]); } // "Block-extend the active range, and let new range be the result." var newRange = blockExtend(getActiveRange()); // "Let node list be a list of nodes, initially empty." var nodeList = []; // "For each node node contained in new range, if node is editable and // is an allowed child of "div" or "ol" and if the last member of node // list (if any) is not an ancestor of node, append node to node list." nodeList = getContainedNodes(newRange, function(node) { return isEditable(node) && (isAllowedChild(node, "div") || isAllowedChild(node, "ol")); }); // "If the first member of node list is an li whose parent is an ol or // ul, and its previousSibling is an li as well, normalize sublists of // its previousSibling." if (nodeList.length && isHtmlElement(nodeList[0], "LI") && isHtmlElement(nodeList[0].parentNode, ["OL", "UL"]) && isHtmlElement(nodeList[0].previousSibling, "LI")) { normalizeSublists(nodeList[0].previousSibling, range); } // "While node list is not empty:" while (nodeList.length) { // "Let sublist be a list of nodes, initially empty." var sublist = []; // "Remove the first member of node list and append it to sublist." sublist.push(nodeList.shift()); // "While the first member of node list is the nextSibling of the // last member of sublist, remove the first member of node list and // append it to sublist." while (nodeList.length && nodeList[0] == sublist[sublist.length - 1].nextSibling) { sublist.push(nodeList.shift()); } // "Indent sublist." indentNodes(sublist, range); } } }; //@} ///// The insertHorizontalRule command ///// //@{ commands.inserthorizontalrule = { action: function(value, range) { // "While range's start offset is 0 and its start node's parent is not // null, set range's start to (parent of start node, index of start // node)." while (range.startOffset == 0 && range.startContainer.parentNode) { range.setStart(range.startContainer.parentNode, getNodeIndex(range.startContainer)); } // "While range's end offset is the length of its end node, and its end // node's parent is not null, set range's end to (parent of end node, 1 // + index of start node)." while (range.endOffset == getNodeLength(range.endContainer) && range.endContainer.parentNode) { range.setEnd(range.endContainer.parentNode, 1 + getNodeIndex(range.endContainer)); } // "Delete the contents of range, with block merging false." deleteContents(range, {blockMerging: false}); // "If the active range's start node is neither editable nor an editing // host, abort these steps." if (!isEditable(getActiveRange().startContainer) && !isEditingHost(getActiveRange().startContainer)) { return; } // "If the active range's start node is a Text node and its start // offset is zero, set the active range's start and end to (parent of // start node, index of start node)." if (getActiveRange().startContainer.nodeType == $_.Node.TEXT_NODE && getActiveRange().startOffset == 0) { getActiveRange().setStart(getActiveRange().startContainer.parentNode, getNodeIndex(getActiveRange().startContainer)); getActiveRange().collapse(true); } // "If the active range's start node is a Text node and its start // offset is the length of its start node, set the active range's start // and end to (parent of start node, 1 + index of start node)." if (getActiveRange().startContainer.nodeType == $_.Node.TEXT_NODE && getActiveRange().startOffset == getNodeLength(getActiveRange().startContainer)) { getActiveRange().setStart(getActiveRange().startContainer.parentNode, 1 + getNodeIndex(getActiveRange().startContainer)); getActiveRange().collapse(true); } // "Let hr be the result of calling createElement("hr") on the // context object." var hr = document.createElement("hr"); // "Run insertNode(hr) on the range." range.insertNode(hr); // "Fix disallowed ancestors of hr." fixDisallowedAncestors(hr, range); // "Run collapse() on the Selection, with first argument equal to the // parent of hr and the second argument equal to one plus the index of // hr." // // Not everyone actually supports collapse(), so we do it manually // instead. Also, we need to modify the actual range we're given as // well, for the sake of autoimplementation.html's range-filling-in. range.setStart(hr.parentNode, 1 + getNodeIndex(hr)); range.setEnd(hr.parentNode, 1 + getNodeIndex(hr)); Aloha.getSelection().removeAllRanges(); Aloha.getSelection().addRange(range); } }; //@} ///// The insertHTML command ///// //@{ commands.inserthtml = { action: function(value, range) { // "Delete the contents of the active range." deleteContents(range); // "If the active range's start node is neither editable nor an editing // host, abort these steps." if (!isEditable(range.startContainer) && !isEditingHost(range.startContainer)) { return; } // "Let frag be the result of calling createContextualFragment(value) // on the active range." var frag = range.createContextualFragment(value); // "Let last child be the lastChild of frag." var lastChild = frag.lastChild; // "If last child is null, abort these steps." if (!lastChild) { return; } // "Let descendants be all descendants of frag." var descendants = getDescendants(frag); // "If the active range's start node is a block node:" if (isBlockNode(range.startContainer)) { // "Let collapsed block props be all editable collapsed block prop // children of the active range's start node that have index // greater than or equal to the active range's start offset." // // "For each node in collapsed block props, remove node from its // parent." $_(range.startContainer.childNodes).filter(function(node, range) { return isEditable(node) && isCollapsedBlockProp(node) && getNodeIndex(node) >= range.startOffset; }, true).forEach(function(node) { node.parentNode.removeChild(node); }); } // "Call insertNode(frag) on the active range." range.insertNode(frag); // "If the active range's start node is a block node with no visible // children, call createElement("br") on the context object and append // the result as the last child of the active range's start node." if (isBlockNode(range.startContainer) && !$_(range.startContainer.childNodes).some(isVisible)) { range.startContainer.appendChild(createEndBreak()); } // "Call collapse() on the context object's Selection, with last // child's parent as the first argument and one plus its index as the // second." range.setStart(lastChild.parentNode, 1 + getNodeIndex(lastChild)); range.setEnd(lastChild.parentNode, 1 + getNodeIndex(lastChild)); // "Fix disallowed ancestors of each member of descendants." for (var i = 0; i < descendants.length; i++) { fixDisallowedAncestors(descendants[i], range); } setActiveRange( range ); } }; //@} ///// The insertImage command ///// //@{ commands.insertimage = { action: function(value) { // "If value is the empty string, abort these steps and do nothing." if (value === "") { return; } // "Let range be the active range." var range = getActiveRange(); // "Delete the contents of range, with strip wrappers false." deleteContents(range, {stripWrappers: false}); // "If the active range's start node is neither editable nor an editing // host, abort these steps." if (!isEditable(getActiveRange().startContainer) && !isEditingHost(getActiveRange().startContainer)) { return; } // "If range's start node is a block node whose sole child is a br, and // its start offset is 0, remove its start node's child from it." if (isBlockNode(range.startContainer) && range.startContainer.childNodes.length == 1 && isHtmlElement(range.startContainer.firstChild, "br") && range.startOffset == 0) { range.startContainer.removeChild(range.startContainer.firstChild); } // "Let img be the result of calling createElement("img") on the // context object." var img = document.createElement("img"); // "Run setAttribute("src", value) on img." img.setAttribute("src", value); // "Run insertNode(img) on the range." range.insertNode(img); // "Run collapse() on the Selection, with first argument equal to the // parent of img and the second argument equal to one plus the index of // img." // // Not everyone actually supports collapse(), so we do it manually // instead. Also, we need to modify the actual range we're given as // well, for the sake of autoimplementation.html's range-filling-in. range.setStart(img.parentNode, 1 + getNodeIndex(img)); range.setEnd(img.parentNode, 1 + getNodeIndex(img)); Aloha.getSelection().removeAllRanges(); Aloha.getSelection().addRange(range); // IE adds width and height attributes for some reason, so remove those // to actually do what the spec says. img.removeAttribute("width"); img.removeAttribute("height"); } }; //@} ///// The insertLineBreak command ///// //@{ commands.insertlinebreak = { action: function(value, range) { // "Delete the contents of the active range, with strip wrappers false." deleteContents(range, {stripWrappers: false}); // "If the active range's start node is neither editable nor an editing // host, abort these steps." if (!isEditable(range.startContainer) && !isEditingHost(range.startContainer)) { return; } // "If the active range's start node is an Element, and "br" is not an // allowed child of it, abort these steps." if (range.startContainer.nodeType == $_.Node.ELEMENT_NODE && !isAllowedChild("br", range.startContainer)) { return; } // "If the active range's start node is not an Element, and "br" is not // an allowed child of the active range's start node's parent, abort // these steps." if (range.startContainer.nodeType != $_.Node.ELEMENT_NODE && !isAllowedChild("br", range.startContainer.parentNode)) { return; } // "If the active range's start node is a Text node and its start // offset is zero, call collapse() on the context object's Selection, // with first argument equal to the active range's start node's parent // and second argument equal to the active range's start node's index." if (range.startContainer.nodeType == $_.Node.TEXT_NODE && range.startOffset == 0) { var newNode = range.startContainer.parentNode; var newOffset = getNodeIndex(range.startContainer); Aloha.getSelection().collapse(newNode, newOffset); range.setStart(newNode, newOffset); range.setEnd(newNode, newOffset); } // "If the active range's start node is a Text node and its start // offset is the length of its start node, call collapse() on the // context object's Selection, with first argument equal to the active // range's start node's parent and second argument equal to one plus // the active range's start node's index." if (range.startContainer.nodeType == $_.Node.TEXT_NODE && range.startOffset == getNodeLength(range.startContainer)) { var newNode = range.startContainer.parentNode; var newOffset = 1 + getNodeIndex(range.startContainer); Aloha.getSelection().collapse(newNode, newOffset); range.setStart(newNode, newOffset); range.setEnd(newNode, newOffset); } // "Let br be the result of calling createElement("br") on the context // object." var br = document.createElement("br"); // "Call insertNode(br) on the active range." range.insertNode(br); // "Call collapse() on the context object's Selection, with br's parent // as the first argument and one plus br's index as the second // argument." Aloha.getSelection().collapse(br.parentNode, 1 + getNodeIndex(br)); range.setStart(br.parentNode, 1 + getNodeIndex(br)); range.setEnd(br.parentNode, 1 + getNodeIndex(br)); // "If br is a collapsed line break, call createElement("br") on the // context object and let extra br be the result, then call // insertNode(extra br) on the active range." if (isCollapsedLineBreak(br)) { range.insertNode(createEndBreak()); // Compensate for nonstandard implementations of insertNode Aloha.getSelection().collapse(br.parentNode, 1 + getNodeIndex(br)); range.setStart(br.parentNode, 1 + getNodeIndex(br)); range.setEnd(br.parentNode, 1 + getNodeIndex(br)); } } }; //@} ///// The insertOrderedList command ///// //@{ commands.insertorderedlist = { // "Toggle lists with tag name "ol"." action: function() { toggleLists("ol") }, // "True if the selection's list state is "mixed" or "mixed ol", false // otherwise." indeterm: function() { return /^mixed( ol)?$/.test(getSelectionListState()) }, // "True if the selection's list state is "ol", false otherwise." state: function() { return getSelectionListState() == "ol" } }; //@} ///// The insertParagraph command ///// //@{ commands.insertparagraph = { action: function(value, range) { // "Delete the contents of the active range." deleteContents(range); // "If the active range's start node is neither editable nor an editing // host, abort these steps." if (!isEditable(range.startContainer) && !isEditingHost(range.startContainer)) { return; } // "Let node and offset be the active range's start node and offset." var node = range.startContainer; var offset = range.startOffset; // "If node is a Text node, and offset is neither 0 nor the length of // node, call splitText(offset) on node." if (node.nodeType == $_.Node.TEXT_NODE && offset != 0 && offset != getNodeLength(node)) { node.splitText(offset); } // "If node is a Text node and offset is its length, set offset to one // plus the index of node, then set node to its parent." if (node.nodeType == $_.Node.TEXT_NODE && offset == getNodeLength(node)) { offset = 1 + getNodeIndex(node); node = node.parentNode; } // "If node is a Text or Comment node, set offset to the index of node, // then set node to its parent." if (node.nodeType == $_.Node.TEXT_NODE || node.nodeType == $_.Node.COMMENT_NODE) { offset = getNodeIndex(node); node = node.parentNode; } // "Call collapse(node, offset) on the context object's Selection." Aloha.getSelection().collapse(node, offset); range.setStart(node, offset); range.setEnd(node, offset); // "Let container equal node." var container = node; // "While container is not a single-line container, and container's // parent is editable and in the same editing host as node, set // container to its parent." while (!isSingleLineContainer(container) && isEditable(container.parentNode) && inSameEditingHost(node, container.parentNode)) { container = container.parentNode; } // "If container is not editable or not in the same editing host as // node or is not a single-line container:" if (!isEditable(container) || !inSameEditingHost(container, node) || !isSingleLineContainer(container)) { // "Let tag be the default single-line container name." var tag = defaultSingleLineContainerName; // "Block-extend the active range, and let new range be the // result." var newRange = blockExtend(range); // "Let node list be a list of nodes, initially empty." // // "Append to node list the first node in tree order that is // contained in new range and is an allowed child of "p", if any." var nodeList = getContainedNodes(newRange, function(node) { return isAllowedChild(node, "p") }) .slice(0, 1); // "If node list is empty:" if (!nodeList.length) { // "If tag is not an allowed child of the active range's start // node, abort these steps." if (!isAllowedChild(tag, range.startContainer)) { return; } // "Set container to the result of calling createElement(tag) // on the context object." container = document.createElement(tag); // "Call insertNode(container) on the active range." range.insertNode(container); // "Call createElement("br") on the context object, and append // the result as the last child of container." container.appendChild(createEndBreak()); // "Call collapse(container, 0) on the context object's // Selection." // TODO: remove selection from command Aloha.getSelection().collapse(container, 0); range.setStart(container, 0); range.setEnd(container, 0); // "Abort these steps." return; } // "While the nextSibling of the last member of node list is not // null and is an allowed child of "p", append it to node list." while (nodeList[nodeList.length - 1].nextSibling && isAllowedChild(nodeList[nodeList.length - 1].nextSibling, "p")) { nodeList.push(nodeList[nodeList.length - 1].nextSibling); } // "Wrap node list, with sibling criteria returning false and new // parent instructions returning the result of calling // createElement(tag) on the context object. Set container to the // result." container = wrap(nodeList, function() { return false }, function() { return document.createElement(tag) }, range ); } // "If container's local name is "address", "listing", or "pre":" if (container.tagName == "ADDRESS" || container.tagName == "LISTING" || container.tagName == "PRE") { // "Let br be the result of calling createElement("br") on the // context object." var br = document.createElement("br"); // remember the old height var oldHeight = container.offsetHeight; // "Call insertNode(br) on the active range." range.insertNode(br); // determine the new height var newHeight = container.offsetHeight; // "Call collapse(node, offset + 1) on the context object's // Selection." Aloha.getSelection().collapse(node, offset + 1); range.setStart(node, offset + 1); range.setEnd(node, offset + 1); // "If br is the last descendant of container, let br be the result // of calling createElement("br") on the context object, then call // insertNode(br) on the active range." (Fix: only do this, if the container height did not change by inserting a single