mirror of
https://github.com/haiwen/seahub.git
synced 2025-08-17 14:37:58 +00:00
720ac28c22
* textcolor: fixed plugin bugs, added translation for zh * image: fixed default.jpg src bug * added 'ru' support for seaf edit * rm aloha-0.22.3 and ununsed files in aloha-0.22.7
8489 lines
305 KiB
JavaScript
8489 lines
305 KiB
JavaScript
define(['aloha/core', 'aloha/ecma5shims', 'jquery'], function (Aloha, $_, jQuery) {
|
||
"use strict";
|
||
|
||
function hasAttribute(obj, attr) {
|
||
var native_method = obj.hasAttribute;
|
||
if (native_method) {
|
||
return obj.hasAttribute(attr);
|
||
}
|
||
return (typeof obj.attributes[attr] != "undefined");
|
||
}
|
||
|
||
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 //////////////////////////////
|
||
///////////////////////////////////////////////////////////////////////////////
|
||
//@{
|
||
|
||
// Opera 11 puts HTML elements in the null namespace, it seems.
|
||
function isHtmlNamespace(ns) {
|
||
return ns === null || !ns || ns === htmlNamespace;
|
||
}
|
||
|
||
// "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 isNamedHtmlElement(node, 'OL'). It accepts arrays
|
||
// too, like isHtmlElementInArray(node, ["OL", "UL"]) to check if it's an ol or ul.
|
||
// TODO This function was prominent during profiling. Remove it
|
||
// and replace with calls to isAnyHtmlElement, isNamedHtmlElement
|
||
// and is isMappedHtmlElement.
|
||
function isHtmlElement_obsolete(node, tags) {
|
||
if (typeof tags == "string") {
|
||
tags = [tags];
|
||
}
|
||
if (typeof tags == "object") {
|
||
tags = $_(tags).map(function (tag) {
|
||
return tag.toUpperCase();
|
||
});
|
||
}
|
||
return node && node.nodeType == 1 && isHtmlNamespace(node.namespaceURI) && (typeof tags == "undefined" || $_(tags).indexOf(node.tagName) != -1);
|
||
}
|
||
|
||
function isAnyHtmlElement(node) {
|
||
return node && node.nodeType == 1 && isHtmlNamespace(node.namespaceURI);
|
||
}
|
||
|
||
// name should be uppercase
|
||
function isNamedHtmlElement(node, name) {
|
||
return node && node.nodeType == 1 && isHtmlNamespace(node.namespaceURI)
|
||
// This function is passed in a mix of upper and lower case names
|
||
&& name.toUpperCase() === node.nodeName;
|
||
}
|
||
|
||
// TODO remove when isHtmlElementInArray is removed
|
||
function arrayContainsInsensitive(array, str) {
|
||
var i, len;
|
||
str = str.toUpperCase();
|
||
for (i = 0, len = array.length; i < len; i++) {
|
||
if (array[i].toUpperCase() === str) {
|
||
return true;
|
||
}
|
||
}
|
||
return false;
|
||
}
|
||
// TODO replace calls to this function with calls to isMappedHtmlElement()
|
||
function isHtmlElementInArray(node, array) {
|
||
return node && node.nodeType == 1 && isHtmlNamespace(node.namespaceURI)
|
||
// This function is passed in a mix of upper and lower case names
|
||
&& arrayContainsInsensitive(array, node.nodeName);
|
||
}
|
||
|
||
// map must have all-uppercase keys
|
||
function isMappedHtmlElement(node, map) {
|
||
return node && node.nodeType == 1 && isHtmlNamespace(node.namespaceURI) && map[node.nodeName];
|
||
}
|
||
|
||
/**
|
||
* Method to count the number of styles in the given style
|
||
*/
|
||
function getStyleLength(node) {
|
||
var s;
|
||
var styleLength = 0;
|
||
|
||
if (!node) {
|
||
return 0;
|
||
}
|
||
|
||
if (!node.style) {
|
||
return 0;
|
||
}
|
||
|
||
// some browsers support .length on styles
|
||
if (typeof node.style.length !== 'undefined') {
|
||
return node.style.length;
|
||
}
|
||
|
||
/*jslint forin: true*/ //not sure whether node.style.hasOwnProperty is valid
|
||
for (s in node.style) {
|
||
if (node.style[s] && node.style[s] !== 0 && node.style[s] !== 'false') {
|
||
styleLength++;
|
||
}
|
||
}
|
||
/*jslint forin: false*/
|
||
|
||
return styleLength;
|
||
}
|
||
|
||
function toArray(obj) {
|
||
if (!obj) {
|
||
return null;
|
||
}
|
||
var array = [],
|
||
i,
|
||
l = obj.length;
|
||
// iterate backwards ensuring that length is an UInt32
|
||
i = l >>> 0;
|
||
while (i--) {
|
||
array[i] = obj[i];
|
||
}
|
||
return array;
|
||
}
|
||
|
||
function nextNodeDescendants(node) {
|
||
while (node && !node.nextSibling) {
|
||
node = node.parentNode;
|
||
}
|
||
if (!node) {
|
||
return null;
|
||
}
|
||
return node.nextSibling;
|
||
}
|
||
|
||
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;
|
||
}
|
||
|
||
/**
|
||
* 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 (null != (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 <font size=X> 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];
|
||
}
|
||
|
||
// "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 (!isAnyHtmlElement(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";
|
||
}
|
||
}
|
||
|
||
var documentPosition = $_.compareDocumentPosition(nodeB, nodeA);
|
||
// "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 (documentPosition & $_.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 (documentPosition & $_.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);
|
||
if (pos1 !== "after") {
|
||
return false;
|
||
}
|
||
var pos2 = getPosition(node, getNodeLength(node), range.endContainer, range.endOffset);
|
||
if (pos2 !== "before") {
|
||
return false;
|
||
}
|
||
return getFurthestAncestor(node) == getFurthestAncestor(range.startContainer);
|
||
}
|
||
|
||
/**
|
||
* 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], 10).toString(16).replace(/^.$/, "0$&") + parseInt(matches[2], 10).toString(16).replace(/^.$/, "0$&") + parseInt(matches[3], 10).toString(16).replace(/^.$/, "0$&");
|
||
} else if ( /^#[abcdef0123456789]+$/i.exec(color) ) {
|
||
// return hexadecimal color values (as returned by IE 7/8)
|
||
return color;
|
||
}
|
||
return null;
|
||
}
|
||
|
||
//@}
|
||
|
||
//////////////////////////////////////////////////////////////////////////////
|
||
/////////////////////////// Edit command functions ///////////////////////////
|
||
//////////////////////////////////////////////////////////////////////////////
|
||
|
||
/////////////////////////////////////////////////
|
||
///// Methods of the HTMLDocument interface /////
|
||
/////////////////////////////////////////////////
|
||
//@{
|
||
|
||
var getStateOverride,
|
||
setStateOverride,
|
||
unsetStateOverride,
|
||
getValueOverride,
|
||
setValueOverride,
|
||
unsetValueOverride;
|
||
|
||
var executionStackDepth = 0;
|
||
|
||
// 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, 10);
|
||
|
||
// "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;
|
||
}
|
||
|
||
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 (jQuery.inArray(size, ["xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large"]) == -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, 10);
|
||
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."
|
||
font = document.createElement("font");
|
||
font.size = returnedSize;
|
||
document.body.appendChild(font);
|
||
var lowerBound = parseInt($_.getComputedStyle(font).fontSize, 10);
|
||
|
||
// "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, 10);
|
||
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";
|
||
}
|
||
|
||
// Helper function for common behavior.
|
||
function editCommandMethod(command, prop, range, callback) {
|
||
var ret;
|
||
|
||
// 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 (!commands.hasOwnProperty(command)) {
|
||
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" && !commands[command].hasOwnProperty(prop)) {
|
||
throw "INVALID_ACCESS_ERR";
|
||
}
|
||
|
||
executionStackDepth++;
|
||
try {
|
||
ret = callback();
|
||
} catch (e) {
|
||
executionStackDepth--;
|
||
throw e;
|
||
}
|
||
executionStackDepth--;
|
||
return ret;
|
||
}
|
||
|
||
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 jQuery.inArray(command, ["copy", "cut", "paste", "selectall", "stylewithcss", "usecss"]) != -1 || range !== null;
|
||
};
|
||
}(command)));
|
||
}
|
||
|
||
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();
|
||
}
|
||
|
||
function myExecCommand(commandArg, showUiArg, valueArg, range) {
|
||
// "All of these methods must treat their command argument ASCII
|
||
// case-insensitively."
|
||
var command = commandArg.toLowerCase();
|
||
var showUi = showUiArg;
|
||
var value = valueArg;
|
||
|
||
// "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 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 commands.hasOwnProperty(command);
|
||
}
|
||
|
||
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(range);
|
||
});
|
||
}
|
||
//@}
|
||
|
||
//////////////////////////////
|
||
///// Common definitions /////
|
||
//////////////////////////////
|
||
//@{
|
||
|
||
// "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 prohibitedParagraphChildNamesMap = {
|
||
"ADDRESS": true,
|
||
"ARTICLE": true,
|
||
"ASIDE": true,
|
||
"BLOCKQUOTE": true,
|
||
"CAPTION": true,
|
||
"CENTER": true,
|
||
"COL": true,
|
||
"COLGROUP": true,
|
||
"DD": true,
|
||
"DETAILS": true,
|
||
"DIR": true,
|
||
"DIV": true,
|
||
"DL": true,
|
||
"DT": true,
|
||
"FIELDSET": true,
|
||
"FIGCAPTION": true,
|
||
"FIGURE": true,
|
||
"FOOTER": true,
|
||
"FORM": true,
|
||
"H1": true,
|
||
"H2": true,
|
||
"H3": true,
|
||
"H4": true,
|
||
"H5": true,
|
||
"H6": true,
|
||
"HEADER": true,
|
||
"HGROUP": true,
|
||
"HR": true,
|
||
"LI": true,
|
||
"LISTING": true,
|
||
"MENU": true,
|
||
"NAV": true,
|
||
"OL": true,
|
||
"P": true,
|
||
"PLAINTEXT": true,
|
||
"PRE": true,
|
||
"SECTION": true,
|
||
"SUMMARY": true,
|
||
"TABLE": true,
|
||
"TBODY": true,
|
||
"TD": true,
|
||
"TFOOT": true,
|
||
"TH": true,
|
||
"THEAD": true,
|
||
"TR": true,
|
||
"UL": true,
|
||
"XMP": true
|
||
};
|
||
|
||
// "A prohibited paragraph child is an HTML element whose local name is a
|
||
// prohibited paragraph child name."
|
||
function isProhibitedParagraphChild(node) {
|
||
return isMappedHtmlElement(node, prohibitedParagraphChildNamesMap);
|
||
}
|
||
|
||
var nonBlockDisplayValuesMap = {
|
||
"inline": true,
|
||
"inline-block": true,
|
||
"inline-table": true,
|
||
"none": true
|
||
};
|
||
|
||
// "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 && !nonBlockDisplayValuesMap[$_.getComputedStyle(node).display]) || 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) {
|
||
var i;
|
||
for (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;
|
||
}
|
||
if (isEditable(node)) {
|
||
var ancestor = node.parentNode;
|
||
while (!isEditingHost(ancestor)) {
|
||
ancestor = ancestor.parentNode;
|
||
}
|
||
return ancestor;
|
||
}
|
||
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 (!isNamedHtmlElement(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 origStyle = {
|
||
height: ref.style.height,
|
||
maxHeight: ref.style.maxHeight,
|
||
minHeight: ref.style.minHeight
|
||
};
|
||
|
||
ref.style.height = 'auto';
|
||
ref.style.maxHeight = 'none';
|
||
if (!(jQuery.browser.msie && jQuery.browser.version < 8)) {
|
||
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);
|
||
|
||
ref.style.height = origStyle.height;
|
||
ref.style.maxHeight = origStyle.maxHeight;
|
||
if (!(jQuery.browser.msie && jQuery.browser.version < 8)) {
|
||
ref.style.minHeight = origStyle.minHeight;
|
||
}
|
||
|
||
// 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."
|
||
function isExtraneousLineBreak(br) {
|
||
|
||
if (!isNamedHtmlElement(br, 'br')) {
|
||
return false;
|
||
}
|
||
|
||
if (isNamedHtmlElement(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 origStyle = {
|
||
height: ref.style.height,
|
||
maxHeight: ref.style.maxHeight,
|
||
minHeight: ref.style.minHeight,
|
||
contentEditable: ref.contentEditable
|
||
};
|
||
|
||
ref.style.height = 'auto';
|
||
ref.style.maxHeight = 'none';
|
||
ref.style.minHeight = '0';
|
||
// IE7 would ignore display:none in contentEditable, so we temporarily set it to false
|
||
if (jQuery.browser.msie && jQuery.browser.version <= 7) {
|
||
ref.contentEditable = 'false';
|
||
}
|
||
|
||
var origHeight = ref.offsetHeight;
|
||
if (origHeight == 0) {
|
||
throw "isExtraneousLineBreak: original height is zero, bug?";
|
||
}
|
||
|
||
var origBrDisplay = br.style.display;
|
||
br.style.display = 'none';
|
||
var finalHeight = ref.offsetHeight;
|
||
|
||
// Restore original styles to the touched elements.
|
||
ref.style.height = origStyle.height;
|
||
ref.style.maxHeight = origStyle.maxHeight;
|
||
ref.style.minHeight = origStyle.minHeight;
|
||
// reset contentEditable for IE7
|
||
if (jQuery.browser.msie && jQuery.browser.version <= 7) {
|
||
ref.contentEditable = origStyle.contentEditable;
|
||
}
|
||
br.style.display = origBrDisplay;
|
||
|
||
// https://github.com/alohaeditor/Aloha-Editor/issues/516
|
||
// look like it works in msie > 7
|
||
/* if (jQuery.browser.msie && jQuery.browser.version < 8) {
|
||
br.removeAttribute("style");
|
||
ref.removeAttribute("style");
|
||
} */
|
||
|
||
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 && jQuery.inArray($_.getComputedStyle(node.parentNode).whiteSpace, ["normal", "nowrap"]) != -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 (jQuery.inArray($_.getComputedStyle(node.parentNode).whiteSpace, ["pre", "pre-wrap"]) != -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;
|
||
var i;
|
||
|
||
// iterate through the node data
|
||
for (i = 0; i < node.data.length; ++i) {
|
||
if (/[\t\n\r ]/.test(node.data.substr(i, 1))) {
|
||
// 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.substr(i, 1);
|
||
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) || isNamedHtmlElement(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)) || isNamedHtmlElement(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) || isNamedHtmlElement(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)) || isNamedHtmlElement(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) {
|
||
var i;
|
||
|
||
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)) || isNamedHtmlElement(node, 'img') || (isNamedHtmlElement(node, 'br') && !isExtraneousLineBreak(node))) {
|
||
return true;
|
||
}
|
||
|
||
for (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) {
|
||
var i;
|
||
|
||
if (isCollapsedLineBreak(node) && !isExtraneousLineBreak(node)) {
|
||
return true;
|
||
}
|
||
|
||
if (!isInlineNode(node) || node.nodeType != $_.Node.ELEMENT_NODE) {
|
||
return false;
|
||
}
|
||
|
||
var hasCollapsedBlockPropChild = false;
|
||
for (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;
|
||
}
|
||
|
||
// 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 (jQuery.inArray(ret.startContainer.nodeType, [$_.Node.TEXT_NODE, $_.Node.ELEMENT_NODE]) == -1 || jQuery.inArray(ret.endContainer.nodeType, [$_.Node.TEXT_NODE, $_.Node.ELEMENT_NODE]) == -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).
|
||
(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);
|
||
var i;
|
||
|
||
// 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 (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
|
||
var newRange = null;
|
||
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 (i = 1; i < ranges.length; i++) {
|
||
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;
|
||
}
|
||
}
|
||
}
|
||
|
||
/**
|
||
* Copy all non empty attributes from an existing to a new element
|
||
*
|
||
* @param {dom} element The source DOM element
|
||
* @param {dom} newElement The new DOM element which will get the attributes of the source DOM element
|
||
* @return void
|
||
*/
|
||
function copyAttributes(element, newElement) {
|
||
|
||
// This is an IE7 workaround. We identified three places that were connected
|
||
// to the mysterious ie7 crash:
|
||
// 1. Add attribute to dom element (Initialization of jquery-ui sortable)
|
||
// 2. Access the jquery expando attribute. Just reading the name is
|
||
// sufficient to make the browser vulnerable for the crash (Press enter)
|
||
// 3. On editable blur the Aloha.editables[0].getContents(); gets invoked.
|
||
// This invokation somehow crashes the ie7. We assume that the access of
|
||
// shared expando attribute updates internal references which are not
|
||
// correclty handled during clone();
|
||
if (jQuery.browser.msie && jQuery.browser.version >= 7 && typeof element.attributes[jQuery.expando] !== 'undefined') {
|
||
jQuery(element).removeAttr(jQuery.expando);
|
||
}
|
||
|
||
var attrs = element.attributes;
|
||
var i;
|
||
for (i = 0; i < attrs.length; i++) {
|
||
var attr = attrs[i];
|
||
// attr.specified is an IE specific check to exclude attributes that were never really set.
|
||
if (typeof attr.specified === "undefined" || attr.specified) {
|
||
if (typeof newElement.setAttributeNS === 'function') {
|
||
newElement.setAttributeNS(attr.namespaceURI, attr.name, attr.value);
|
||
} else {
|
||
// fixes https://github.com/alohaeditor/Aloha-Editor/issues/515
|
||
newElement.setAttribute(attr.name, attr.value);
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
function setTagName(element, newName, range) {
|
||
// "If element is an HTML element with local name equal to new name, return
|
||
// element."
|
||
if (isNamedHtmlElement(element, newName)) {
|
||
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."
|
||
copyAttributes(element, replacementElement);
|
||
|
||
// "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.startContainer = replacementElement;
|
||
}
|
||
if (range.endContainer === element) {
|
||
range.endContainer = replacementElement;
|
||
}
|
||
|
||
// "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) {
|
||
var i;
|
||
|
||
// "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]) && !isNamedHtmlElement(nodeList[nodeList.length - 1], "br") && isNamedHtmlElement(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]) && !isNamedHtmlElement(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 (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]) && !isNamedHtmlElement(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 (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) && !isNamedHtmlElement(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 namesOfElementsWithInlineContentsMap = {
|
||
"A": true,
|
||
"ABBR": true,
|
||
"B": true,
|
||
"BDI": true,
|
||
"BDO": true,
|
||
"CITE": true,
|
||
"CODE": true,
|
||
"DFN": true,
|
||
"EM": true,
|
||
"H1": true,
|
||
"H2": true,
|
||
"H3": true,
|
||
"H4": true,
|
||
"H5": true,
|
||
"H6": true,
|
||
"I": true,
|
||
"KBD": true,
|
||
"MARK": true,
|
||
"P": true,
|
||
"PRE": true,
|
||
"Q": true,
|
||
"RP": true,
|
||
"RT": true,
|
||
"RUBY": true,
|
||
"S": true,
|
||
"SAMP": true,
|
||
"SMALL": true,
|
||
"SPAN": true,
|
||
"STRONG": true,
|
||
"SUB": true,
|
||
"SUP": true,
|
||
"U": true,
|
||
"VAR": true,
|
||
"ACRONYM": true,
|
||
"LISTING": true,
|
||
"STRIKE": true,
|
||
"XMP": true,
|
||
"BIG": true,
|
||
"BLINK": true,
|
||
"FONT": true,
|
||
"MARQUEE": true,
|
||
"NOBR": true,
|
||
"TT": true
|
||
};
|
||
|
||
|
||
var tableRelatedElements = {
|
||
"colgroup": true,
|
||
"table": true,
|
||
"tbody": true,
|
||
"tfoot": true,
|
||
"thead": true,
|
||
"tr": true
|
||
};
|
||
|
||
var scriptRelatedElements = {
|
||
"script": true,
|
||
"style": true,
|
||
"plaintext": true,
|
||
"xmp": true
|
||
};
|
||
|
||
var prohibitedHeadingNestingMap = jQuery.extend({
|
||
"H1": true,
|
||
"H2": true,
|
||
"H3": true,
|
||
"H4": true,
|
||
"H5": true,
|
||
"H6": true
|
||
}, prohibitedParagraphChildNamesMap);
|
||
var prohibitedTableNestingMap = {
|
||
"CAPTION": true,
|
||
"COL": true,
|
||
"COLGROUP": true,
|
||
"TBODY": true,
|
||
"TD": true,
|
||
"TFOOT": true,
|
||
"TH": true,
|
||
"THEAD": true,
|
||
"TR": true
|
||
};
|
||
var prohibitedDefNestingMap = {
|
||
"DD": true,
|
||
"DT": true
|
||
};
|
||
var prohibitedNestingCombinationsMap = {
|
||
"A": jQuery.extend({
|
||
"A": true
|
||
}, prohibitedParagraphChildNamesMap),
|
||
"DD": prohibitedDefNestingMap,
|
||
"DT": prohibitedDefNestingMap,
|
||
"LI": {
|
||
"LI": true
|
||
},
|
||
"NOBR": jQuery.extend({
|
||
"NOBR": true
|
||
}, prohibitedParagraphChildNamesMap),
|
||
"H1": prohibitedHeadingNestingMap,
|
||
"H2": prohibitedHeadingNestingMap,
|
||
"H3": prohibitedHeadingNestingMap,
|
||
"H4": prohibitedHeadingNestingMap,
|
||
"H5": prohibitedHeadingNestingMap,
|
||
"H6": prohibitedHeadingNestingMap,
|
||
"TD": prohibitedTableNestingMap,
|
||
"TH": prohibitedTableNestingMap,
|
||
// this is the same as namesOfElementsWithInlineContentsMap excluding a and h1-h6 elements above
|
||
"ABBR": prohibitedParagraphChildNamesMap,
|
||
"B": prohibitedParagraphChildNamesMap,
|
||
"BDI": prohibitedParagraphChildNamesMap,
|
||
"BDO": prohibitedParagraphChildNamesMap,
|
||
"CITE": prohibitedParagraphChildNamesMap,
|
||
"CODE": prohibitedParagraphChildNamesMap,
|
||
"DFN": prohibitedParagraphChildNamesMap,
|
||
"EM": prohibitedParagraphChildNamesMap,
|
||
"I": prohibitedParagraphChildNamesMap,
|
||
"KBD": prohibitedParagraphChildNamesMap,
|
||
"MARK": prohibitedParagraphChildNamesMap,
|
||
"P": prohibitedParagraphChildNamesMap,
|
||
"PRE": prohibitedParagraphChildNamesMap,
|
||
"Q": prohibitedParagraphChildNamesMap,
|
||
"RP": prohibitedParagraphChildNamesMap,
|
||
"RT": prohibitedParagraphChildNamesMap,
|
||
"RUBY": prohibitedParagraphChildNamesMap,
|
||
"S": prohibitedParagraphChildNamesMap,
|
||
"SAMP": prohibitedParagraphChildNamesMap,
|
||
"SMALL": prohibitedParagraphChildNamesMap,
|
||
"SPAN": prohibitedParagraphChildNamesMap,
|
||
"STRONG": prohibitedParagraphChildNamesMap,
|
||
"SUB": prohibitedParagraphChildNamesMap,
|
||
"SUP": prohibitedParagraphChildNamesMap,
|
||
"U": prohibitedParagraphChildNamesMap,
|
||
"VAR": prohibitedParagraphChildNamesMap,
|
||
"ACRONYM": prohibitedParagraphChildNamesMap,
|
||
"LISTING": prohibitedParagraphChildNamesMap,
|
||
"STRIKE": prohibitedParagraphChildNamesMap,
|
||
"XMP": prohibitedParagraphChildNamesMap,
|
||
"BIG": prohibitedParagraphChildNamesMap,
|
||
"BLINK": prohibitedParagraphChildNamesMap,
|
||
"FONT": prohibitedParagraphChildNamesMap,
|
||
"MARQUEE": prohibitedParagraphChildNamesMap,
|
||
"TT": prohibitedParagraphChildNamesMap
|
||
};
|
||
|
||
// "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 isMappedHtmlElement(node, namesOfElementsWithInlineContentsMap);
|
||
}
|
||
|
||
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 ((tableRelatedElements[parent_] || isHtmlElementInArray(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 ((scriptRelatedElements[parent_] || isHtmlElementInArray(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 (isAnyHtmlElement(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 (isAnyHtmlElement(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" && isNamedHtmlElement(ancestor, 'a')) {
|
||
return false;
|
||
}
|
||
if (prohibitedParagraphChildNamesMap[child.toUpperCase()] && isElementWithInlineContents(ancestor)) {
|
||
return false;
|
||
}
|
||
if (/^h[1-6]$/.test(child) && isAnyHtmlElement(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 jQuery.inArray(child, ["caption", "col", "colgroup", "tbody", "td", "tfoot", "th", "thead", "tr"]) != -1;
|
||
case "tbody":
|
||
case "thead":
|
||
case "tfoot":
|
||
return jQuery.inArray(child, ["td", "th", "tr"]) != -1;
|
||
case "tr":
|
||
return jQuery.inArray(child, ["td", "th"]) != -1;
|
||
case "dl":
|
||
return jQuery.inArray(child, ["dt", "dd"]) != -1;
|
||
case "dir":
|
||
case "ol":
|
||
case "ul":
|
||
return jQuery.inArray(child, ["dir", "li", "ol", "ul"]) != -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 (jQuery.inArray(child, ["body", "caption", "col", "colgroup", "frame", "frameset", "head", "html", "tbody", "td", "tfoot", "th", "thead", "tr"]) != -1) {
|
||
return false;
|
||
}
|
||
|
||
// "If child is "dd" or "dt" and parent is not "dl", return false."
|
||
if (jQuery.inArray(child, ["dd", "dt"]) != -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 leftSide = prohibitedNestingCombinationsMap[parent_.toUpperCase()];
|
||
if (leftSide) {
|
||
var rightSide = leftSide[child.toUpperCase()];
|
||
if (rightSide) {
|
||
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 (!isAnyHtmlElement(node)) {
|
||
return false;
|
||
}
|
||
|
||
if (jQuery.inArray(node.tagName, ["B", "EM", "I", "S", "SPAN", "STRIKE", "STRONG", "SUB", "SUP", "U"]) != -1) {
|
||
if (node.attributes.length == 0) {
|
||
return true;
|
||
}
|
||
|
||
if (node.attributes.length == 1 && hasAttribute(node, "style")) {
|
||
return true;
|
||
}
|
||
}
|
||
|
||
if (node.tagName == "FONT" || node.tagName == "A") {
|
||
var numAttrs = node.attributes.length;
|
||
|
||
if (hasAttribute(node, "style")) {
|
||
numAttrs--;
|
||
}
|
||
|
||
if (node.tagName == "FONT") {
|
||
if (hasAttribute(node, "color")) {
|
||
numAttrs--;
|
||
}
|
||
|
||
if (hasAttribute(node, "face")) {
|
||
numAttrs--;
|
||
}
|
||
|
||
if (hasAttribute(node, "size")) {
|
||
numAttrs--;
|
||
}
|
||
}
|
||
|
||
if (node.tagName == "A" && hasAttribute(node, "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 (!isAnyHtmlElement(node)) {
|
||
return false;
|
||
}
|
||
|
||
// Only these elements can possibly be a simple modifiable element.
|
||
if (jQuery.inArray(node.tagName, ["A", "B", "EM", "FONT", "I", "S", "SPAN", "STRIKE", "STRONG", "SUB", "SUP", "U"]) == -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 (hasAttribute(node, "style") && getStyleLength(node) == 0) {
|
||
return true;
|
||
}
|
||
|
||
// "It is an a element with exactly one attribute, which is href."
|
||
if (node.tagName == "A" && hasAttribute(node, "href")) {
|
||
return true;
|
||
}
|
||
|
||
// "It is a font element with exactly one attribute, which is either color,
|
||
// face, or size."
|
||
if (node.tagName == "FONT" && (hasAttribute(node, "color") || hasAttribute(node, "face") || hasAttribute(node, "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") && hasAttribute(node, "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") && hasAttribute(node, "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") && hasAttribute(node, "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 (jQuery.inArray(node.tagName, ["A", "FONT", "S", "SPAN", "STRIKE", "U"]) != -1 && hasAttribute(node, "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 && !(commands[command].hasOwnProperty("equivalentValues"))) {
|
||
return true;
|
||
}
|
||
|
||
if (typeof val1 == "string" && typeof val2 == "string" && commands[command].hasOwnProperty("equivalentValues") && 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 && (!isAnyHtmlElement(node) || node.tagName != "A" || !hasAttribute(node, "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 (isNamedHtmlElement(node, 'sub')) {
|
||
affectedBySubscript = true;
|
||
// "Otherwise, if node is a sup, set affected by superscript to
|
||
// true."
|
||
} else if (isNamedHtmlElement(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 (!commands[command].hasOwnProperty("relevantCssProperty")) {
|
||
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 (isAnyHtmlElement(element) && element.tagName == "A" && hasAttribute(element, "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 (isNamedHtmlElement(element, 'sup')) {
|
||
return "superscript";
|
||
}
|
||
|
||
// "If element is a sub, return "subscript"."
|
||
if (isNamedHtmlElement(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" && isHtmlElementInArray(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" && isNamedHtmlElement(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" && hasAttribute(element, "color")) {
|
||
return element.color;
|
||
}
|
||
if (property == "fontFamily" && hasAttribute(element, "face")) {
|
||
return element.face;
|
||
}
|
||
if (property == "fontSize" && hasAttribute(element, "size")) {
|
||
// This is not even close to correct in general.
|
||
var size = parseInt(element.size, 10);
|
||
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);
|
||
}
|
||
|
||
var recordValuesCommands = ["subscript", "bold", "fontname", "fontsize", "forecolor", "hilitecolor", "italic", "strikethrough", "underline"];
|
||
|
||
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:"
|
||
|
||
// Ensure we have a plain array to avoid the potential performance
|
||
// overhead of a NodeList
|
||
var nodes = jQuery.makeArray(nodeList);
|
||
var i, j;
|
||
var node;
|
||
var command;
|
||
var ancestor;
|
||
var specifiedCommandValue;
|
||
for (i = 0; i < nodes.length; i++) {
|
||
node = nodes[i];
|
||
for (j = 0; j < recordValuesCommands.length; j++) {
|
||
command = recordValuesCommands[j];
|
||
|
||
// "Let ancestor equal node."
|
||
ancestor = node;
|
||
|
||
// "If ancestor is not an Element, set it to its parent."
|
||
if (ancestor.nodeType != 1) {
|
||
ancestor = ancestor.parentNode;
|
||
}
|
||
|
||
// "While ancestor is an Element and its specified command value
|
||
// for command is null, set it to its parent."
|
||
specifiedCommandValue = null;
|
||
while (ancestor && ancestor.nodeType == 1 && (specifiedCommandValue = 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."
|
||
values.push([node, command, specifiedCommandValue]);
|
||
}
|
||
}
|
||
|
||
// "Return values."
|
||
return values;
|
||
}
|
||
|
||
//@}
|
||
///// 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."
|
||
var i;
|
||
for (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 (isNamedHtmlElement(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)];
|
||
}
|
||
|
||
//@}
|
||
///// Forcing the value of a node /////
|
||
//@{
|
||
|
||
function forceValue(node, command, newValue, range) {
|
||
var children = [];
|
||
var i;
|
||
var specifiedValue;
|
||
|
||
// "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."
|
||
for (i = 0; i < node.childNodes.length; i++) {
|
||
if (node.childNodes[i].nodeType == $_.Node.ELEMENT_NODE) {
|
||
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 (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 (isNamedHtmlElement(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" && jQuery.inArray(newValue, ["xx-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large"]) != -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."
|
||
children = [];
|
||
for (i = 0; i < node.childNodes.length; i++) {
|
||
if (node.childNodes[i].nodeType == $_.Node.ELEMENT_NODE) {
|
||
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 (i = 0; i < children.length; i++) {
|
||
forceValue(children[i], command, newValue, 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."
|
||
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:"
|
||
var i;
|
||
for (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);
|
||
}
|
||
}
|
||
}
|
||
|
||
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);
|
||
}
|
||
});
|
||
}
|
||
|
||
//@}
|
||
///// 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 (commands[command].hasOwnProperty("inlineCommandActivatedValues")) {
|
||
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 (commands[command].hasOwnProperty("value")) {
|
||
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);
|
||
});
|
||
}
|
||
|
||
/**
|
||
* attempt to retrieve a block like a table or an Aloha Block
|
||
* which is located one step right of the current caret position.
|
||
* If an appropriate element is found it will be returned or
|
||
* false otherwise
|
||
*
|
||
* @param {element} node current node we're in
|
||
* @param {number} offset current offset within that node
|
||
*
|
||
* @return the dom node if found or false if no appropriate
|
||
* element was found
|
||
*/
|
||
function getBlockAtNextPosition(node, offset) {
|
||
var i;
|
||
|
||
// if we're inside a text node we first have to check
|
||
// if there is nothing but tabs, newlines or the like
|
||
// after our current cursor position
|
||
if (node.nodeType === $_.Node.TEXT_NODE && offset < node.length) {
|
||
for (i = offset; i < node.length; i++) {
|
||
if ((node.data.charAt(i) !== '\t' && node.data.charAt(i) !== '\r' && node.data.charAt(i) !== '\n') || node.data.charCodeAt(i) === 160) { //
|
||
// this is a character that has to be deleted first
|
||
return false;
|
||
}
|
||
}
|
||
}
|
||
|
||
// try the most simple approach first: the next sibling
|
||
// is a table
|
||
if (node.nextSibling && node.nextSibling.className && node.nextSibling.className.indexOf("aloha-table-wrapper") >= 0) {
|
||
return node.nextSibling;
|
||
}
|
||
|
||
// since we got only ignorable whitespace here determine if
|
||
// our nodes parents next sibling is a table
|
||
if (node.parentNode && node.parentNode.nextSibling && node.parentNode.nextSibling.className && node.parentNode.nextSibling.className.indexOf("aloha-table-wrapper") >= 0) {
|
||
return node.parentNode.nextSibling;
|
||
}
|
||
|
||
// our parents nextsibling is a pure whitespace node such as
|
||
// generated by sourcecode indentation so we'll check for
|
||
// the next next sibling
|
||
if (node.parentNode && node.parentNode.nextSibling && isWhitespaceNode(node.parentNode.nextSibling) && node.parentNode.nextSibling.nextSibling && node.parentNode.nextSibling.nextSibling.className && node.parentNode.nextSibling.nextSibling.className.indexOf("aloha-table-wrapper") >= 0) {
|
||
return node.parentNode.nextSibling.nextSibling;
|
||
}
|
||
|
||
// Note: the search above works for tables, since they cannot be
|
||
// nested deeply in paragraphs and other formatting tags. If this code
|
||
// is extended to work also for other blocks, the search probably needs to be adapted
|
||
}
|
||
|
||
/**
|
||
* Attempt to retrieve a block like a table or an Aloha Block
|
||
* which is located right before the current position.
|
||
* If an appropriate element is found, it will be returned or
|
||
* false otherwise
|
||
*
|
||
* @param {element} node current node
|
||
* @param {offset} offset current offset
|
||
*
|
||
* @return dom node of found or false if no appropriate
|
||
* element was found
|
||
*/
|
||
function getBlockAtPreviousPosition(node, offset) {
|
||
var i;
|
||
|
||
if (node.nodeType === $_.Node.TEXT_NODE && offset > 0) {
|
||
for (i = offset - 1; i >= 0; i--) {
|
||
if ((node.data.charAt(i) !== '\t' && node.data.charAt(i) !== '\r' && node.data.charAt(i) !== '\n') || node.data.charCodeAt(i) === 160) { //
|
||
// this is a character that has to be deleted first
|
||
return false;
|
||
}
|
||
}
|
||
}
|
||
|
||
// try the previous sibling
|
||
if (node.previousSibling && node.previousSibling.className && node.previousSibling.className.indexOf("aloha-table-wrapper") >= 0) {
|
||
return node.previousSibling;
|
||
}
|
||
|
||
// try the parent's previous sibling
|
||
if (node.parentNode && node.parentNode.previousSibling && node.parentNode.previousSibling.className && node.parentNode.previousSibling.className.indexOf("aloha-table-wrapper") >= 0) {
|
||
return node.parentNode.previousSibling;
|
||
}
|
||
|
||
// the parent's previous sibling might be a whitespace node
|
||
if (node.parentNode && node.parentNode.previousSibling && isWhitespaceNode(node.parentNode.previousSibling) && node.parentNode.previousSibling.previousSibling && node.parentNode.previousSibling.previousSibling.className && node.parentNode.previousSibling.previousSibling.className.indexOf('aloha-table-wrapper') >= 0) {
|
||
return node.parentNode.previousSibling.previousSibling;
|
||
}
|
||
|
||
// Note: the search above works for tables, since they cannot be
|
||
// nested deeply in paragraphs and other formatting tags. If this code
|
||
// is extended to work also for other blocks, the search probably needs to be adapted
|
||
|
||
return false;
|
||
}
|
||
|
||
// "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]) || isNamedHtmlElement(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 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;
|
||
}
|
||
|
||
//@}
|
||
///// Splitting a node list's parent /////
|
||
//@{
|
||
|
||
function splitParent(nodeList, range) {
|
||
var i;
|
||
|
||
// "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 (jQuery.inArray(originalParent.firstChild, nodeList) != -1) {
|
||
removeExtraneousLineBreaksBefore(originalParent);
|
||
}
|
||
|
||
var firstChildInNodeList = jQuery.inArray(originalParent.firstChild, nodeList) != -1;
|
||
var lastChildInNodeList = jQuery.inArray(originalParent.lastChild, nodeList) != -1;
|
||
|
||
// "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_ = firstChildInNodeList && 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_ = lastChildInNodeList && precedesLineBreak(originalParent);
|
||
|
||
// "If the first child of original parent is not in node list, but its last
|
||
// child is:"
|
||
if (!firstChildInNodeList && lastChildInNodeList) {
|
||
// "For each node in node list, in reverse order, insert node into the
|
||
// parent of original parent immediately after original parent,
|
||
// preserving ranges."
|
||
for (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 (!firstChildInNodeList) {
|
||
// "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 (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]) && !isNamedHtmlElement(nodeList[nodeList.length - 1], "br") && isNamedHtmlElement(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);
|
||
}
|
||
}
|
||
|
||
//@}
|
||
///// The backColor command /////
|
||
//@{
|
||
commands.backcolor = {
|
||
// Copy-pasted, same as hiliteColor
|
||
action: function (value, range) {
|
||
// 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, range);
|
||
},
|
||
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, range) {
|
||
// "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) && isNamedHtmlElement(ancestor, 'a') && hasAttribute(ancestor, "href")) {
|
||
ancestor.setAttribute("href", value);
|
||
}
|
||
});
|
||
});
|
||
|
||
// "Set the selection's value to value."
|
||
setSelectionValue("createlink", value, range);
|
||
},
|
||
standardInlineValueCommand: true
|
||
};
|
||
|
||
//@}
|
||
///// The fontName command /////
|
||
//@{
|
||
commands.fontname = {
|
||
action: function (value, range) {
|
||
// "Set the selection's value to value."
|
||
setSelectionValue("fontname", value, range);
|
||
},
|
||
standardInlineValueCommand: true,
|
||
relevantCssProperty: "fontFamily"
|
||
};
|
||
|
||
//@}
|
||
///// The fontSize command /////
|
||
//@{
|
||
|
||
commands.fontsize = {
|
||
action: function (value, range) {
|
||
// "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 (jQuery.inArray(value, ["xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large"]) == -1 && !/^[0-9]+(\.[0-9]+)?(cm|mm|in|pt|pc)$/.test(value)) {
|
||
return;
|
||
}
|
||
|
||
// "Set the selection's value to value."
|
||
setSelectionValue("fontsize", value, range);
|
||
},
|
||
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"
|
||
};
|
||
|
||
//@}
|
||
///// The foreColor command /////
|
||
//@{
|
||
commands.forecolor = {
|
||
action: function (value, range) {
|
||
// 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, range);
|
||
},
|
||
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, range) {
|
||
// 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, range);
|
||
},
|
||
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 (value, range) {
|
||
var newEnd, newStart, newNode;
|
||
|
||
// "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) && isHtmlElementInArray(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), getActiveRange());
|
||
}
|
||
|
||
// "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) {
|
||
newEnd = getActiveRange().endOffset - getActiveRange().startOffset;
|
||
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.
|
||
newStart = [getActiveRange().startContainer, getActiveRange().startOffset];
|
||
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], getActiveRange());
|
||
}
|
||
});
|
||
|
||
// "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, range);
|
||
});
|
||
}
|
||
};
|
||
|
||
//@}
|
||
///// The strikethrough command /////
|
||
//@{
|
||
commands.strikethrough = {
|
||
action: function (value, range) {
|
||
// "If queryCommandState("strikethrough") returns true, set the
|
||
// selection's value to null. Otherwise set the selection's value to
|
||
// "line-through"."
|
||
if (myQueryCommandState("strikethrough", range)) {
|
||
setSelectionValue("strikethrough", null, range);
|
||
} else {
|
||
setSelectionValue("strikethrough", "line-through", range);
|
||
}
|
||
},
|
||
inlineCommandActivatedValues: ["line-through"]
|
||
};
|
||
|
||
//@}
|
||
///// The subscript command /////
|
||
//@{
|
||
commands.subscript = {
|
||
action: function (value, range) {
|
||
// "Call queryCommandState("subscript"), and let state be the result."
|
||
var state = myQueryCommandState("subscript", range);
|
||
|
||
// "Set the selection's value to null."
|
||
setSelectionValue("subscript", null, range);
|
||
|
||
// "If state is false, set the selection's value to "subscript"."
|
||
if (!state) {
|
||
setSelectionValue("subscript", "subscript", range);
|
||
}
|
||
},
|
||
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 (value, range) {
|
||
// "Call queryCommandState("superscript"), and let state be the
|
||
// result."
|
||
var state = myQueryCommandState("superscript", range);
|
||
|
||
// "Set the selection's value to null."
|
||
setSelectionValue("superscript", null, range);
|
||
|
||
// "If state is false, set the selection's value to "superscript"."
|
||
if (!state) {
|
||
setSelectionValue("superscript", "superscript", range);
|
||
}
|
||
},
|
||
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 (value, range) {
|
||
// "If queryCommandState("underline") returns true, set the selection's
|
||
// value to null. Otherwise set the selection's value to "underline"."
|
||
if (myQueryCommandState("underline", range)) {
|
||
setSelectionValue("underline", null, range);
|
||
} else {
|
||
setSelectionValue("underline", "underline", range);
|
||
}
|
||
},
|
||
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 = [];
|
||
var node;
|
||
for (node = range.startContainer; node; node = node.parentNode) {
|
||
if (isNamedHtmlElement(node, 'A') && hasAttribute(node, "href")) {
|
||
hyperlinks.unshift(node);
|
||
}
|
||
}
|
||
for (node = range.startContainer; node != nextNodeDescendants(range.endContainer); node = nextNode(node)) {
|
||
if (isNamedHtmlElement(node, 'A') && hasAttribute(node, "href") && (isContained(node, range) || isAncestor(node, range.endContainer) || node == range.endContainer)) {
|
||
hyperlinks.push(node);
|
||
}
|
||
}
|
||
|
||
// "Clear the value of each member of hyperlinks."
|
||
var i;
|
||
for (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 (!isAnyHtmlElement(node)) {
|
||
return false;
|
||
}
|
||
|
||
if (node.tagName == "BLOCKQUOTE") {
|
||
return true;
|
||
}
|
||
|
||
if (node.tagName != "DIV") {
|
||
return false;
|
||
}
|
||
|
||
if (typeof node.style.length !== 'undefined') {
|
||
var i;
|
||
for (i = 0; i < node.style.length; i++) {
|
||
// Approximate check
|
||
if (/^(-[a-z]+-)?margin/.test(node.style[i])) {
|
||
return true;
|
||
}
|
||
}
|
||
} else {
|
||
var s;
|
||
/*jslint forin: true*/ //not sure whether node.style.hasOwnProperty is valid
|
||
for (s in node.style) {
|
||
if (/^(-[a-z]+-)?margin/.test(s) && node.style[s] && node.style[s] !== 0) {
|
||
return true;
|
||
}
|
||
}
|
||
/*jslint forin: false*/
|
||
}
|
||
|
||
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;
|
||
}
|
||
|
||
var i;
|
||
for (i = 0; i < node.attributes.length; i++) {
|
||
if (!isHtmlNamespace(node.attributes[i].namespaceURI) || jQuery.inArray(node.attributes[i].name, ["style", "class", "dir"]) == -1) {
|
||
return false;
|
||
}
|
||
}
|
||
|
||
if (typeof node.style.length !== 'undefined') {
|
||
for (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 {
|
||
var s;
|
||
/*jslint forin: true*/ //not sure whether node.style.hasOwnProperty is valid
|
||
for (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;
|
||
}
|
||
}
|
||
/*jslint forin: 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 isHtmlElementInArray(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) || isHtmlElementInArray(node, ["li", "dt", "dd"]);
|
||
}
|
||
|
||
// "The default single-line container name is "p"."
|
||
var defaultSingleLineContainerName = "p";
|
||
|
||
//@}
|
||
///// Check whether the given element is an end break /////
|
||
//@{
|
||
function isEndBreak(element) {
|
||
return (isNamedHtmlElement(element, 'br') && element.parentNode.lastChild === element);
|
||
}
|
||
|
||
//@}
|
||
///// Create an end break /////
|
||
//@{
|
||
function createEndBreak() {
|
||
return document.createElement("br");
|
||
}
|
||
|
||
/**
|
||
* Ensure the container is editable
|
||
* E.g. when called for an empty paragraph or header, and the browser is not IE,
|
||
* we need to append a br (marked with class aloha-end-br)
|
||
* For IE7, there is a special behaviour that will append zero-width whitespace
|
||
* @param {DOMNode} container
|
||
*/
|
||
function ensureContainerEditable(container) {
|
||
if (!container) {
|
||
return;
|
||
}
|
||
|
||
if (isNamedHtmlElement(container.lastChild, "br")) {
|
||
return;
|
||
}
|
||
|
||
if ($_(container.childNodes).some(isVisible)) {
|
||
return;
|
||
}
|
||
|
||
if (!jQuery.browser.msie) {
|
||
// for normal browsers, the end-br will do
|
||
container.appendChild(createEndBreak());
|
||
} else if (jQuery.browser.msie && jQuery.browser.version <= 7 && isHtmlElementInArray(container, ["p", "h1", "h2", "h3", "h4", "h5", "h6", "pre", "blockquote"])) {
|
||
// for IE7, we need to insert a text node containing a single zero-width whitespace character
|
||
if (!container.firstChild) {
|
||
container.appendChild(document.createTextNode('\u200b'));
|
||
}
|
||
}
|
||
}
|
||
|
||
//@}
|
||
///// Assorted block formatting command algorithms /////
|
||
//@{
|
||
|
||
function fixDisallowedAncestors(node, range) {
|
||
var i;
|
||
|
||
// "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_obsolete(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 (isHtmlElementInArray(node, ["dd", "dt"])) {
|
||
wrap(
|
||
[node],
|
||
function (sibling) {
|
||
return isNamedHtmlElement(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);
|
||
|
||
ensureContainerEditable(node);
|
||
|
||
// "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 (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]);
|
||
var newStartOffset, newEndOffset;
|
||
|
||
// "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: <p><p>foo</p></p> -> <p></p><p>foo</p> (bad)
|
||
// unwrap: <p><p>foo</p></p> -> <p>foo</p> (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 (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's contents, and correct the range if necessary
|
||
if (node.parentNode.childNodes.length == 1) {
|
||
newStartOffset = range.startOffset;
|
||
newEndOffset = range.endOffset;
|
||
|
||
if (range.startContainer === node.parentNode && range.startOffset > getNodeIndex(node)) {
|
||
// the node (1 element) will be replaced by its contents (contents().length elements)
|
||
newStartOffset = range.startOffset + (jQuery(node).contents().length - 1);
|
||
}
|
||
if (range.endContainer === node.parentNode && range.endOffset > getNodeIndex(node)) {
|
||
// the node (1 element) will be replaced by its contents (contents().length elements)
|
||
newEndOffset = range.endOffset + (jQuery(node).contents().length - 1);
|
||
}
|
||
jQuery(node).contents().unwrap();
|
||
range.startOffset = newStartOffset;
|
||
range.endOffset = newEndOffset;
|
||
// after unwrapping, we are done
|
||
break;
|
||
} else {
|
||
// store the original parent
|
||
var originalParent = node.parentNode;
|
||
splitParent([node], range);
|
||
// check whether the parent did not change, so the split did not work, e.g.
|
||
// because we already reached the editing host itself.
|
||
// this situation can occur, e.g. when we insert a paragraph into an contenteditable span
|
||
// in such cases, we just unwrap the contents of the paragraph
|
||
if (originalParent === node.parentNode) {
|
||
// so we unwrap now
|
||
newStartOffset = range.startOffset;
|
||
newEndOffset = range.endOffset;
|
||
|
||
if (range.startContainer === node.parentNode && range.startOffset > getNodeIndex(node)) {
|
||
// the node (1 element) will be replaced by its contents (contents().length elements)
|
||
newStartOffset = range.startOffset + (jQuery(node).contents().length - 1);
|
||
}
|
||
if (range.endContainer === node.parentNode && range.endOffset > getNodeIndex(node)) {
|
||
// the node (1 element) will be replaced by its contents (contents().length elements)
|
||
newEndOffset = range.endOffset + (jQuery(node).contents().length - 1);
|
||
}
|
||
jQuery(node).contents().unwrap();
|
||
range.startOffset = newStartOffset;
|
||
range.endOffset = newEndOffset;
|
||
// after unwrapping, we are done
|
||
break;
|
||
}
|
||
}
|
||
}
|
||
|
||
// "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 (!isNamedHtmlElement(item, 'LI') || !isEditable(item) || !isEditable(item.parentNode)) {
|
||
return;
|
||
}
|
||
|
||
// "Let new item be null."
|
||
var newItem = null;
|
||
|
||
function isOlUl(node) {
|
||
return isHtmlElementInArray(node, ["OL", "UL"]);
|
||
}
|
||
|
||
// "While item has an ol or ul child:"
|
||
while ($_(item.childNodes).some(isOlUl)) {
|
||
// "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 (isHtmlElementInArray(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 (!isHtmlElementInArray(item, ["OL", "UL"]) || !isEditable(item)) {
|
||
return;
|
||
}
|
||
|
||
var $list = jQuery(item);
|
||
$list.children("ol,ul").each(function (index, sublist) {
|
||
if (isNamedHtmlElement(sublist.previousSibling, "LI")) {
|
||
// move the sublist into the LI
|
||
movePreservingRanges(sublist, sublist.previousSibling, sublist.previousSibling.childNodes.length, range);
|
||
}
|
||
});
|
||
}
|
||
|
||
//@}
|
||
///// Block-extending a range /////
|
||
//@{
|
||
|
||
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 isNamedHtmlElement(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."
|
||
liAncestors = $_(getAncestors(endNode).concat(endNode)).filter(function (ancestor) { return isNamedHtmlElement(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 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) && (isHtmlElementInArray(node, ["ol", "ul"]) || isHtmlElementInArray(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 (isNamedHtmlElement(node, 'ol')
|
||
|| isNamedHtmlElement(node.parentNode, "ol")
|
||
|| (isNamedHtmlElement(node.parentNode, "li")
|
||
&& isNamedHtmlElement(node.parentNode.parentNode, "ol"))); })
|
||
&& !$_(nodeList).some(function (node) { return isNamedHtmlElement(node, 'ul') || (node.querySelector && 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 (isNamedHtmlElement(node, 'ul')
|
||
|| isNamedHtmlElement(node.parentNode, "ul")
|
||
|| (isNamedHtmlElement(node.parentNode, "li")
|
||
&& isNamedHtmlElement(node.parentNode.parentNode, "ul"))); })
|
||
&& !$_(nodeList).some(function (node) { return isNamedHtmlElement(node, 'ol') || (node.querySelector && node.querySelector("ol")); })) {
|
||
return "ul";
|
||
}
|
||
|
||
var hasOl = $_(nodeList).some(function (node) {
|
||
return (isNamedHtmlElement(node, 'ol')
|
||
|| isNamedHtmlElement(node.parentNode, "ol")
|
||
|| (node.querySelector && node.querySelector("ol"))
|
||
|| (isNamedHtmlElement(node.parentNode, "li")
|
||
&& isNamedHtmlElement(node.parentNode.parentNode, "ol")));
|
||
});
|
||
var hasUl = $_(nodeList).some(function (node) {
|
||
return (isNamedHtmlElement(node, 'ul')
|
||
|| isNamedHtmlElement(node.parentNode, "ul")
|
||
|| (node.querySelector && node.querySelector("ul"))
|
||
|| (isNamedHtmlElement(node.parentNode, "li")
|
||
&& isNamedHtmlElement(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 && jQuery.inArray($_.getComputedStyle(node).display, ["inline", "none"]) != -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 (jQuery.inArray(resolvedValue, ["center", "justify", "left", "right"]) != -1) {
|
||
return resolvedValue;
|
||
}
|
||
|
||
// "Return "left"."
|
||
return "left";
|
||
}
|
||
|
||
//@}
|
||
///// 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) {
|
||
var i;
|
||
var command;
|
||
var override;
|
||
// "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];
|
||
|
||
function isEditableTextNode(node) {
|
||
return isEditable(node) && node.nodeType == $_.Node.TEXT_NODE;
|
||
}
|
||
|
||
// "If node is not null, then for each (command, override) pair in
|
||
// overrides, in order:"
|
||
if (node) {
|
||
|
||
for (i = 0; i < overrides.length; i++) {
|
||
command = overrides[i][0];
|
||
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, range) != 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, range), override)) {
|
||
myExecCommand(command, false, override, range);
|
||
|
||
// "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, range);
|
||
|
||
// "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(isEditableTextNode)[0] || node;
|
||
}
|
||
|
||
// "Otherwise, for each (command, override) pair in overrides, in order:"
|
||
} else {
|
||
for (i = 0; i < overrides.length; i++) {
|
||
command = overrides[i][0];
|
||
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);
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
//@}
|
||
///// 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 && jQuery.inArray($_.getComputedStyle(startNode.parentNode).whiteSpace, ["pre", "pre-wrap"]) == -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 && jQuery.inArray($_.getComputedStyle(endNode.parentNode).whiteSpace, ["pre", "pre-wrap"]) == -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++;
|
||
}
|
||
}
|
||
}
|
||
|
||
//@}
|
||
///// Deleting the contents of a range /////
|
||
//@{
|
||
|
||
function deleteContents(arg1, arg2, arg3, arg4, arg5) {
|
||
// 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 = {};
|
||
var i;
|
||
|
||
if (arguments.length < 3) {
|
||
range = arg1;
|
||
} else {
|
||
range = Aloha.createRange();
|
||
range.setStart(arg1, arg2);
|
||
range.setEnd(arg3, arg4);
|
||
}
|
||
if (arguments.length == 2) {
|
||
flags = arg2;
|
||
}
|
||
if (arguments.length == 5) {
|
||
flags = arg5;
|
||
}
|
||
|
||
var blockMerging = null != flags.blockMerging ? !!flags.blockMerging : true;
|
||
var stripWrappers = null != flags.stripWrappers ? !!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;
|
||
var referenceNode;
|
||
|
||
// "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."
|
||
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."
|
||
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."
|
||
// Commented out for unknown reason
|
||
//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) || isHtmlElementInArray(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) || isHtmlElementInArray(endBlock, ["td", "th"])) {
|
||
endBlock = null;
|
||
}
|
||
|
||
// "Record current states and values, and let overrides be the result."
|
||
var overrides = recordCurrentStatesAndValues(range);
|
||
var parent_;
|
||
// "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."
|
||
parent_ = startNode.parentNode;
|
||
|
||
// "Call deleteData(start offset, end offset − start offset) on start
|
||
// node."
|
||
startNode.deleteData(startOffset, endOffset - startOffset);
|
||
|
||
// if deleting the text moved two spaces together, we replace the left one by a , which makes the two spaces a visible
|
||
// two space sequence
|
||
if (startOffset > 0 && startNode.data.substr(startOffset - 1, 1) === ' ' && startOffset < startNode.data.length && startNode.data.substr(startOffset, 1) === ' ') {
|
||
startNode.replaceData(startOffset - 1, 1, '\xa0');
|
||
}
|
||
|
||
// "Canonicalize whitespace at (start node, start offset)."
|
||
canonicalizeWhitespace(startNode, startOffset);
|
||
|
||
// "Set range's end to its start."
|
||
// Ok, also set the range's start to its start, because modifying the text
|
||
// might have somehow corrupted the range
|
||
range.setStart(range.startContainer, range.startOffset);
|
||
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_)) {
|
||
// TODO is this always correct?
|
||
ensureContainerEditable(parent_);
|
||
}
|
||
|
||
// "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) && !isHtmlElementInArray(node, ["thead", "tbody", "tfoot", "tr", "th", "td"]);
|
||
}
|
||
);
|
||
|
||
// "For each node in node list:"
|
||
for (i = 0; i < nodeList.length; i++) {
|
||
var node = nodeList[i];
|
||
|
||
// "Let parent be the parent of node."
|
||
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_)) {
|
||
ensureContainerEditable(parent_);
|
||
}
|
||
}
|
||
|
||
// "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);
|
||
}
|
||
|
||
var values;
|
||
// "If start block is an ancestor of end block:"
|
||
if (isAncestor(startBlock, endBlock)) {
|
||
// "Let reference node be end block."
|
||
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) {
|
||
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 (!isNamedHtmlElement(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."
|
||
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) && isNamedHtmlElement(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."
|
||
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) && isNamedHtmlElement(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 && !isNamedHtmlElement(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 && !isNamedHtmlElement(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."
|
||
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 (isNamedHtmlElement(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) && isNamedHtmlElement(startBlock.lastChild, "br")) {
|
||
startBlock.removeChild(startBlock.lastChild);
|
||
}
|
||
|
||
// "Record the values of end block's children, and let values be the
|
||
// result."
|
||
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()) {
|
||
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."
|
||
ensureContainerEditable(startBlock);
|
||
|
||
// "Restore states and values from overrides."
|
||
restoreStatesAndValues(overrides, range);
|
||
}
|
||
|
||
// "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);
|
||
}
|
||
}
|
||
|
||
//@}
|
||
///// Indenting and outdenting /////
|
||
//@{
|
||
|
||
function cleanLists(node, range) {
|
||
// remove any whitespace nodes around list nodes
|
||
if (node) {
|
||
jQuery(node).find('ul,ol,li').each(function () {
|
||
jQuery(this).contents().each(function () {
|
||
if (isWhitespaceNode(this)) {
|
||
var index = getNodeIndex(this);
|
||
|
||
// if the range points to somewhere behind the removed text node, we reduce the offset
|
||
if (range.startContainer === this.parentNode && range.startOffset > index) {
|
||
range.startOffset--;
|
||
} else if (range.startContainer === this) {
|
||
// the range starts in the removed text node, let it start right before
|
||
range.startContainer = this.parentNode;
|
||
range.startOffset = index;
|
||
}
|
||
// same thing for end of the range
|
||
if (range.endContainer === this.parentNode && range.endOffset > index) {
|
||
range.endOffset--;
|
||
} else if (range.endContainer === this) {
|
||
range.endContainer = this.parentNode;
|
||
range.endOffset = index;
|
||
}
|
||
// finally remove the whitespace node
|
||
jQuery(this).remove();
|
||
}
|
||
});
|
||
});
|
||
}
|
||
}
|
||
|
||
|
||
//@}
|
||
///// 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 (isHtmlElementInArray(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_obsolete(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) && !isHtmlElementInArray(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) && !isHtmlElementInArray(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 (isHtmlElementInArray(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 && !isHtmlElementInArray(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."
|
||
var i;
|
||
for (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) && !isNamedHtmlElement(target, 'BR') && isNamedHtmlElement(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 () {
|
||
var ancestorContainer;
|
||
for (ancestorContainer = range.endContainer;
|
||
ancestorContainer != range.commonAncestorContainer;
|
||
ancestorContainer = ancestorContainer.parentNode) {
|
||
if (isNamedHtmlElement(ancestorContainer, "li")) {
|
||
items.unshift(ancestorContainer);
|
||
}
|
||
}
|
||
for (ancestorContainer = range.startContainer;
|
||
ancestorContainer;
|
||
ancestorContainer = ancestorContainer.parentNode) {
|
||
if (isNamedHtmlElement(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_obsolete(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_obsolete(list.previousSibling, tagName)) || (isEditable(list.nextSibling) && isHtmlElement_obsolete(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_obsolete(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) && (isHtmlElementInArray(node, ["OL", "UL"]) || isHtmlElementInArray(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 !isHtmlElementInArray(node, ["ol", "ul"]) || isHtmlElementInArray(node.parentNode, ["ol", "ul"]);
|
||
});
|
||
}
|
||
|
||
// "If mode is "disable", then while node list is not empty:"
|
||
var sublist, values;
|
||
|
||
function createLi() {
|
||
return document.createElement("li");
|
||
}
|
||
|
||
function isOlUl(node) {
|
||
return isHtmlElementInArray(node, ["ol", "ul"]);
|
||
}
|
||
|
||
function makeIsElementPred(tagName) {
|
||
return function (node) {
|
||
return isHtmlElement_obsolete(node, tagName);
|
||
};
|
||
}
|
||
|
||
function makeCreateElement(tagName) {
|
||
return function () {
|
||
return document.createElement(tagName);
|
||
};
|
||
}
|
||
|
||
function makeCreateElementSublist(tagName, sublist, range) {
|
||
return 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_obsolete(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_obsolete(list.lastChild, tagName)) {
|
||
list.appendChild(document.createElement(tagName));
|
||
}
|
||
|
||
// "Return the last child of list."
|
||
return list.lastChild;
|
||
};
|
||
}
|
||
|
||
if (mode == "disable") {
|
||
while (nodeList.length) {
|
||
// "Let sublist be an empty list of nodes."
|
||
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_obsolete(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_obsolete(nodeList[0], tagName)) {
|
||
sublist.push(nodeList.shift());
|
||
}
|
||
|
||
// "Record the values of sublist, and let values be the result."
|
||
values = recordValues(sublist);
|
||
|
||
// "Split the parent of sublist."
|
||
splitParent(sublist, range);
|
||
|
||
// "Fix disallowed ancestors of each member of sublist."
|
||
var i;
|
||
for (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."
|
||
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 (isHtmlElementInArray(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 (isHtmlElementInArray(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]) && !isNamedHtmlElement(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,
|
||
createLi,
|
||
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_obsolete(sublist[0].parentNode, tagName) || $_(sublist).every(isOlUl)) {
|
||
continue;
|
||
}
|
||
|
||
// "If sublist's first member's parent is an HTML element with
|
||
// local name other tag name:"
|
||
if (isHtmlElement_obsolete(sublist[0].parentNode, otherTagName)) {
|
||
// "Record the values of sublist, and let values be the
|
||
// result."
|
||
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,
|
||
makeIsElementPred(tagName),
|
||
makeCreateElement(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,
|
||
makeIsElementPred(tagName),
|
||
makeCreateElementSublist(tagName, sublist, range),
|
||
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
|
||
&& (hasAttribute(node, "align") || node.style.textAlign != "" || isNamedHtmlElement(node, 'center'));
|
||
});
|
||
|
||
// "For each element in element list:"
|
||
var i;
|
||
for (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 (isHtmlElementInArray(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 (isNamedHtmlElement(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;
|
||
});
|
||
|
||
function makeIsAlignedDiv(alignment) {
|
||
return function (node) {
|
||
return isNamedHtmlElement(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 makeCreateAlignedDiv(alignment) {
|
||
return function () {
|
||
var newParent = document.createElement("div");
|
||
newParent.setAttribute("style", "text-align: " + alignment);
|
||
return newParent;
|
||
};
|
||
}
|
||
|
||
// "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,
|
||
makeIsAlignedDiv(alignment),
|
||
makeCreateAlignedDiv(alignment),
|
||
range
|
||
);
|
||
}
|
||
}
|
||
|
||
//@}
|
||
///// Move the given collapsed range over adjacent zero-width whitespace characters.
|
||
///// The range is
|
||
//@{
|
||
/**
|
||
* Move the given collapsed range over adjacent zero-width whitespace characters.
|
||
* If the range is not collapsed or is not contained in a text node, it is not modified
|
||
* @param range range to modify
|
||
* @param forward {Boolean} true to move forward, false to move backward
|
||
*/
|
||
function moveOverZWSP(range, forward) {
|
||
var offset;
|
||
if (!range.collapsed) {
|
||
return;
|
||
}
|
||
|
||
offset = range.startOffset;
|
||
|
||
if (forward) {
|
||
// check whether the range starts in a text node
|
||
if (range.startContainer && range.startContainer.nodeType === $_.Node.TEXT_NODE) {
|
||
// move forward (i.e. increase offset) as long as we stay in the text node and have zwsp characters to the right
|
||
while (offset < range.startContainer.data.length && range.startContainer.data.charAt(offset) === '\u200b') {
|
||
offset++;
|
||
}
|
||
}
|
||
} else {
|
||
// check whether the range starts in a text node
|
||
if (range.startContainer && range.startContainer.nodeType === $_.Node.TEXT_NODE) {
|
||
// move backward (i.e. decrease offset) as long as we stay in the text node and have zwsp characters to the left
|
||
while (offset > 0 && range.startContainer.data.charAt(offset - 1) === '\u200b') {
|
||
offset--;
|
||
}
|
||
}
|
||
}
|
||
|
||
// if the offset was changed, set it back to the collapsed range
|
||
if (offset !== range.startOffset) {
|
||
range.setStart(range.startContainer, offset);
|
||
range.setEnd(range.startContainer, offset);
|
||
}
|
||
}
|
||
|
||
/**
|
||
* implementation of the delete command
|
||
* will attempt to delete contents within range if non-collapsed
|
||
* or delete the character left of the cursor position if range
|
||
* is collapsed. Is used to define the behaviour of the backspace
|
||
* button.
|
||
*
|
||
* @param value is just there for compatibility with the commands api. parameter is ignored.
|
||
* @param range the range to execute the delete command for
|
||
* @return void
|
||
*/
|
||
commands["delete"] = {
|
||
action: function (value, range) {
|
||
var i;
|
||
|
||
// special behaviour for skipping zero-width whitespaces in IE7
|
||
if (jQuery.browser.msie && jQuery.browser.version <= 7) {
|
||
moveOverZWSP(range, false);
|
||
}
|
||
|
||
// "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 = isNamedHtmlElement(node.childNodes[offset - 1], "br") || false;
|
||
isHr = isNamedHtmlElement(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);
|
||
continue;
|
||
}
|
||
// "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."
|
||
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;
|
||
}
|
||
continue;
|
||
|
||
}
|
||
// "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."
|
||
if ((offset == 0 && isInlineNode(node)) || isInvisible(node)) {
|
||
offset = getNodeIndex(node);
|
||
node = node.parentNode;
|
||
continue;
|
||
}
|
||
// "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."
|
||
if (0 <= offset - 1 && offset - 1 < node.childNodes.length && isEditable(node.childNodes[offset - 1]) && isNamedHtmlElement(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."
|
||
if (0 <= offset - 1 && offset - 1 < node.childNodes.length && !isBlockNode(node.childNodes[offset - 1]) && !isHtmlElementInArray(node.childNodes[offset - 1], ["br", "img"])) {
|
||
node = node.childNodes[offset - 1];
|
||
offset = getNodeLength(node);
|
||
continue;
|
||
}
|
||
// "Otherwise, break from this loop."
|
||
// brk is a quick and dirty jslint workaround since I don't want to rewrite this loop
|
||
var brk = true;
|
||
if (brk) {
|
||
break;
|
||
}
|
||
}
|
||
|
||
// if the previous node is an aloha-table we want to delete it
|
||
var delBlock = getBlockAtPreviousPosition(node, offset);
|
||
if (delBlock) {
|
||
delBlock.parentNode.removeChild(delBlock);
|
||
return;
|
||
}
|
||
|
||
// "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 - 1);
|
||
range.setEnd(node, offset - 1);
|
||
deleteContents(node, offset - 1, node, offset);
|
||
return;
|
||
}
|
||
|
||
// @iebug
|
||
// when inserting a special char via the plugin
|
||
// there where problems deleting them again with backspace after insertation
|
||
// see https://github.com/alohaeditor/Aloha-Editor/issues/517
|
||
if (node.nodeType == $_.Node.TEXT_NODE && offset == 0 && jQuery.browser.msie) {
|
||
offset = 1;
|
||
range.setStart(node, offset);
|
||
range.setEnd(node, offset);
|
||
range.startOffset = 0;
|
||
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 && isHtmlElementInArray(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 (isHtmlElementInArray(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 = [];
|
||
var ancestor;
|
||
for (ancestor = node.parentNode; ancestor; ancestor = ancestor.parentNode) {
|
||
if (isNamedHtmlElement(ancestor, 'li')) {
|
||
items.unshift(ancestor);
|
||
}
|
||
}
|
||
|
||
// "Normalize sublists of each item in items."
|
||
for (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 (isHtmlElementInArray(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 (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 (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 (isNamedHtmlElement(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 && isNamedHtmlElement(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
|
||
&& (isNamedHtmlElement(startNode.childNodes[startOffset - 1], "hr")
|
||
|| (isNamedHtmlElement(startNode.childNodes[startOffset - 1], "br")
|
||
&& (isNamedHtmlElement(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 (isHtmlElementInArray(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) && !isNamedHtmlElement(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 (isHtmlElementInArray(startNode.childNodes[startOffset], ["li", "dt", "dd"]) && isHtmlElementInArray(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) {
|
||
var i;
|
||
|
||
// "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") || isHtmlElementInArray(node, ["dd", "dt"])) && !$_(getDescendants(node)).some(isProhibitedParagraphChild);
|
||
});
|
||
|
||
// "Record the values of node list, and let values be the result."
|
||
var values = recordValues(nodeList);
|
||
|
||
function makeIsEditableElementInSameEditingHostDoesNotContainProhibitedParagraphChildren(node) {
|
||
return function (ancestor) {
|
||
return (isEditable(ancestor)
|
||
&& inSameEditingHost(ancestor, node)
|
||
&& isHtmlElement_obsolete(ancestor, formattableBlockNames)
|
||
&& !$_(getDescendants(ancestor)).some(isProhibitedParagraphChild));
|
||
};
|
||
}
|
||
|
||
function makeIsElementWithoutAttributes(value) {
|
||
return function (node) {
|
||
return isHtmlElement_obsolete(node, value) && !node.attributes.length;
|
||
};
|
||
}
|
||
|
||
function returnFalse() {
|
||
return false;
|
||
}
|
||
|
||
function makeCreateElement(value) {
|
||
return function () {
|
||
return document.createElement(value);
|
||
};
|
||
}
|
||
|
||
// "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 (i = 0; i < nodeList.length; i++) {
|
||
var node = nodeList[i];
|
||
while ($_(getAncestors(node)).some(makeIsEditableElementInSameEditingHostDoesNotContainProhibitedParagraphChildren(node))) {
|
||
splitParent([node], newRange);
|
||
}
|
||
}
|
||
|
||
// "Restore the values from values."
|
||
restoreValues(values, newRange);
|
||
|
||
// "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."
|
||
values = recordValues(sublist);
|
||
|
||
// "Remove the first member of node list from its parent,
|
||
// preserving its descendants."
|
||
removePreservingDescendants(nodeList[0], newRange);
|
||
|
||
// "Restore the values from values."
|
||
restoreValues(values, newRange);
|
||
|
||
// "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]) && !isNamedHtmlElement(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,
|
||
jQuery.inArray(value, ["div", "p"]) == -1 ? makeIsElementWithoutAttributes(value) : returnFalse,
|
||
makeCreateElement(value),
|
||
newRange
|
||
), newRange);
|
||
}
|
||
},
|
||
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:"
|
||
var i;
|
||
for (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_obsolete(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_obsolete(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_obsolete(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_obsolete(node, formattableBlockNames) && !$_(getDescendants(node)).some(isProhibitedParagraphChild)) {
|
||
return node.tagName.toLowerCase();
|
||
}
|
||
|
||
// "Return the empty string."
|
||
return "";
|
||
}
|
||
};
|
||
|
||
//@}
|
||
///// The forwardDelete command /////
|
||
//@{
|
||
commands.forwarddelete = {
|
||
action: function (value, range) {
|
||
// special behaviour for skipping zero-width whitespaces in IE7
|
||
if (jQuery.browser.msie && jQuery.browser.version <= 7) {
|
||
moveOverZWSP(range, true);
|
||
}
|
||
|
||
// "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
|
||
// Commented out for unknown reason.
|
||
//if (offset < node.childNodes.length) {
|
||
// isBr = isHtmlElement_obsolete(node.childNodes[offset], "br") || false;
|
||
// isHr = isHtmlElement_obsolete(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) {
|
||
ensureContainerEditable(node);
|
||
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]) && !isHtmlElementInArray(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
|
||
canonicalizeWhitespace(range.startContainer, range.startOffset);
|
||
|
||
// if the next node is an aloha-table we want to delete it
|
||
var delBlock = getBlockAtNextPosition(node, offset);
|
||
if (delBlock) {
|
||
delBlock.parentNode.removeChild(delBlock);
|
||
return;
|
||
}
|
||
|
||
var endOffset;
|
||
// "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."
|
||
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 && isHtmlElementInArray(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;
|
||
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 (isNamedHtmlElement(endNode.childNodes[endOffset - 1], "table")) {
|
||
return;
|
||
}
|
||
|
||
// "If the child of end node with index end offset is a table:"
|
||
if (isNamedHtmlElement(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) && isHtmlElementInArray(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 = [];
|
||
var node;
|
||
for (node = getActiveRange().endContainer; node != getActiveRange().commonAncestorContainer; node = node.parentNode) {
|
||
if (isNamedHtmlElement(node, "LI")) {
|
||
items.unshift(node);
|
||
}
|
||
}
|
||
for (node = getActiveRange().startContainer; node != getActiveRange().commonAncestorContainer; node = node.parentNode) {
|
||
if (isNamedHtmlElement(node, "LI")) {
|
||
items.unshift(node);
|
||
}
|
||
}
|
||
for (node = getActiveRange().commonAncestorContainer; node; node = node.parentNode) {
|
||
if (isNamedHtmlElement(node, "LI")) {
|
||
items.unshift(node);
|
||
}
|
||
}
|
||
|
||
// "For each item in items, normalize sublists of item."
|
||
var i;
|
||
for (i = 0; i < items.length; i++) {
|
||
normalizeSublists(items[i], getActiveRange());
|
||
}
|
||
|
||
// "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 && isNamedHtmlElement(nodeList[0], "LI") && isHtmlElementInArray(nodeList[0].parentNode, ["OL", "UL"]) && isNamedHtmlElement(nodeList[0].previousSibling, "LI")) {
|
||
normalizeSublists(nodeList[0].previousSibling, newRange);
|
||
}
|
||
|
||
// "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, newRange);
|
||
}
|
||
}
|
||
};
|
||
|
||
//@}
|
||
///// 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)) {
|
||
ensureContainerEditable(range.startContainer);
|
||
}
|
||
|
||
// "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."
|
||
var i;
|
||
for (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 && isNamedHtmlElement(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."
|
||
var newNode, newOffset;
|
||
if (range.startContainer.nodeType == $_.Node.TEXT_NODE && range.startOffset == 0) {
|
||
newNode = range.startContainer.parentNode;
|
||
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)) {
|
||
newNode = range.startContainer.parentNode;
|
||
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)) {
|
||
// TODO
|
||
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));
|
||
}
|
||
|
||
// IE7 is adding this styles: height: auto; min-height: 0px; max-height: none;
|
||
// with that there is the ugly "IE-editable-outline"
|
||
if (jQuery.browser.msie && jQuery.browser.version < 8) {
|
||
br.parentNode.removeAttribute("style");
|
||
}
|
||
}
|
||
};
|
||
|
||
//@}
|
||
///// The insertOrderedList command /////
|
||
//@{
|
||
commands.insertorderedlist = {
|
||
// "Toggle lists with tag name "ol"."
|
||
action: function (value, range) {
|
||
toggleLists("ol", range);
|
||
},
|
||
// "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";
|
||
}
|
||
};
|
||
|
||
var listRelatedElements = {
|
||
"LI": true,
|
||
"DT": true,
|
||
"DD": true
|
||
};
|
||
|
||
//@}
|
||
///// The insertParagraph command /////
|
||
//@{
|
||
commands.insertparagraph = {
|
||
action: function (value, range) {
|
||
var i;
|
||
|
||
// "Delete the contents of the active range."
|
||
deleteContents(range);
|
||
|
||
// clean lists in the editing host, this will remove any whitespace nodes around lists
|
||
// because the following algorithm is not prepared to deal with them
|
||
cleanLists(getEditingHostOf(range.startContainer), 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."
|
||
// TODO not always
|
||
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":"
|
||
var oldHeight, newHeight;
|
||
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
|
||
oldHeight = container.offsetHeight;
|
||
|
||
// "Call insertNode(br) on the active range."
|
||
range.insertNode(br);
|
||
|
||
// determine the new height
|
||
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 <br/>)
|
||
//
|
||
// Work around browser bugs: some browsers select the
|
||
// newly-inserted node, not per spec.
|
||
if (oldHeight == newHeight && !isDescendant(nextNode(br), container)) {
|
||
// TODO check
|
||
range.insertNode(createEndBreak());
|
||
Aloha.getSelection().collapse(node, offset + 1);
|
||
range.setEnd(node, offset + 1);
|
||
}
|
||
|
||
// "Abort these steps."
|
||
return;
|
||
}
|
||
|
||
// "If container's local name is "li", "dt", or "dd"; and either it has
|
||
// no children or it has a single child and that child is a br:"
|
||
if (listRelatedElements[container.tagName] && (!container.hasChildNodes() || (container.childNodes.length == 1 && isNamedHtmlElement(container.firstChild, "br")))) {
|
||
// "Split the parent of the one-node list consisting of container."
|
||
splitParent([container], range);
|
||
|
||
// "If container has no children, call createElement("br") on the
|
||
// context object and append the result as the last child of
|
||
// container."
|
||
// only do this, if inserting the br does NOT modify the offset height of the container
|
||
// if (!container.hasChildNodes()) {
|
||
// var oldHeight = container.offsetHeight, endBr = createEndBreak();
|
||
// container.appendChild(endBr);
|
||
// if (container.offsetHeight !== oldHeight) {
|
||
// container.removeChild(endBr);
|
||
// }
|
||
// }
|
||
|
||
// "If container 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 container to the default single-line container name and let
|
||
// container be the result."
|
||
if (isHtmlElementInArray(container, ["dd", "dt"]) && $_(getAncestors(container)).every(function (ancestor) { return !inSameEditingHost(container, ancestor) || !isAllowedChild(container, ancestor); })) {
|
||
container = setTagName(container, defaultSingleLineContainerName, range);
|
||
}
|
||
|
||
// "Fix disallowed ancestors of container."
|
||
fixDisallowedAncestors(container, range);
|
||
|
||
// fix invalid nested lists
|
||
if (isNamedHtmlElement(container, 'li') && isNamedHtmlElement(container.nextSibling, "li") && isHtmlElementInArray(container.nextSibling.firstChild, ["ol", "ul"])) {
|
||
// we found a li containing only a br followed by a li containing a list as first element: merge the two li's
|
||
var listParent = container.nextSibling,
|
||
length = container.nextSibling.childNodes.length;
|
||
for (i = 0; i < length; i++) {
|
||
// we always move the first child into the container
|
||
container.appendChild(listParent.childNodes[0]);
|
||
}
|
||
listParent.parentNode.removeChild(listParent);
|
||
}
|
||
|
||
// "Abort these steps."
|
||
return;
|
||
}
|
||
|
||
// "Let new line range be a new range whose start is the same as
|
||
// the active range's, and whose end is (container, length of
|
||
// container)."
|
||
var newLineRange = Aloha.createRange();
|
||
newLineRange.setStart(range.startContainer, range.startOffset);
|
||
newLineRange.setEnd(container, getNodeLength(container));
|
||
|
||
// "While new line range's start offset is zero and its start node is
|
||
// not container, set its start to (parent of start node, index of
|
||
// start node)."
|
||
while (newLineRange.startOffset == 0 && newLineRange.startContainer != container) {
|
||
newLineRange.setStart(newLineRange.startContainer.parentNode, getNodeIndex(newLineRange.startContainer));
|
||
}
|
||
|
||
// "While new line range's start offset is the length of its start node
|
||
// and its start node is not container, set its start to (parent of
|
||
// start node, 1 + index of start node)."
|
||
while (newLineRange.startOffset == getNodeLength(newLineRange.startContainer) && newLineRange.startContainer != container) {
|
||
newLineRange.setStart(newLineRange.startContainer.parentNode, 1 + getNodeIndex(newLineRange.startContainer));
|
||
}
|
||
|
||
// "Let end of line be true if new line range contains either nothing
|
||
// or a single br, and false otherwise."
|
||
var containedInNewLineRange = getContainedNodes(newLineRange);
|
||
var endOfLine = !containedInNewLineRange.length || (containedInNewLineRange.length == 1 && isNamedHtmlElement(containedInNewLineRange[0], "br"));
|
||
|
||
// "If the local name of container is "h1", "h2", "h3", "h4", "h5", or
|
||
// "h6", and end of line is true, let new container name be the default
|
||
// single-line container name."
|
||
var newContainerName;
|
||
if (/^H[1-6]$/.test(container.tagName) && endOfLine) {
|
||
newContainerName = defaultSingleLineContainerName;
|
||
|
||
// "Otherwise, if the local name of container is "dt" and end of line
|
||
// is true, let new container name be "dd"."
|
||
} else if (container.tagName == "DT" && endOfLine) {
|
||
newContainerName = "dd";
|
||
|
||
// "Otherwise, if the local name of container is "dd" and end of line
|
||
// is true, let new container name be "dt"."
|
||
} else if (container.tagName == "DD" && endOfLine) {
|
||
newContainerName = "dt";
|
||
|
||
// "Otherwise, let new container name be the local name of container."
|
||
} else {
|
||
newContainerName = container.tagName.toLowerCase();
|
||
}
|
||
|
||
// "Let new container be the result of calling createElement(new
|
||
// container name) on the context object."
|
||
var newContainer = document.createElement(newContainerName);
|
||
|
||
// "Copy all non empty attributes of the container to new container."
|
||
copyAttributes(container, newContainer);
|
||
|
||
// "If new container has an id attribute, unset it."
|
||
newContainer.removeAttribute("id");
|
||
|
||
// "Insert new container into the parent of container immediately after
|
||
// container."
|
||
container.parentNode.insertBefore(newContainer, container.nextSibling);
|
||
|
||
// "Let contained nodes be all nodes contained in new line range."
|
||
var containedNodes = getAllContainedNodes(newLineRange);
|
||
|
||
// "Let frag be the result of calling extractContents() on new line
|
||
// range."
|
||
var frag = newLineRange.extractContents();
|
||
|
||
// "Unset the id attribute (if any) of each Element descendant of frag
|
||
// that is not in contained nodes."
|
||
var descendants = getDescendants(frag);
|
||
for (i = 0; i < descendants.length; i++) {
|
||
if (descendants[i].nodeType == $_.Node.ELEMENT_NODE && $_(containedNodes).indexOf(descendants[i]) == -1) {
|
||
descendants[i].removeAttribute("id");
|
||
}
|
||
}
|
||
|
||
var fragChildren = [],
|
||
fragChild = frag.firstChild;
|
||
if (fragChild) {
|
||
do {
|
||
if (!isWhitespaceNode(fragChild)) {
|
||
fragChildren.push(fragChild);
|
||
}
|
||
} while (null != (fragChild = fragChild.nextSibling));
|
||
}
|
||
|
||
// if newContainer is a li and frag contains only a list, we add a br in the li (but only if the height would not change)
|
||
if (isNamedHtmlElement(newContainer, 'li') && fragChildren.length && isHtmlElementInArray(fragChildren[0], ["ul", "ol"])) {
|
||
oldHeight = newContainer.offsetHeight;
|
||
var endBr = createEndBreak();
|
||
newContainer.appendChild(endBr);
|
||
newHeight = newContainer.offsetHeight;
|
||
if (oldHeight !== newHeight) {
|
||
newContainer.removeChild(endBr);
|
||
}
|
||
}
|
||
|
||
// "Call appendChild(frag) on new container."
|
||
newContainer.appendChild(frag);
|
||
|
||
// "If container has no visible children, call createElement("br") on
|
||
// the context object, and append the result as the last child of
|
||
// container."
|
||
ensureContainerEditable(container);
|
||
|
||
// "If new container has no visible children, call createElement("br")
|
||
// on the context object, and append the result as the last child of
|
||
// new container."
|
||
ensureContainerEditable(newContainer);
|
||
|
||
// "Call collapse(new container, 0) on the context object's Selection."
|
||
Aloha.getSelection().collapse(newContainer, 0);
|
||
range.setStart(newContainer, 0);
|
||
range.setEnd(newContainer, 0);
|
||
}
|
||
};
|
||
|
||
//@}
|
||
///// The insertText command /////
|
||
//@{
|
||
commands.inserttext = {
|
||
action: function (value, range) {
|
||
var i;
|
||
|
||
// "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 value's length is greater than one:"
|
||
if (value.length > 1) {
|
||
// "For each element el in value, take the action for the
|
||
// insertText command, with value equal to el."
|
||
for (i = 0; i < value.length; i++) {
|
||
commands.inserttext.action(value[i], range);
|
||
}
|
||
|
||
// "Abort these steps."
|
||
return;
|
||
}
|
||
|
||
// "If value is the empty string, abort these steps."
|
||
if (value == "") {
|
||
return;
|
||
}
|
||
|
||
// "If value is a newline (U+00A0), take the action for the
|
||
// insertParagraph command and abort these steps."
|
||
if (value == "\n") {
|
||
commands.insertparagraph.action('', range);
|
||
return;
|
||
}
|
||
|
||
// "Let node and offset be the active range's start node and offset."
|
||
var node = range.startContainer;
|
||
var offset = range.startOffset;
|
||
|
||
// "If node has a child whose index is offset − 1, and that child is a
|
||
// Text node, set node to that child, then set offset to node's
|
||
// length."
|
||
if (0 <= offset - 1 && offset - 1 < node.childNodes.length && node.childNodes[offset - 1].nodeType == $_.Node.TEXT_NODE) {
|
||
node = node.childNodes[offset - 1];
|
||
offset = getNodeLength(node);
|
||
}
|
||
|
||
// "If node has a child whose index is offset, and that child is a Text
|
||
// node, set node to that child, then set offset to zero."
|
||
if (0 <= offset && offset < node.childNodes.length && node.childNodes[offset].nodeType == $_.Node.TEXT_NODE) {
|
||
node = node.childNodes[offset];
|
||
offset = 0;
|
||
}
|
||
|
||
// "If value is a space (U+0020), and either node is an Element whose
|
||
// resolved value for "white-space" is neither "pre" nor "pre-wrap" or
|
||
// node is not an Element but its parent is an Element whose resolved
|
||
// value for "white-space" is neither "pre" nor "pre-wrap", set value
|
||
// to a non-breaking space (U+00A0)."
|
||
var refElement = node.nodeType == $_.Node.ELEMENT_NODE ? node : node.parentNode;
|
||
if (value == " " && refElement.nodeType == $_.Node.ELEMENT_NODE && jQuery.inArray($_.getComputedStyle(refElement).whiteSpace, ["pre", "pre-wrap"]) == -1) {
|
||
value = "\xa0";
|
||
}
|
||
|
||
// "Record current overrides, and let overrides be the result."
|
||
var overrides = recordCurrentOverrides(range);
|
||
|
||
// "If node is a Text node:"
|
||
if (node.nodeType == $_.Node.TEXT_NODE) {
|
||
// "Call insertData(offset, value) on node."
|
||
node.insertData(offset, value);
|
||
|
||
// "Call collapse(node, offset) on the context object's Selection."
|
||
Aloha.getSelection().collapse(node, offset);
|
||
range.setStart(node, offset);
|
||
|
||
// "Call extend(node, offset + 1) on the context object's
|
||
// Selection."
|
||
Aloha.getSelection().extend(node, offset + 1);
|
||
range.setEnd(node, offset + 1);
|
||
|
||
// "Otherwise:"
|
||
} else {
|
||
// "If node has only one child, which is a collapsed line break,
|
||
// remove its child from it."
|
||
//
|
||
// FIXME: IE incorrectly returns false here instead of true
|
||
// sometimes?
|
||
if (node.childNodes.length == 1 && isCollapsedLineBreak(node.firstChild)) {
|
||
node.removeChild(node.firstChild);
|
||
}
|
||
|
||
// "Let text be the result of calling createTextNode(value) on the
|
||
// context object."
|
||
var text = document.createTextNode(value);
|
||
|
||
// "Call insertNode(text) on the active range."
|
||
range.insertNode(text);
|
||
|
||
// "Call collapse(text, 0) on the context object's Selection."
|
||
Aloha.getSelection().collapse(text, 0);
|
||
range.setStart(text, 0);
|
||
|
||
// "Call extend(text, 1) on the context object's Selection."
|
||
Aloha.getSelection().extend(text, 1);
|
||
range.setEnd(text, 1);
|
||
}
|
||
|
||
// "Restore states and values from overrides."
|
||
restoreStatesAndValues(overrides);
|
||
|
||
// "Canonicalize whitespace at the active range's start."
|
||
canonicalizeWhitespace(range.startContainer, range.startOffset);
|
||
|
||
// "Canonicalize whitespace at the active range's end."
|
||
canonicalizeWhitespace(range.endContainer, range.endOffset);
|
||
|
||
// "Call collapseToEnd() on the context object's Selection."
|
||
Aloha.getSelection().collapseToEnd();
|
||
range.collapse(false);
|
||
}
|
||
};
|
||
|
||
//@}
|
||
///// The insertUnorderedList command /////
|
||
//@{
|
||
commands.insertunorderedlist = {
|
||
// "Toggle lists with tag name "ul"."
|
||
action: function (value, range) {
|
||
toggleLists("ul", range);
|
||
},
|
||
// "True if the selection's list state is "mixed" or "mixed ul", false
|
||
// otherwise."
|
||
indeterm: function () {
|
||
return (/^mixed( ul)?$/).test(getSelectionListState());
|
||
},
|
||
// "True if the selection's list state is "ul", false otherwise."
|
||
state: function () {
|
||
return getSelectionListState() == "ul";
|
||
}
|
||
};
|
||
|
||
//@}
|
||
///// The justifyCenter command /////
|
||
//@{
|
||
commands.justifycenter = {
|
||
// "Justify the selection with alignment "center"."
|
||
action: function (value, range) {
|
||
justifySelection("center", range);
|
||
},
|
||
indeterm: function () {
|
||
// "Block-extend the active range. Return true if among visible
|
||
// editable nodes that are contained in the result and have no
|
||
// children, at least one has alignment value "center" and at least one
|
||
// does not. Otherwise return false."
|
||
var nodes = getAllContainedNodes(blockExtend(getActiveRange()), function (node) {
|
||
return isEditable(node) && isVisible(node) && !node.hasChildNodes();
|
||
});
|
||
return $_(nodes).some(function (node) { return getAlignmentValue(node) == "center"; })
|
||
&& $_(nodes).some(function (node) { return getAlignmentValue(node) != "center"; });
|
||
},
|
||
state: function () {
|
||
// "Block-extend the active range. Return true if there is at least one
|
||
// visible editable node that is contained in the result and has no
|
||
// children, and all such nodes have alignment value "center".
|
||
// Otherwise return false."
|
||
var nodes = getAllContainedNodes(blockExtend(getActiveRange()), function (node) {
|
||
return isEditable(node) && isVisible(node) && !node.hasChildNodes();
|
||
});
|
||
return nodes.length && $_(nodes).every(function (node) {
|
||
return getAlignmentValue(node) == "center";
|
||
});
|
||
},
|
||
value: function () {
|
||
// "Block-extend the active range, and return the alignment value of
|
||
// the first visible editable node that is contained in the result and
|
||
// has no children. If there is no such node, return "left"."
|
||
var nodes = getAllContainedNodes(blockExtend(getActiveRange()), function (node) {
|
||
return isEditable(node) && isVisible(node) && !node.hasChildNodes();
|
||
});
|
||
if (nodes.length) {
|
||
return getAlignmentValue(nodes[0]);
|
||
}
|
||
return "left";
|
||
}
|
||
};
|
||
|
||
//@}
|
||
///// The justifyFull command /////
|
||
//@{
|
||
commands.justifyfull = {
|
||
// "Justify the selection with alignment "justify"."
|
||
action: function (value, range) {
|
||
justifySelection("justify", range);
|
||
},
|
||
indeterm: function () {
|
||
// "Block-extend the active range. Return true if among visible
|
||
// editable nodes that are contained in the result and have no
|
||
// children, at least one has alignment value "justify" and at least
|
||
// one does not. Otherwise return false."
|
||
var nodes = getAllContainedNodes(blockExtend(getActiveRange()), function (node) {
|
||
return isEditable(node) && isVisible(node) && !node.hasChildNodes();
|
||
});
|
||
return $_(nodes).some(function (node) { return getAlignmentValue(node) == "justify"; })
|
||
&& $_(nodes).some(function (node) { return getAlignmentValue(node) != "justify"; });
|
||
},
|
||
state: function () {
|
||
// "Block-extend the active range. Return true if there is at least one
|
||
// visible editable node that is contained in the result and has no
|
||
// children, and all such nodes have alignment value "justify".
|
||
// Otherwise return false."
|
||
var nodes = getAllContainedNodes(blockExtend(getActiveRange()), function (node) {
|
||
return isEditable(node) && isVisible(node) && !node.hasChildNodes();
|
||
});
|
||
return nodes.length && $_(nodes).every(function (node) {
|
||
return getAlignmentValue(node) == "justify";
|
||
});
|
||
},
|
||
value: function () {
|
||
// "Block-extend the active range, and return the alignment value of
|
||
// the first visible editable node that is contained in the result and
|
||
// has no children. If there is no such node, return "left"."
|
||
var nodes = getAllContainedNodes(blockExtend(getActiveRange()), function (node) {
|
||
return isEditable(node) && isVisible(node) && !node.hasChildNodes();
|
||
});
|
||
if (nodes.length) {
|
||
return getAlignmentValue(nodes[0]);
|
||
}
|
||
return "left";
|
||
}
|
||
};
|
||
|
||
//@}
|
||
///// The justifyLeft command /////
|
||
//@{
|
||
commands.justifyleft = {
|
||
// "Justify the selection with alignment "left"."
|
||
action: function (value, range) {
|
||
justifySelection("left", range);
|
||
},
|
||
indeterm: function () {
|
||
// "Block-extend the active range. Return true if among visible
|
||
// editable nodes that are contained in the result and have no
|
||
// children, at least one has alignment value "left" and at least one
|
||
// does not. Otherwise return false."
|
||
var nodes = getAllContainedNodes(blockExtend(getActiveRange()), function (node) {
|
||
return isEditable(node) && isVisible(node) && !node.hasChildNodes();
|
||
});
|
||
return $_(nodes).some(function (node) { return getAlignmentValue(node) == "left"; })
|
||
&& $_(nodes).some(function (node) { return getAlignmentValue(node) != "left"; });
|
||
},
|
||
state: function () {
|
||
// "Block-extend the active range. Return true if there is at least one
|
||
// visible editable node that is contained in the result and has no
|
||
// children, and all such nodes have alignment value "left". Otherwise
|
||
// return false."
|
||
var nodes = getAllContainedNodes(blockExtend(getActiveRange()), function (node) {
|
||
return isEditable(node) && isVisible(node) && !node.hasChildNodes();
|
||
});
|
||
return nodes.length && $_(nodes).every(function (node) {
|
||
return getAlignmentValue(node) == "left";
|
||
});
|
||
},
|
||
value: function () {
|
||
// "Block-extend the active range, and return the alignment value of
|
||
// the first visible editable node that is contained in the result and
|
||
// has no children. If there is no such node, return "left"."
|
||
var nodes = getAllContainedNodes(blockExtend(getActiveRange()), function (node) {
|
||
return isEditable(node) && isVisible(node) && !node.hasChildNodes();
|
||
});
|
||
if (nodes.length) {
|
||
return getAlignmentValue(nodes[0]);
|
||
}
|
||
return "left";
|
||
}
|
||
};
|
||
|
||
//@}
|
||
///// The justifyRight command /////
|
||
//@{
|
||
commands.justifyright = {
|
||
// "Justify the selection with alignment "right"."
|
||
action: function (value, range) {
|
||
justifySelection("right", range);
|
||
},
|
||
indeterm: function () {
|
||
// "Block-extend the active range. Return true if among visible
|
||
// editable nodes that are contained in the result and have no
|
||
// children, at least one has alignment value "right" and at least one
|
||
// does not. Otherwise return false."
|
||
var nodes = getAllContainedNodes(blockExtend(getActiveRange()), function (node) {
|
||
return isEditable(node) && isVisible(node) && !node.hasChildNodes();
|
||
});
|
||
return $_(nodes).some(function (node) { return getAlignmentValue(node) == "right"; })
|
||
&& $_(nodes).some(function (node) { return getAlignmentValue(node) != "right"; });
|
||
},
|
||
state: function () {
|
||
// "Block-extend the active range. Return true if there is at least one
|
||
// visible editable node that is contained in the result and has no
|
||
// children, and all such nodes have alignment value "right".
|
||
// Otherwise return false."
|
||
var nodes = getAllContainedNodes(blockExtend(getActiveRange()), function (node) {
|
||
return isEditable(node) && isVisible(node) && !node.hasChildNodes();
|
||
});
|
||
return nodes.length && $_(nodes).every(function (node) {
|
||
return getAlignmentValue(node) == "right";
|
||
});
|
||
},
|
||
value: function () {
|
||
// "Block-extend the active range, and return the alignment value of
|
||
// the first visible editable node that is contained in the result and
|
||
// has no children. If there is no such node, return "left"."
|
||
var nodes = getAllContainedNodes(blockExtend(getActiveRange()), function (node) {
|
||
return isEditable(node) && isVisible(node) && !node.hasChildNodes();
|
||
});
|
||
if (nodes.length) {
|
||
return getAlignmentValue(nodes[0]);
|
||
}
|
||
return "left";
|
||
}
|
||
};
|
||
|
||
//@}
|
||
///// The outdent command /////
|
||
//@{
|
||
commands.outdent = {
|
||
action: function () {
|
||
// "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 () {
|
||
var ancestorContainer;
|
||
for (ancestorContainer = getActiveRange().endContainer;
|
||
ancestorContainer != getActiveRange().commonAncestorContainer;
|
||
ancestorContainer = ancestorContainer.parentNode) {
|
||
if (isNamedHtmlElement(ancestorContainer, "li")) {
|
||
items.unshift(ancestorContainer);
|
||
}
|
||
}
|
||
for (ancestorContainer = getActiveRange().startContainer;
|
||
ancestorContainer;
|
||
ancestorContainer = ancestorContainer.parentNode) {
|
||
if (isNamedHtmlElement(ancestorContainer, "li")) {
|
||
items.unshift(ancestorContainer);
|
||
}
|
||
}
|
||
}());
|
||
|
||
// "For each item in items, normalize sublists of item."
|
||
$_(items).forEach(function (thisArg) {
|
||
normalizeSublists(thisArg, getActiveRange());
|
||
});
|
||
|
||
// "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 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; and either node has no editable descendants, or is
|
||
// an ol or ul, or is an li whose parent is an ol or ul."
|
||
var nodeList = getContainedNodes(newRange, function (node) {
|
||
return isEditable(node) && (!$_(getDescendants(node)).some(isEditable) || isHtmlElementInArray(node, ["ol", "ul"]) || (isNamedHtmlElement(node, 'li') && isHtmlElementInArray(node.parentNode, ["ol", "ul"])));
|
||
});
|
||
|
||
// "While node list is not empty:"
|
||
while (nodeList.length) {
|
||
// "While the first member of node list is an ol or ul or is not
|
||
// the child of an ol or ul, outdent it and remove it from node
|
||
// list."
|
||
while (nodeList.length && (isHtmlElementInArray(nodeList[0], ["OL", "UL"]) || !isHtmlElementInArray(nodeList[0].parentNode, ["OL", "UL"]))) {
|
||
outdentNode(nodeList.shift(), newRange);
|
||
}
|
||
|
||
// "If node list is empty, break from these substeps."
|
||
if (!nodeList.length) {
|
||
break;
|
||
}
|
||
|
||
// "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, and the first member of node list is not
|
||
// an ol or ul, remove the first member of node list and append it
|
||
// to sublist."
|
||
while (nodeList.length && nodeList[0] == sublist[sublist.length - 1].nextSibling && !isHtmlElementInArray(nodeList[0], ["OL", "UL"])) {
|
||
sublist.push(nodeList.shift());
|
||
}
|
||
|
||
// "Record the values of sublist, and let values be the result."
|
||
var values = recordValues(sublist);
|
||
|
||
// "Split the parent of sublist, with new parent null."
|
||
splitParent(sublist, newRange);
|
||
|
||
// "Fix disallowed ancestors of each member of sublist."
|
||
$_(sublist).forEach(fixDisallowedAncestors);
|
||
|
||
// "Restore the values from values."
|
||
restoreValues(values, newRange);
|
||
}
|
||
}
|
||
};
|
||
|
||
//@}
|
||
|
||
//////////////////////////////////
|
||
///// Miscellaneous commands /////
|
||
//////////////////////////////////
|
||
|
||
///// The selectAll command /////
|
||
//@{
|
||
commands.selectall = {
|
||
// Note, this ignores the whole globalRange/getActiveRange() thing and
|
||
// works with actual selections. Not suitable for autoimplementation.html.
|
||
action: function () {
|
||
// "Let target be the body element of the context object."
|
||
var target = document.body;
|
||
|
||
// "If target is null, let target be the context object's
|
||
// documentElement."
|
||
if (!target) {
|
||
target = document.documentElement;
|
||
}
|
||
|
||
// "If target is null, call getSelection() on the context object, and
|
||
// call removeAllRanges() on the result."
|
||
if (!target) {
|
||
Aloha.getSelection().removeAllRanges();
|
||
|
||
// "Otherwise, call getSelection() on the context object, and call
|
||
// selectAllChildren(target) on the result."
|
||
} else {
|
||
Aloha.getSelection().selectAllChildren(target);
|
||
}
|
||
}
|
||
};
|
||
|
||
//@}
|
||
///// The styleWithCSS command /////
|
||
//@{
|
||
commands.stylewithcss = {
|
||
action: function (value) {
|
||
// "If value is an ASCII case-insensitive match for the string
|
||
// "false", set the CSS styling flag to false. Otherwise, set the
|
||
// CSS styling flag to true."
|
||
cssStylingFlag = String(value).toLowerCase() != "false";
|
||
},
|
||
state: function () {
|
||
return cssStylingFlag;
|
||
}
|
||
};
|
||
|
||
//@}
|
||
///// The useCSS command /////
|
||
//@{
|
||
commands.usecss = {
|
||
action: function (value) {
|
||
// "If value is an ASCII case-insensitive match for the string "false",
|
||
// set the CSS styling flag to true. Otherwise, set the CSS styling
|
||
// flag to false."
|
||
cssStylingFlag = String(value).toLowerCase() == "false";
|
||
}
|
||
};
|
||
//@}
|
||
|
||
// Some final setup
|
||
//@{
|
||
(function () {
|
||
// Opera 11.50 doesn't implement Object.keys, so I have to make an explicit
|
||
// temporary, which means I need an extra closure to not leak the temporaries
|
||
// into the global namespace. >:(
|
||
var commandNames = [];
|
||
var command;
|
||
for (command in commands) {
|
||
if (commands.hasOwnProperty(command)) {
|
||
commandNames.push(command);
|
||
}
|
||
}
|
||
$_(commandNames).forEach(function (command) {
|
||
// "If a command does not have a relevant CSS property specified, it
|
||
// defaults to null."
|
||
if (null == commands[command].relevantCssProperty) {
|
||
commands[command].relevantCssProperty = null;
|
||
}
|
||
|
||
// "If a command has inline command activated values defined but
|
||
// nothing else defines when it is indeterminate, it is indeterminate
|
||
// if among editable Text nodes effectively contained in the active
|
||
// range, there is at least one whose effective command value is one of
|
||
// the given values and at least one whose effective command value is
|
||
// not one of the given values."
|
||
if (null != commands[command].inlineCommandActivatedValues && null == commands[command].indeterm) {
|
||
commands[command].indeterm = function (range) {
|
||
var values = $_(getAllEffectivelyContainedNodes(range, function (node) { return isEditable(node) && node.nodeType == $_.Node.TEXT_NODE; }))
|
||
.map(function (node) { return getEffectiveCommandValue(node, command); });
|
||
|
||
var matchingValues = $_(values).filter(function (value) {
|
||
return $_(commands[command].inlineCommandActivatedValues).indexOf(value) != -1;
|
||
});
|
||
|
||
return matchingValues.length >= 1 && values.length - matchingValues.length >= 1;
|
||
};
|
||
}
|
||
|
||
// "If a command has inline command activated values defined, its state
|
||
// is true if either no editable Text node is effectively contained in
|
||
// the active range, and the active range's start node's effective
|
||
// command value is one of the given values; or if there is at least
|
||
// one editable Text node effectively contained in the active range,
|
||
// and all of them have an effective command value equal to one of the
|
||
// given values."
|
||
if (null != commands[command].inlineCommandActivatedValues) {
|
||
commands[command].state = function (range) {
|
||
var nodes = getAllEffectivelyContainedNodes(range, function (node) {
|
||
return isEditable(node) && node.nodeType == $_.Node.TEXT_NODE;
|
||
});
|
||
|
||
if (nodes.length == 0) {
|
||
return $_(commands[command].inlineCommandActivatedValues).indexOf(getEffectiveCommandValue(range.startContainer, command)) != -1;
|
||
}
|
||
return $_(nodes).every(function (node) {
|
||
return $_(commands[command].inlineCommandActivatedValues).indexOf(getEffectiveCommandValue(node, command)) != -1;
|
||
});
|
||
};
|
||
}
|
||
|
||
// "If a command is a standard inline value command, it is
|
||
// indeterminate if among editable Text nodes that are effectively
|
||
// contained in the active range, there are two that have distinct
|
||
// effective command values. Its value is 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."
|
||
if (null != commands[command].standardInlineValueCommand) {
|
||
commands[command].indeterm = function () {
|
||
var values = $_(getAllEffectivelyContainedNodes(getActiveRange())).filter(function (node) { return isEditable(node) && node.nodeType == $_.Node.TEXT_NODE; }, true)
|
||
.map(function (node) { return getEffectiveCommandValue(node, command); });
|
||
var i;
|
||
for (i = 1; i < values.length; i++) {
|
||
if (values[i] != values[i - 1]) {
|
||
return true;
|
||
}
|
||
}
|
||
return false;
|
||
};
|
||
|
||
commands[command].value = function (range) {
|
||
var refNode = getAllEffectivelyContainedNodes(range, function (node) {
|
||
return isEditable(node) && node.nodeType == $_.Node.TEXT_NODE;
|
||
})[0];
|
||
|
||
if (typeof refNode == "undefined") {
|
||
refNode = range.startContainer;
|
||
}
|
||
|
||
return getEffectiveCommandValue(refNode, command);
|
||
};
|
||
}
|
||
});
|
||
}());
|
||
//@}
|
||
return {
|
||
commands: commands,
|
||
execCommand: myExecCommand,
|
||
queryCommandIndeterm: myQueryCommandIndeterm,
|
||
queryCommandState: myQueryCommandState,
|
||
queryCommandValue: myQueryCommandValue,
|
||
queryCommandEnabled: myQueryCommandEnabled,
|
||
queryCommandSupported: myQueryCommandSupported,
|
||
copyAttributes: copyAttributes,
|
||
createEndBreak: createEndBreak,
|
||
isEndBreak: isEndBreak,
|
||
ensureContainerEditable: ensureContainerEditable,
|
||
isEditingHost: isEditingHost,
|
||
isEditable: isEditable
|
||
};
|
||
}); // end define
|
||
// vim: foldmarker=@{,@} foldmethod=marker
|