/* YUI 3.17.2 (build 9c3c78e) Copyright 2014 Yahoo! Inc. All rights reserved. Licensed under the BSD License. http://yuilibrary.com/license/ */ YUI.add('editor-selection', function (Y, NAME) { /** * Wraps some common Selection/Range functionality into a simple object * @class EditorSelection * @constructor * @module editor * @submodule selection */ //TODO This shouldn't be there, Y.Node doesn't normalize getting textnode content. var textContent = 'textContent', INNER_HTML = 'innerHTML', FONT_FAMILY = 'fontFamily'; if (Y.UA.ie && Y.UA.ie < 11) { textContent = 'nodeValue'; } Y.EditorSelection = function(domEvent) { var sel, par, ieNode, nodes, rng, i, comp, moved = 0, n, id, root = Y.EditorSelection.ROOT; if (Y.config.win.getSelection && (!Y.UA.ie || Y.UA.ie < 9 || Y.UA.ie > 10)) { sel = Y.config.win.getSelection(); } else if (Y.config.doc.selection) { sel = Y.config.doc.selection.createRange(); } this._selection = sel; if (!sel) { return false; } if (sel.pasteHTML) { this.isCollapsed = (sel.compareEndPoints('StartToEnd', sel)) ? false : true; if (this.isCollapsed) { this.anchorNode = this.focusNode = Y.one(sel.parentElement()); if (domEvent) { ieNode = Y.config.doc.elementFromPoint(domEvent.clientX, domEvent.clientY); } rng = sel.duplicate(); if (!ieNode) { par = sel.parentElement(); nodes = par.childNodes; for (i = 0; i < nodes.length; i++) { //This causes IE to not allow a selection on a doubleclick //rng.select(nodes[i]); if (rng.inRange(sel)) { if (!ieNode) { ieNode = nodes[i]; } } } } this.ieNode = ieNode; if (ieNode) { if (ieNode.nodeType !== 3) { if (ieNode.firstChild) { ieNode = ieNode.firstChild; } if (root.compareTo(ieNode)) { if (ieNode.firstChild) { ieNode = ieNode.firstChild; } } } this.anchorNode = this.focusNode = Y.EditorSelection.resolve(ieNode); rng.moveToElementText(sel.parentElement()); comp = sel.compareEndPoints('StartToStart', rng); if (comp) { //We are not at the beginning of the selection. //Setting the move to something large, may need to increase it later moved = this.getEditorOffset(root); sel.move('character', -(moved)); } this.anchorOffset = this.focusOffset = moved; this.anchorTextNode = this.focusTextNode = Y.one(ieNode); } } else { //This helps IE deal with a selection and nodeChange events if (sel.htmlText && sel.htmlText !== '') { n = Y.Node.create(sel.htmlText); if (n && n.get('id')) { id = n.get('id'); this.anchorNode = this.focusNode = Y.one('#' + id); } else if (n) { n = n.get('childNodes'); this.anchorNode = this.focusNode = n.item(0); } } } //var self = this; //debugger; } else { this.isCollapsed = sel.isCollapsed; this.anchorNode = Y.EditorSelection.resolve(sel.anchorNode); this.focusNode = Y.EditorSelection.resolve(sel.focusNode); this.anchorOffset = sel.anchorOffset; this.focusOffset = sel.focusOffset; this.anchorTextNode = Y.one(sel.anchorNode || this.anchorNode); this.focusTextNode = Y.one(sel.focusNode || this.focusNode); } if (Y.Lang.isString(sel.text)) { this.text = sel.text; } else { if (sel.toString) { this.text = sel.toString(); } else { this.text = ''; } } }; /** * Utility method to remove dead font-family styles from an element. * @static * @method removeFontFamily */ Y.EditorSelection.removeFontFamily = function(n) { n.removeAttribute('face'); var s = n.getAttribute('style').toLowerCase(); if (s === '' || (s === 'font-family: ')) { n.removeAttribute('style'); } if (s.match(Y.EditorSelection.REG_FONTFAMILY)) { s = s.replace(Y.EditorSelection.REG_FONTFAMILY, ''); n.setAttribute('style', s); } }; /** * Performs a prefilter on all nodes in the editor. Looks for nodes with a style: fontFamily or font face * It then creates a dynamic class assigns it and removed the property. This is so that we don't lose * the fontFamily when selecting nodes. * @static * @method filter */ Y.EditorSelection.filter = function(blocks) { var startTime = (new Date()).getTime(), editorSelection = Y.EditorSelection, root = editorSelection.ROOT, endTime, nodes = root.all(editorSelection.ALL), baseNodes = root.all('strong,em'), doc = Y.config.doc, hrs, classNames = {}, cssString = '', ls, startTime1 = (new Date()).getTime(), endTime1; nodes.each(function(n) { var raw = Y.Node.getDOMNode(n); if (raw.style[FONT_FAMILY]) { classNames['.' + n._yuid] = raw.style[FONT_FAMILY]; n.addClass(n._yuid); editorSelection.removeFontFamily(raw); } }); endTime1 = (new Date()).getTime(); root.all('.hr').addClass('yui-skip').addClass('yui-non'); if (Y.UA.ie) { hrs = Y.Node.getDOMNode(root).getElementsByTagName('hr'); Y.each(hrs, function(hr) { var el = doc.createElement('div'), s = el.style; el.className = 'hr yui-non yui-skip'; el.setAttribute('readonly', true); el.setAttribute('contenteditable', false); //Keep it from being Edited if (hr.parentNode) { hr.parentNode.replaceChild(el, hr); } //Had to move to inline style. writes for ie's < 8. They don't render el.setAttribute('style'); s.border = '1px solid #ccc'; s.lineHeight = '0'; s.height = '0'; s.fontSize = '0'; s.marginTop = '5px'; s.marginBottom = '5px'; s.marginLeft = '0px'; s.marginRight = '0px'; s.padding = '0'; }); } Y.each(classNames, function(v, k) { cssString += k + ' { font-family: ' + v.replace(/"/gi, '') + '; }'; }); Y.StyleSheet(cssString, 'editor'); //Not sure about this one? baseNodes.each(function(n, k) { var t = n.get('tagName').toLowerCase(), newTag = 'i'; if (t === 'strong') { newTag = 'b'; } editorSelection.prototype._swap(baseNodes.item(k), newTag); }); //Filter out all the empty UL/OL's ls = root.all('ol,ul'); ls.each(function(v) { var lis = v.all('li'); if (!lis.size()) { v.remove(); } }); if (blocks) { editorSelection.filterBlocks(); } endTime = (new Date()).getTime(); }; /** * Method attempts to replace all "orphined" text nodes in the main body by wrapping them with a
. Called from filter.
* @static
* @method filterBlocks
*/
Y.EditorSelection.filterBlocks = function() {
var startTime = (new Date()).getTime(), endTime,
childs = Y.Node.getDOMNode(Y.EditorSelection.ROOT).childNodes, i, node, wrapped = false, doit = true,
sel, single, br, c, s, html;
if (childs) {
for (i = 0; i < childs.length; i++) {
node = Y.one(childs[i]);
if (!node.test(Y.EditorSelection.BLOCKS)) {
doit = true;
if (childs[i].nodeType === 3) {
c = childs[i][textContent].match(Y.EditorSelection.REG_CHAR);
s = childs[i][textContent].match(Y.EditorSelection.REG_NON);
if (c === null && s) {
doit = false;
}
}
if (doit) {
if (!wrapped) {
wrapped = [];
}
wrapped.push(childs[i]);
}
} else {
wrapped = Y.EditorSelection._wrapBlock(wrapped);
}
}
wrapped = Y.EditorSelection._wrapBlock(wrapped);
}
single = Y.all(Y.EditorSelection.DEFAULT_BLOCK_TAG);
if (single.size() === 1) {
br = single.item(0).all('br');
if (br.size() === 1) {
if (!br.item(0).test('.yui-cursor')) {
br.item(0).remove();
}
html = single.item(0).get('innerHTML');
if (html === '' || html === ' ') {
single.set('innerHTML', Y.EditorSelection.CURSOR);
sel = new Y.EditorSelection();
sel.focusCursor(true, true);
}
if (br.item(0).test('.yui-cursor') && Y.UA.ie) {
br.item(0).remove();
}
}
} else {
single.each(function(p) {
var html = p.get('innerHTML');
if (html === '') {
p.remove();
}
});
}
endTime = (new Date()).getTime();
};
/**
* Regular Expression used to find dead font-family styles
* @static
* @property REG_FONTFAMILY
*/
Y.EditorSelection.REG_FONTFAMILY = /font-family:\s*;/;
/**
* Regular Expression to determine if a string has a character in it
* @static
* @property REG_CHAR
*/
Y.EditorSelection.REG_CHAR = /[a-zA-Z-0-9_!@#\$%\^&*\(\)-=_+\[\]\\{}|;':",.\/<>\?]/gi;
/**
* Regular Expression to determine if a string has a non-character in it
* @static
* @property REG_NON
*/
Y.EditorSelection.REG_NON = /[\s|\n|\t]/gi;
/**
* Regular Expression to remove all HTML from a string
* @static
* @property REG_NOHTML
*/
Y.EditorSelection.REG_NOHTML = /<\S[^><]*>/g;
/**
* Wraps an array of elements in a Block level tag
* @static
* @private
* @method _wrapBlock
*/
Y.EditorSelection._wrapBlock = function(wrapped) {
if (wrapped) {
var newChild = Y.Node.create('<' + Y.EditorSelection.DEFAULT_BLOCK_TAG + '>' + Y.EditorSelection.DEFAULT_BLOCK_TAG + '>'),
firstChild = Y.one(wrapped[0]), i;
for (i = 1; i < wrapped.length; i++) {
newChild.append(wrapped[i]);
}
firstChild.replace(newChild);
newChild.prepend(firstChild);
}
return false;
};
/**
* Undoes what filter does enough to return the HTML from the Editor, then re-applies the filter.
* @static
* @method unfilter
* @return {String} The filtered HTML
*/
Y.EditorSelection.unfilter = function() {
var root = Y.EditorSelection.ROOT,
nodes = root.all('[class]'),
html = '', nons, ids,
body = root;
nodes.each(function(n) {
if (n.hasClass(n._yuid)) {
//One of ours
n.setStyle(FONT_FAMILY, n.getStyle(FONT_FAMILY));
n.removeClass(n._yuid);
if (n.getAttribute('class') === '') {
n.removeAttribute('class');
}
}
});
nons = root.all('.yui-non');
nons.each(function(n) {
if (!n.hasClass('yui-skip') && n.get('innerHTML') === '') {
n.remove();
} else {
n.removeClass('yui-non').removeClass('yui-skip');
}
});
ids = root.all('[id]');
ids.each(function(n) {
if (n.get('id').indexOf('yui_3_') === 0) {
n.removeAttribute('id');
n.removeAttribute('_yuid');
}
});
if (body) {
html = body.get('innerHTML');
}
root.all('.hr').addClass('yui-skip').addClass('yui-non');
/*
nodes.each(function(n) {
n.addClass(n._yuid);
n.setStyle(FONT_FAMILY, '');
if (n.getAttribute('style') === '') {
n.removeAttribute('style');
}
});
*/
return html;
};
/**
* Resolve a node from the selection object and return a Node instance
* @static
* @method resolve
* @param {HTMLElement} n The HTMLElement to resolve. Might be a TextNode, gives parentNode.
* @return {Node} The Resolved node
*/
Y.EditorSelection.resolve = function(n) {
if (!n) {
return Y.EditorSelection.ROOT;
}
if (n && n.nodeType === 3) {
//Adding a try/catch here because in rare occasions IE will
//Throw a error accessing the parentNode of a stranded text node.
//In the case of Ctrl+Z (Undo)
try {
n = n.parentNode;
} catch (re) {
n = Y.EditorSelection.ROOT;
}
}
return Y.one(n);
};
/**
* Returns the innerHTML of a node with all HTML tags removed.
* @static
* @method getText
* @param {Node} node The Node instance to remove the HTML from
* @return {String} The string of text
*/
Y.EditorSelection.getText = function(node) {
var txt = node.get('innerHTML').replace(Y.EditorSelection.REG_NOHTML, '');
//Clean out the cursor subs to see if the Node is empty
txt = txt.replace('
', '').replace('
', '');
return txt;
};
//Y.EditorSelection.DEFAULT_BLOCK_TAG = 'div';
Y.EditorSelection.DEFAULT_BLOCK_TAG = 'p';
/**
* The selector to use when looking for Nodes to cache the value of: [style],font[face]
* @static
* @property ALL
*/
Y.EditorSelection.ALL = '[style],font[face]';
/**
* The selector to use when looking for block level items.
* @static
* @property BLOCKS
*/
Y.EditorSelection.BLOCKS = 'p,div,ul,ol,table,style';
/**
* The temporary fontname applied to a selection to retrieve their values: yui-tmp
* @static
* @property TMP
*/
Y.EditorSelection.TMP = 'yui-tmp';
/**
* The default tag to use when creating elements: span
* @static
* @property DEFAULT_TAG
*/
Y.EditorSelection.DEFAULT_TAG = 'span';
/**
* The id of the outer cursor wrapper
* @static
* @property CURID
*/
Y.EditorSelection.CURID = 'yui-cursor';
/**
* The id used to wrap the inner space of the cursor position
* @static
* @property CUR_WRAPID
*/
Y.EditorSelection.CUR_WRAPID = 'yui-cursor-wrapper';
/**
* The default HTML used to focus the cursor..
* @static
* @property CURSOR
*/
Y.EditorSelection.CURSOR = '
';
/**
* The default HTML element from which data will be retrieved. Default: body
* @static
* @property ROOT
*/
Y.EditorSelection.ROOT = Y.one('body');
Y.EditorSelection.hasCursor = function() {
var cur = Y.all('#' + Y.EditorSelection.CUR_WRAPID);
return cur.size();
};
/**
* Called from Editor keydown to remove the "extra" space before the cursor.
* @static
* @method cleanCursor
*/
Y.EditorSelection.cleanCursor = function() {
var cur, sel = 'br.yui-cursor';
cur = Y.all(sel);
if (cur.size()) {
cur.each(function(b) {
var c = b.get('parentNode.parentNode.childNodes'), html;
if (c.size()) {
b.remove();
} else {
html = Y.EditorSelection.getText(c.item(0));
if (html !== '') {
b.remove();
}
}
});
}
/*
var cur = Y.all('#' + Y.EditorSelection.CUR_WRAPID);
if (cur.size()) {
cur.each(function(c) {
var html = c.get('innerHTML');
if (html == ' ' || html == '
') {
if (c.previous() || c.next()) {
c.remove();
}
}
});
}
*/
};
Y.EditorSelection.prototype = {
/**
* Range text value
* @property text
* @type String
*/
text: null,
/**
* Flag to show if the range is collapsed or not
* @property isCollapsed
* @type Boolean
*/
isCollapsed: null,
/**
* A Node instance of the parentNode of the anchorNode of the range
* @property anchorNode
* @type Node
*/
anchorNode: null,
/**
* The offset from the range object
* @property anchorOffset
* @type Number
*/
anchorOffset: null,
/**
* A Node instance of the actual textNode of the range.
* @property anchorTextNode
* @type Node
*/
anchorTextNode: null,
/**
* A Node instance of the parentNode of the focusNode of the range
* @property focusNode
* @type Node
*/
focusNode: null,
/**
* The offset from the range object
* @property focusOffset
* @type Number
*/
focusOffset: null,
/**
* A Node instance of the actual textNode of the range.
* @property focusTextNode
* @type Node
*/
focusTextNode: null,
/**
* The actual Selection/Range object
* @property _selection
* @private
*/
_selection: null,
/**
* Wrap an element, with another element
* @private
* @method _wrap
* @param {HTMLElement} n The node to wrap
* @param {String} tag The tag to use when creating the new element.
* @return {HTMLElement} The wrapped node
*/
_wrap: function(n, tag) {
var tmp = Y.Node.create('<' + tag + '>' + tag + '>');
tmp.set(INNER_HTML, n.get(INNER_HTML));
n.set(INNER_HTML, '');
n.append(tmp);
return Y.Node.getDOMNode(tmp);
},
/**
* Swap an element, with another element
* @private
* @method _swap
* @param {HTMLElement} n The node to swap
* @param {String} tag The tag to use when creating the new element.
* @return {HTMLElement} The new node
*/
_swap: function(n, tag) {
var tmp = Y.Node.create('<' + tag + '>' + tag + '>');
tmp.set(INNER_HTML, n.get(INNER_HTML));
n.replace(tmp, n);
return Y.Node.getDOMNode(tmp);
},
/**
* Get all the nodes in the current selection. This method will actually perform a filter first.
* Then it calls doc.execCommand('fontname', null, 'yui-tmp') to touch all nodes in the selection.
* The it compiles a list of all nodes affected by the execCommand and builds a NodeList to return.
* @method getSelected
* @return {NodeList} A NodeList of all items in the selection.
*/
getSelected: function() {
var editorSelection = Y.EditorSelection,
root = editorSelection.ROOT,
nodes,
items = [];
editorSelection.filter();
Y.config.doc.execCommand('fontname', null, editorSelection.TMP);
nodes = root.all(editorSelection.ALL);
nodes.each(function(n, k) {
if (n.getStyle(FONT_FAMILY) === editorSelection.TMP) {
n.setStyle(FONT_FAMILY, '');
editorSelection.removeFontFamily(n);
if (!n.compareTo(root)) {
items.push(Y.Node.getDOMNode(nodes.item(k)));
}
}
});
return Y.all(items);
},
/**
* Insert HTML at the current cursor position and return a Node instance of the newly inserted element.
* @method insertContent
* @param {String} html The HTML to insert.
* @return {Node} The inserted Node.
*/
insertContent: function(html) {
return this.insertAtCursor(html, this.anchorTextNode, this.anchorOffset, true);
},
/**
* Insert HTML at the current cursor position, this method gives you control over the text node to insert into and the offset where to put it.
* @method insertAtCursor
* @param {String} html The HTML to insert.
* @param {Node} node The text node to break when inserting.
* @param {Number} offset The left offset of the text node to break and insert the new content.
* @param {Boolean} collapse Should the range be collapsed after insertion. default: false
* @return {Node} The inserted Node.
*/
insertAtCursor: function(html, node, offset, collapse) {
var cur = Y.Node.create('<' + Y.EditorSelection.DEFAULT_TAG + ' class="yui-non">' + Y.EditorSelection.DEFAULT_TAG + '>'),
inHTML, txt, txt2, newNode, range = this.createRange(), b, root = Y.EditorSelection.ROOT;
if (root.compareTo(node)) {
b = Y.Node.create('');
node.append(b);
node = b;
}
if (range.pasteHTML) {
if (offset === 0 && node && !node.previous() && node.get('nodeType') === 3) {
/*
* For some strange reason, range.pasteHTML fails if the node is a textNode and
* the offset is 0. (The cursor is at the beginning of the line)
* It will always insert the new content at position 1 instead of
* position 0. Here we test for that case and do it the hard way.
*/
node.insert(html, 'before');
if (range.moveToElementText) {
range.moveToElementText(Y.Node.getDOMNode(node.previous()));
}
//Move the cursor after the new node
range.collapse(false);
range.select();
return node.previous();
} else {
newNode = Y.Node.create(html);
try {
range.pasteHTML('');
} catch (e) {}
inHTML = root.one('#rte-insert');
if (inHTML) {
inHTML.set('id', '');
inHTML.replace(newNode);
if (range.moveToElementText) {
range.moveToElementText(Y.Node.getDOMNode(newNode));
}
range.collapse(false);
range.select();
return newNode;
} else {
Y.on('available', function() {
inHTML.set('id', '');
inHTML.replace(newNode);
if (range.moveToElementText) {
range.moveToElementText(Y.Node.getDOMNode(newNode));
}
range.collapse(false);
range.select();
}, '#rte-insert');
}
}
} else {
//TODO using Y.Node.create here throws warnings & strips first white space character
//txt = Y.one(Y.Node.create(inHTML.substr(0, offset)));
//txt2 = Y.one(Y.Node.create(inHTML.substr(offset)));
if (offset > 0) {
inHTML = node.get(textContent);
txt = Y.one(Y.config.doc.createTextNode(inHTML.substr(0, offset)));
txt2 = Y.one(Y.config.doc.createTextNode(inHTML.substr(offset)));
node.replace(txt, node);
newNode = Y.Node.create(html);
if (newNode.get('nodeType') === 11) {
b = Y.Node.create('');
b.append(newNode);
newNode = b;
}
txt.insert(newNode, 'after');
//if (txt2 && txt2.get('length')) {
if (txt2) {
newNode.insert(cur, 'after');
cur.insert(txt2, 'after');
this.selectNode(cur, collapse);
}
} else {
if (node.get('nodeType') === 3) {
node = node.get('parentNode') || root;
}
newNode = Y.Node.create(html);
html = node.get('innerHTML').replace(/\n/gi, '');
if (html === '' || html === '
') {
node.append(newNode);
} else {
if (newNode.get('parentNode')) {
node.insert(newNode, 'before');
} else {
root.prepend(newNode);
}
}
if (node.get('firstChild').test('br')) {
node.get('firstChild').remove();
}
}
}
return newNode;
},
/**
* Get all elements inside a selection and wrap them with a new element and return a NodeList of all elements touched.
* @method wrapContent
* @param {String} tag The tag to wrap all selected items with.
* @return {NodeList} A NodeList of all items in the selection.
*/
wrapContent: function(tag) {
tag = (tag) ? tag : Y.EditorSelection.DEFAULT_TAG;
if (!this.isCollapsed) {
var items = this.getSelected(),
changed = [], range, last, first, range2;
items.each(function(n, k) {
var t = n.get('tagName').toLowerCase();
if (t === 'font') {
changed.push(this._swap(items.item(k), tag));
} else {
changed.push(this._wrap(items.item(k), tag));
}
}, this);
range = this.createRange();
first = changed[0];
last = changed[changed.length - 1];
if (this._selection.removeAllRanges) {
range.setStart(changed[0], 0);
range.setEnd(last, last.childNodes.length);
this._selection.removeAllRanges();
this._selection.addRange(range);
} else {
if (range.moveToElementText) {
range.moveToElementText(Y.Node.getDOMNode(first));
range2 = this.createRange();
range2.moveToElementText(Y.Node.getDOMNode(last));
range.setEndPoint('EndToEnd', range2);
}
range.select();
}
changed = Y.all(changed);
return changed;
} else {
return Y.all([]);
}
},
/**
* Find and replace a string inside a text node and replace it with HTML focusing the node after
* to allow you to continue to type.
* @method replace
* @param {String} se The string to search for.
* @param {String} re The string of HTML to replace it with.
* @return {Node} The node inserted.
*/
replace: function(se,re) {
var range = this.createRange(), node, txt, index, newNode;
if (range.getBookmark) {
index = range.getBookmark();
txt = this.anchorNode.get('innerHTML').replace(se, re);
this.anchorNode.set('innerHTML', txt);
range.moveToBookmark(index);
newNode = Y.one(range.parentElement());
} else {
node = this.anchorTextNode;
txt = node.get(textContent);
index = txt.indexOf(se);
txt = txt.replace(se, '');
node.set(textContent, txt);
newNode = this.insertAtCursor(re, node, index, true);
}
return newNode;
},
/**
* Destroy the range.
* @method remove
* @chainable
* @return {EditorSelection}
*/
remove: function() {
if (this._selection && this._selection.removeAllRanges) {
this._selection.removeAllRanges();
}
return this;
},
/**
* Wrapper for the different range creation methods.
* @method createRange
* @return {Range}
*/
createRange: function() {
if (Y.config.doc.selection) {
return Y.config.doc.selection.createRange();
} else {
return Y.config.doc.createRange();
}
},
/**
* Select a Node (hilighting it).
* @method selectNode
* @param {Node} node The node to select
* @param {Boolean} collapse Should the range be collapsed after insertion. default: false
* @chainable
* @return {EditorSelection}
*/
selectNode: function(node, collapse, end) {
if (!node) {
return;
}
end = end || 0;
node = Y.Node.getDOMNode(node);
var range = this.createRange();
if (range.selectNode) {
try {
range.selectNode(node);
} catch (err) {
// Ignore selection errors like INVALID_NODE_TYPE_ERR
}
this._selection.removeAllRanges();
this._selection.addRange(range);
if (collapse) {
try {
this._selection.collapse(node, end);
} catch (err) {
this._selection.collapse(node, 0);
}
}
} else {
if (node.nodeType === 3) {
node = node.parentNode;
}
try {
range.moveToElementText(node);
} catch(e) {}
if (collapse) {
range.collapse(((end) ? false : true));
}
range.select();
}
return this;
},
/**
* Put a placeholder in the DOM at the current cursor position.
* @method setCursor
* @return {Node}
*/
setCursor: function() {
this.removeCursor(false);
return this.insertContent(Y.EditorSelection.CURSOR);
},
/**
* Get the placeholder in the DOM at the current cursor position.
* @method getCursor
* @return {Node}
*/
getCursor: function() {
return Y.EditorSelection.ROOT.all('.' + Y.EditorSelection.CURID);
},
/**
* Remove the cursor placeholder from the DOM.
* @method removeCursor
* @param {Boolean} keep Setting this to true will keep the node, but remove the unique parts that make it the cursor.
* @return {Node}
*/
removeCursor: function(keep) {
var cur = this.getCursor();
if (cur) {
if (keep) {
cur.removeAttribute('id');
cur.set('innerHTML', '
');
} else {
cur.remove();
}
}
return cur;
},
/**
* Gets a stored cursor and focuses it for editing, must be called sometime after setCursor
* @method focusCursor
* @return {Node}
*/
focusCursor: function(collapse, end) {
if (collapse !== false) {
collapse = true;
}
if (end !== false) {
end = true;
}
var cur = this.removeCursor(true);
if (cur) {
cur.each(function(c) {
this.selectNode(c, collapse, end);
}, this);
}
},
/**
* Generic toString for logging.
* @method toString
* @return {String}
*/
toString: function() {
return 'EditorSelection Object';
},
/**
Gets the offset of the selection for the selection within the current
editor
@public
@method getEditorOffset
@param {Y.Node} [node] Element used to measure the offset to
@return Number Number of characters the selection is from the beginning
@since 3.13.0
*/
getEditorOffset: function(node) {
var container = (node || Y.EditorSelection.ROOT).getDOMNode(),
caretOffset = 0,
doc = Y.config.doc,
win = Y.config.win,
sel,
range,
preCaretRange;
if (typeof win.getSelection !== "undefined") {
range = win.getSelection().getRangeAt(0);
preCaretRange = range.cloneRange();
preCaretRange.selectNodeContents(container);
preCaretRange.setEnd(range.endContainer, range.endOffset);
caretOffset = preCaretRange.toString().length;
} else {
sel = doc.selection;
if ( sel && sel.type !== "Control") {
range = sel.createRange();
preCaretRange = doc.body.createTextRange();
preCaretRange.moveToElementText(container);
preCaretRange.setEndPoint("EndToEnd", range);
caretOffset = preCaretRange.text.length;
}
}
return caretOffset;
}
};
//TODO Remove this alias in 3.6.0
Y.Selection = Y.EditorSelection;
}, '3.17.2', {"requires": ["node"]});