selection-debug.js revision 5e41377074f3a800d125e664578b36234bf28f7d
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTrippYUI.add('selection', function(Y) {
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp /**
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp * Wraps some common Selection/Range functionality into a simple object
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp * @module editor
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp * @submodule selection
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp */
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp /**
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp * Wraps some common Selection/Range functionality into a simple object
a89ad754cce3cfc8aee71760e10217b54020360dTripp * @class Selection
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp * @for Selection
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp * @constructor
a89ad754cce3cfc8aee71760e10217b54020360dTripp */
a89ad754cce3cfc8aee71760e10217b54020360dTripp
a89ad754cce3cfc8aee71760e10217b54020360dTripp //TODO This shouldn't be there, Y.Node doesn't normalize getting textnode content.
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp var textContent = 'textContent',
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp INNER_HTML = 'innerHTML',
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp FONT_FAMILY = 'fontFamily';
c093c1aed867e18aa4778708592e1ceb45d18cffTripp
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp Y.Selection = function() {
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp var sel, par, ieNode, nodes, rng, i;
a89ad754cce3cfc8aee71760e10217b54020360dTripp
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp if (Y.config.win.getSelection) {
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp sel = Y.config.win.getSelection();
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp } else if (Y.config.doc.selection) {
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp sel = Y.config.doc.selection.createRange();
c093c1aed867e18aa4778708592e1ceb45d18cffTripp }
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp this._selection = sel;
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp if (sel.pasteHTML) {
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp textContent = 'nodeValue';
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp this.isCollapsed = (sel.compareEndPoints('StartToEnd', sel)) ? false : true;
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp if (this.isCollapsed) {
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp this.anchorNode = this.focusNode = Y.one(sel.parentElement());
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp par = sel.parentElement();
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp nodes = par.childNodes;
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp rng = sel.duplicate();
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp for (i = 0; i < nodes.length; i++) {
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp rng.select(nodes[i]);
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp if (rng.inRange(sel)) {
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp ieNode = nodes[i];
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp }
a89ad754cce3cfc8aee71760e10217b54020360dTripp }
a89ad754cce3cfc8aee71760e10217b54020360dTripp
a89ad754cce3cfc8aee71760e10217b54020360dTripp this.ieNode = ieNode;
a89ad754cce3cfc8aee71760e10217b54020360dTripp
c093c1aed867e18aa4778708592e1ceb45d18cffTripp
a89ad754cce3cfc8aee71760e10217b54020360dTripp if (ieNode) {
a89ad754cce3cfc8aee71760e10217b54020360dTripp if (ieNode.nodeType !== 3) {
a89ad754cce3cfc8aee71760e10217b54020360dTripp if (ieNode.firstChild) {
a89ad754cce3cfc8aee71760e10217b54020360dTripp ieNode = ieNode.firstChild;
a89ad754cce3cfc8aee71760e10217b54020360dTripp }
a89ad754cce3cfc8aee71760e10217b54020360dTripp }
a89ad754cce3cfc8aee71760e10217b54020360dTripp this.anchorNode = this.focusNode = Y.Selection.resolve(ieNode);
a89ad754cce3cfc8aee71760e10217b54020360dTripp
a89ad754cce3cfc8aee71760e10217b54020360dTripp this.anchorOffset = this.focusOffset = (this.anchorNode.nodeValue) ? this.anchorNode.nodeValue.length : 0 ;
a89ad754cce3cfc8aee71760e10217b54020360dTripp
a89ad754cce3cfc8aee71760e10217b54020360dTripp this.anchorTextNode = this.focusTextNode = Y.one(ieNode);
a89ad754cce3cfc8aee71760e10217b54020360dTripp }
a89ad754cce3cfc8aee71760e10217b54020360dTripp
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp
a89ad754cce3cfc8aee71760e10217b54020360dTripp }
c093c1aed867e18aa4778708592e1ceb45d18cffTripp
a89ad754cce3cfc8aee71760e10217b54020360dTripp //var self = this;
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp //debugger;
a89ad754cce3cfc8aee71760e10217b54020360dTripp } else {
7947db4b7d8682ea81598e3a4283e659a8103be6Tripp this.isCollapsed = sel.isCollapsed;
a89ad754cce3cfc8aee71760e10217b54020360dTripp this.anchorNode = Y.Selection.resolve(sel.anchorNode);
a89ad754cce3cfc8aee71760e10217b54020360dTripp this.focusNode = Y.Selection.resolve(sel.focusNode);
a89ad754cce3cfc8aee71760e10217b54020360dTripp this.anchorOffset = sel.anchorOffset;
a89ad754cce3cfc8aee71760e10217b54020360dTripp this.focusOffset = sel.focusOffset;
7947db4b7d8682ea81598e3a4283e659a8103be6Tripp
a89ad754cce3cfc8aee71760e10217b54020360dTripp this.anchorTextNode = Y.one(sel.anchorNode);
a89ad754cce3cfc8aee71760e10217b54020360dTripp this.focusTextNode = Y.one(sel.focusNode);
a89ad754cce3cfc8aee71760e10217b54020360dTripp }
a89ad754cce3cfc8aee71760e10217b54020360dTripp if (Y.Lang.isString(sel.text)) {
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp this.text = sel.text;
a89ad754cce3cfc8aee71760e10217b54020360dTripp } else {
c093c1aed867e18aa4778708592e1ceb45d18cffTripp this.text = sel.toString();
a89ad754cce3cfc8aee71760e10217b54020360dTripp }
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp };
a89ad754cce3cfc8aee71760e10217b54020360dTripp
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp /**
a89ad754cce3cfc8aee71760e10217b54020360dTripp * Performs a prefilter on all nodes in the editor. Looks for nodes with a style: fontFamily or font face
a89ad754cce3cfc8aee71760e10217b54020360dTripp * It then creates a dynamic class assigns it and removed the property. This is so that we don't lose
a89ad754cce3cfc8aee71760e10217b54020360dTripp * the fontFamily when selecting nodes.
a89ad754cce3cfc8aee71760e10217b54020360dTripp * @static
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp * @method filter
a89ad754cce3cfc8aee71760e10217b54020360dTripp */
a89ad754cce3cfc8aee71760e10217b54020360dTripp Y.Selection.filter = function(blocks) {
a89ad754cce3cfc8aee71760e10217b54020360dTripp var nodes = Y.all(Y.Selection.ALL),
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp baseNodes = Y.all('strong,em'),
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp ls;
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp
c093c1aed867e18aa4778708592e1ceb45d18cffTripp Y.log('Filtering nodes', 'info', 'selection');
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp nodes.each(function(n) {
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp if (n.getStyle(FONT_FAMILY)) {
a89ad754cce3cfc8aee71760e10217b54020360dTripp var sheet = new Y.StyleSheet('editor');
a89ad754cce3cfc8aee71760e10217b54020360dTripp sheet.set('.' + n._yuid, {
a89ad754cce3cfc8aee71760e10217b54020360dTripp fontFamily: n.getStyle(FONT_FAMILY)
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp });
a89ad754cce3cfc8aee71760e10217b54020360dTripp n.addClass(n._yuid);
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp n.removeAttribute('face');
a89ad754cce3cfc8aee71760e10217b54020360dTripp n.setStyle(FONT_FAMILY, '');
a89ad754cce3cfc8aee71760e10217b54020360dTripp if (n.getAttribute('style') === '') {
a89ad754cce3cfc8aee71760e10217b54020360dTripp n.removeAttribute('style');
a89ad754cce3cfc8aee71760e10217b54020360dTripp }
a89ad754cce3cfc8aee71760e10217b54020360dTripp //This is for IE
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp if (n.getAttribute('style').toLowerCase() === 'font-family: ') {
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp n.removeAttribute('style');
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp }
c093c1aed867e18aa4778708592e1ceb45d18cffTripp }
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp });
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp
a89ad754cce3cfc8aee71760e10217b54020360dTripp //Not sure about this one?
a89ad754cce3cfc8aee71760e10217b54020360dTripp baseNodes.each(function(n, k) {
a89ad754cce3cfc8aee71760e10217b54020360dTripp var t = n.get('tagName').toLowerCase(),
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp newTag = 'i';
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp if (t === 'strong') {
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp newTag = 'b';
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp }
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp Y.Selection.prototype._swap(baseNodes.item(k), newTag);
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp });
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp //Filter out all the empty UL/OL's
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp ls = Y.all('ol,ul');
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp ls.each(function(v, k) {
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp var lis = v.all('li');
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp if (!lis.size()) {
c093c1aed867e18aa4778708592e1ceb45d18cffTripp v.remove();
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp }
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp });
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp if (blocks) {
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp Y.Selection.filterBlocks();
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp }
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp };
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp
bf801d6851ecf7ed14742ef3639a077daecb5cf8Tripp /**
a4d2446149b07f9e5c32947091dcbcf4d2eee765Tripp * Method attempts to replace all "orphined" text nodes in the main body by wrapping them with a <p>. Called from filter.
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp * @static
c093c1aed867e18aa4778708592e1ceb45d18cffTripp * @method filterBlocks
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp */
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp Y.Selection.filterBlocks = function() {
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp var childs = Y.config.doc.body.childNodes, i, node, wrapped = false, doit = true,
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp sel, single, br, divs, spans, c, s;
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp if (childs) {
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp for (i = 0; i < childs.length; i++) {
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp node = Y.one(childs[i]);
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp if (!node.test(Y.Selection.BLOCKS)) {
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp doit = true;
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp if (childs[i].nodeType == 3) {
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp c = childs[i].textContent.match(Y.Selection.REG_CHAR);
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp s = childs[i].textContent.match(Y.Selection.REG_NON);
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp if (c === null && s) {
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp doit = false;
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp }
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp }
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp if (doit) {
c093c1aed867e18aa4778708592e1ceb45d18cffTripp if (!wrapped) {
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp wrapped = [];
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp }
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp wrapped.push(childs[i]);
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp }
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp } else {
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp wrapped = Y.Selection._wrapBlock(wrapped);
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp }
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp }
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp wrapped = Y.Selection._wrapBlock(wrapped);
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp }
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp single = Y.all('p');
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp if (single.size() === 1) {
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp Y.log('Only One Paragragh, focus it..', 'info', 'selection');
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp br = single.item(0).all('br');
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp if (br.size() === 1) {
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp br.item(0).remove();
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp var html = single.item(0).get('innerHTML');
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp if (html == '' || html == ' ') {
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp single.set('innerHTML', Y.Selection.CURSOR);
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp sel = new Y.Selection();
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp sel.focusCursor(true, false);
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp }
c093c1aed867e18aa4778708592e1ceb45d18cffTripp }
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp } else {
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp single.each(function(p) {
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp var html = p.get('innerHTML');
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp if (html === '') {
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp Y.log('Empty Paragraph Tag Found, Removing It', 'info', 'selection');
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp p.remove();
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp }
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp });
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp }
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp divs = Y.all('div, p');
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp divs.each(function(d) {
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp var html = d.get('innerHTML');
a89ad754cce3cfc8aee71760e10217b54020360dTripp if (html === '') {
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp Y.log('Empty DIV/P Tag Found, Removing It', 'info', 'selection');
a89ad754cce3cfc8aee71760e10217b54020360dTripp d.remove();
a89ad754cce3cfc8aee71760e10217b54020360dTripp } else {
a89ad754cce3cfc8aee71760e10217b54020360dTripp Y.log('DIVS/PS Count: ' + d.get('childNodes').size(), 'info', 'selection');
7947db4b7d8682ea81598e3a4283e659a8103be6Tripp if (d.get('childNodes').size() == 1) {
7947db4b7d8682ea81598e3a4283e659a8103be6Tripp Y.log('This Div/P only has one Child Node', 'info', 'selection');
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp if (d.ancestor('p')) {
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp Y.log('This Div/P is a child of a paragraph, remove it..', 'info', 'selection');
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp d.replace(d.get('firstChild'));
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp }
c093c1aed867e18aa4778708592e1ceb45d18cffTripp }
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp }
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp });
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp spans = Y.all('.Apple-style-span, .apple-style-span');
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp Y.log('Apple Spans found: ' + spans.size(), 'info', 'selection');
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp spans.each(function(s) {
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp s.setAttribute('style', '');
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp });
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp };
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp /**
c093c1aed867e18aa4778708592e1ceb45d18cffTripp * Regular Expression to determine if a string has a character in it
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp * @static
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp * @property REG_CHAR
7947db4b7d8682ea81598e3a4283e659a8103be6Tripp */
7947db4b7d8682ea81598e3a4283e659a8103be6Tripp Y.Selection.REG_CHAR = /[a-zA-Z-0-9_]/gi;
7947db4b7d8682ea81598e3a4283e659a8103be6Tripp
7947db4b7d8682ea81598e3a4283e659a8103be6Tripp /**
7947db4b7d8682ea81598e3a4283e659a8103be6Tripp * Regular Expression to determine if a string has a non-character in it
7947db4b7d8682ea81598e3a4283e659a8103be6Tripp * @static
7947db4b7d8682ea81598e3a4283e659a8103be6Tripp * @property REG_NON
7947db4b7d8682ea81598e3a4283e659a8103be6Tripp */
a89ad754cce3cfc8aee71760e10217b54020360dTripp Y.Selection.REG_NON = /[\s\S|\n|\t]/gi;
a89ad754cce3cfc8aee71760e10217b54020360dTripp
a89ad754cce3cfc8aee71760e10217b54020360dTripp
a89ad754cce3cfc8aee71760e10217b54020360dTripp /**
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp * Wraps an array of elements in a Block level tag
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp * @static
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp * @private
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp * @method _wrapBlock
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp */
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp Y.Selection._wrapBlock = function(wrapped) {
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp if (wrapped) {
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp var newChild = Y.Node.create('<p></p>'),
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp firstChild = Y.one(wrapped[0]), i;
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp for (i = 1; i < wrapped.length; i++) {
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp newChild.append(wrapped[i]);
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp }
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp firstChild.replace(newChild);
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp newChild.prepend(firstChild);
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp }
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp return false;
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp };
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp /**
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp * Undoes what filter does enough to return the HTML from the Editor, then re-applies the filter.
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp * @static
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp * @method unfilter
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp * @return {String} The filtered HTML
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp */
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp Y.Selection.unfilter = function() {
c790ee5b4dcc7d98b68c124495c76d7d515bdc8dTripp var nodes = Y.all('body [class]'),
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp html = '', nons, ids;
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp Y.log('UnFiltering nodes', 'info', 'selection');
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp nodes.each(function(n) {
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp if (n.hasClass(n._yuid)) {
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp //One of ours
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp n.setStyle(FONT_FAMILY, n.getStyle(FONT_FAMILY));
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp n.removeClass(n._yuid);
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp if (n.getAttribute('class') === '') {
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp n.removeAttribute('class');
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp }
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp }
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp });
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp nons = Y.all('.yui-non');
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp nons.each(function(n) {
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp if (n.get('innerHTML') === '') {
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp n.remove();
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp } else {
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp n.removeClass('yui-non');
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp }
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp });
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp ids = Y.all('body [id]');
a89ad754cce3cfc8aee71760e10217b54020360dTripp ids.each(function(n) {
a89ad754cce3cfc8aee71760e10217b54020360dTripp if (n.get('id').indexOf('yui_3_') === 0) {
a89ad754cce3cfc8aee71760e10217b54020360dTripp n.removeAttribute('id');
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp n.removeAttribute('_yuid');
a89ad754cce3cfc8aee71760e10217b54020360dTripp }
7947db4b7d8682ea81598e3a4283e659a8103be6Tripp });
a89ad754cce3cfc8aee71760e10217b54020360dTripp
a89ad754cce3cfc8aee71760e10217b54020360dTripp html = Y.one('body').get('innerHTML');
a89ad754cce3cfc8aee71760e10217b54020360dTripp
a89ad754cce3cfc8aee71760e10217b54020360dTripp nodes.each(function(n) {
a89ad754cce3cfc8aee71760e10217b54020360dTripp n.addClass(n._yuid);
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp n.setStyle(FONT_FAMILY, '');
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp if (n.getAttribute('style') === '') {
a89ad754cce3cfc8aee71760e10217b54020360dTripp n.removeAttribute('style');
a89ad754cce3cfc8aee71760e10217b54020360dTripp }
a89ad754cce3cfc8aee71760e10217b54020360dTripp });
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp
a89ad754cce3cfc8aee71760e10217b54020360dTripp return html;
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp };
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp /**
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp * Resolve a node from the selection object and return a Node instance
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp * @static
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp * @method resolve
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp * @param {HTMLElement} n The HTMLElement to resolve. Might be a TextNode, gives parentNode.
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp * @return {Node} The Resolved node
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp */
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp Y.Selection.resolve = function(n) {
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp if (n && n.nodeType === 3) {
a89ad754cce3cfc8aee71760e10217b54020360dTripp n = n.parentNode;
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp }
a89ad754cce3cfc8aee71760e10217b54020360dTripp return Y.one(n);
a89ad754cce3cfc8aee71760e10217b54020360dTripp };
a89ad754cce3cfc8aee71760e10217b54020360dTripp
a89ad754cce3cfc8aee71760e10217b54020360dTripp /**
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp * Returns the innerHTML of a node with all HTML tags removed.
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp * @static
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp * @method getText
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp * @param {Node} node The Node instance to remove the HTML from
a89ad754cce3cfc8aee71760e10217b54020360dTripp * @return {String} The string of text
a89ad754cce3cfc8aee71760e10217b54020360dTripp */
a89ad754cce3cfc8aee71760e10217b54020360dTripp Y.Selection.getText = function(node) {
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp return node.get('innerHTML').replace(Y.Selection.STRIP_HTML, '');
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp };
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp /**
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp * The selector to use when looking for Nodes to cache the value of: [style],font[face]
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp * @static
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp * @property ALL
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp */
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp Y.Selection.ALL = '[style],font[face]';
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp /**
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp * RegExp used to strip HTML tags from a string
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp * @static
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp * @property STRIP_HTML
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp */
a89ad754cce3cfc8aee71760e10217b54020360dTripp Y.Selection.STRIP_HTML = /<\S[^><]*>/g;
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp /**
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp * The selector to use when looking for block level items.
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp * @static
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp * @property BLOCKS
b57ff76ab2ce5f3017d61855f13ed04ab46a965cTripp */
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp Y.Selection.BLOCKS = 'p,div,ul,ol,table,style';
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp /**
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp * The temporary fontname applied to a selection to retrieve their values: yui-tmp
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp * @static
b57ff76ab2ce5f3017d61855f13ed04ab46a965cTripp * @property TMP
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp */
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp Y.Selection.TMP = 'yui-tmp';
6c4ec9d420df654d019b936fd06bef6f769db4cbTripp /**
6c4ec9d420df654d019b936fd06bef6f769db4cbTripp * The default tag to use when creating elements: span
b57ff76ab2ce5f3017d61855f13ed04ab46a965cTripp * @static
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp * @property DEFAULT_TAG
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp */
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp Y.Selection.DEFAULT_TAG = 'span';
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp Y.Selection.CURID = 'yui-cursor';
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp
b57ff76ab2ce5f3017d61855f13ed04ab46a965cTripp Y.Selection.CURSOR = '<span id="' + Y.Selection.CURID + '">&nbsp;</span>';
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp Y.Selection.prototype = {
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp /**
b57ff76ab2ce5f3017d61855f13ed04ab46a965cTripp * Range text value
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp * @property text
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp * @type String
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp */
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp text: null,
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp /**
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp * Flag to show if the range is collapsed or not
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp * @property isCollapsed
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp * @type Boolean
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp */
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp isCollapsed: null,
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp /**
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp * A Node instance of the parentNode of the anchorNode of the range
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp * @property anchorNode
a89ad754cce3cfc8aee71760e10217b54020360dTripp * @type Node
a89ad754cce3cfc8aee71760e10217b54020360dTripp */
a89ad754cce3cfc8aee71760e10217b54020360dTripp anchorNode: null,
a89ad754cce3cfc8aee71760e10217b54020360dTripp /**
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp * The offset from the range object
a89ad754cce3cfc8aee71760e10217b54020360dTripp * @property anchorOffset
a89ad754cce3cfc8aee71760e10217b54020360dTripp * @type Number
a89ad754cce3cfc8aee71760e10217b54020360dTripp */
a89ad754cce3cfc8aee71760e10217b54020360dTripp anchorOffset: null,
a89ad754cce3cfc8aee71760e10217b54020360dTripp /**
a89ad754cce3cfc8aee71760e10217b54020360dTripp * A Node instance of the actual textNode of the range.
a89ad754cce3cfc8aee71760e10217b54020360dTripp * @property anchorTextNode
a89ad754cce3cfc8aee71760e10217b54020360dTripp * @type Node
a89ad754cce3cfc8aee71760e10217b54020360dTripp */
a89ad754cce3cfc8aee71760e10217b54020360dTripp anchorTextNode: null,
a89ad754cce3cfc8aee71760e10217b54020360dTripp /**
a89ad754cce3cfc8aee71760e10217b54020360dTripp * A Node instance of the parentNode of the focusNode of the range
a89ad754cce3cfc8aee71760e10217b54020360dTripp * @property focusNode
a89ad754cce3cfc8aee71760e10217b54020360dTripp * @type Node
a89ad754cce3cfc8aee71760e10217b54020360dTripp */
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp focusNode: null,
a89ad754cce3cfc8aee71760e10217b54020360dTripp /**
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp * The offset from the range object
a89ad754cce3cfc8aee71760e10217b54020360dTripp * @property focusOffset
a89ad754cce3cfc8aee71760e10217b54020360dTripp * @type Number
a89ad754cce3cfc8aee71760e10217b54020360dTripp */
a89ad754cce3cfc8aee71760e10217b54020360dTripp focusOffset: null,
a89ad754cce3cfc8aee71760e10217b54020360dTripp /**
a89ad754cce3cfc8aee71760e10217b54020360dTripp * A Node instance of the actual textNode of the range.
a89ad754cce3cfc8aee71760e10217b54020360dTripp * @property focusTextNode
a89ad754cce3cfc8aee71760e10217b54020360dTripp * @type Node
a89ad754cce3cfc8aee71760e10217b54020360dTripp */
a89ad754cce3cfc8aee71760e10217b54020360dTripp focusTextNode: null,
a89ad754cce3cfc8aee71760e10217b54020360dTripp /**
a89ad754cce3cfc8aee71760e10217b54020360dTripp * The actual Selection/Range object
a89ad754cce3cfc8aee71760e10217b54020360dTripp * @property _selection
a89ad754cce3cfc8aee71760e10217b54020360dTripp * @private
a89ad754cce3cfc8aee71760e10217b54020360dTripp */
a89ad754cce3cfc8aee71760e10217b54020360dTripp _selection: null,
a89ad754cce3cfc8aee71760e10217b54020360dTripp /**
a89ad754cce3cfc8aee71760e10217b54020360dTripp * Wrap an element, with another element
a89ad754cce3cfc8aee71760e10217b54020360dTripp * @private
a89ad754cce3cfc8aee71760e10217b54020360dTripp * @method _wrap
a89ad754cce3cfc8aee71760e10217b54020360dTripp * @param {HTMLElement} n The node to wrap
a89ad754cce3cfc8aee71760e10217b54020360dTripp * @param {String} tag The tag to use when creating the new element.
a89ad754cce3cfc8aee71760e10217b54020360dTripp * @return {HTMLElement} The wrapped node
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp */
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp _wrap: function(n, tag) {
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp var tmp = Y.Node.create('<' + tag + '></' + tag + '>');
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp tmp.set(INNER_HTML, n.get(INNER_HTML));
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp n.set(INNER_HTML, '');
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp n.append(tmp);
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp return Y.Node.getDOMNode(tmp);
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp },
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp /**
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp * Swap an element, with another element
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp * @private
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp * @method _swap
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp * @param {HTMLElement} n The node to swap
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp * @param {String} tag The tag to use when creating the new element.
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp * @return {HTMLElement} The new node
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp */
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp _swap: function(n, tag) {
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp var tmp = Y.Node.create('<' + tag + '></' + tag + '>');
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp tmp.set(INNER_HTML, n.get(INNER_HTML));
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp n.replace(tmp, n);
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp return Y.Node.getDOMNode(tmp);
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp },
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp /**
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp * Get all the nodes in the current selection. This method will actually perform a filter first.
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp * Then it calls doc.execCommand('fontname', null, 'yui-tmp') to touch all nodes in the selection.
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp * The it compiles a list of all nodes affected by the execCommand and builds a NodeList to return.
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp * @method getSelected
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp * @return {NodeList} A NodeList of all items in the selection.
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp */
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp getSelected: function() {
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp Y.Selection.filter();
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp Y.config.doc.execCommand('fontname', null, Y.Selection.TMP);
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp var nodes = Y.all(Y.Selection.ALL),
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp items = [];
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp nodes.each(function(n, k) {
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp if (n.getStyle(FONT_FAMILY, Y.Selection.TMP)) {
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp n.setStyle(FONT_FAMILY, '');
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp n.removeAttribute('face');
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp if (n.getAttribute('style') === '') {
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp n.removeAttribute('style');
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp }
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp if (!n.test('body')) {
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp items.push(Y.Node.getDOMNode(nodes.item(k)));
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp }
6c4ec9d420df654d019b936fd06bef6f769db4cbTripp }
6c4ec9d420df654d019b936fd06bef6f769db4cbTripp });
b57ff76ab2ce5f3017d61855f13ed04ab46a965cTripp return Y.all(items);
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp },
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp /**
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp * Insert HTML at the current cursor position and return a Node instance of the newly inserted element.
6c4ec9d420df654d019b936fd06bef6f769db4cbTripp * @method insertContent
6c4ec9d420df654d019b936fd06bef6f769db4cbTripp * @param {String} html The HTML to insert.
6c4ec9d420df654d019b936fd06bef6f769db4cbTripp * @return {Node} The inserted Node.
6c4ec9d420df654d019b936fd06bef6f769db4cbTripp */
6c4ec9d420df654d019b936fd06bef6f769db4cbTripp insertContent: function(html) {
6c4ec9d420df654d019b936fd06bef6f769db4cbTripp return this.insertAtCursor(html, this.anchorTextNode, this.anchorOffset, true);
6c4ec9d420df654d019b936fd06bef6f769db4cbTripp },
6c4ec9d420df654d019b936fd06bef6f769db4cbTripp /**
6c4ec9d420df654d019b936fd06bef6f769db4cbTripp * 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.
6c4ec9d420df654d019b936fd06bef6f769db4cbTripp * @method insertAtCursor
6c4ec9d420df654d019b936fd06bef6f769db4cbTripp * @param {String} html The HTML to insert.
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp * @param {Node} node The text node to break when inserting.
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp * @param {Number} offset The left offset of the text node to break and insert the new content.
b57ff76ab2ce5f3017d61855f13ed04ab46a965cTripp * @param {Boolean} collapse Should the range be collapsed after insertion. default: false
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp * @return {Node} The inserted Node.
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp */
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp insertAtCursor: function(html, node, offset, collapse) {
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp var cur = Y.Node.create('<' + Y.Selection.DEFAULT_TAG + ' class="yui-non"></' + Y.Selection.DEFAULT_TAG + '>'),
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp inHTML, txt, txt2, newNode, range = this.createRange(), b;
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp if (node && node.test('body')) {
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp b = Y.Node.create('<span></span>');
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp node.append(b);
bbd1285cbb2183b7f89010412ad97ae1680b4b5eTripp node = b;
bbd1285cbb2183b7f89010412ad97ae1680b4b5eTripp }
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp if (range.pasteHTML) {
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp newNode = Y.Node.create(html);
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp range.pasteHTML('<span id="rte-insert"></span>');
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp inHTML = Y.one('#rte-insert');
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp if (inHTML) {
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp inHTML.set('id', '');
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp inHTML.replace(newNode);
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp return newNode;
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp } else {
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp Y.on('available', function() {
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp inHTML.set('id', '');
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp inHTML.replace(newNode);
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp }, '#rte-insert');
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp }
9eaaa502227248d304ac9170902697d02158c1d9Tripp } else {
9eaaa502227248d304ac9170902697d02158c1d9Tripp //TODO using Y.Node.create here throws warnings & strips first white space character
9eaaa502227248d304ac9170902697d02158c1d9Tripp //txt = Y.one(Y.Node.create(inHTML.substr(0, offset)));
9eaaa502227248d304ac9170902697d02158c1d9Tripp //txt2 = Y.one(Y.Node.create(inHTML.substr(offset)));
9eaaa502227248d304ac9170902697d02158c1d9Tripp if (offset > 0) {
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp inHTML = node.get(textContent);
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp
4ef2f7e4cb7c7d255be077c47d542199f7bf8607Tripp txt = Y.one(Y.config.doc.createTextNode(inHTML.substr(0, offset)));
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp txt2 = Y.one(Y.config.doc.createTextNode(inHTML.substr(offset)));
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp node.replace(txt, node);
4ef2f7e4cb7c7d255be077c47d542199f7bf8607Tripp newNode = Y.Node.create(html);
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp if (newNode.get('nodeType') === 11) {
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp b = Y.Node.create('<span></span>');
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp b.append(newNode);
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp newNode = b;
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp }
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp txt.insert(newNode, 'after');
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp if (txt2 && txt2.get('length')) {
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp newNode.insert(cur, 'after');
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp cur.insert(txt2, 'after');
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp this.selectNode(cur, collapse);
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp }
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp } else {
b79c07ef87dd1a48a03fc33a91c37d04f3addae2Tripp if (node.get('nodeType') === 3) {
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp node = node.get('parentNode');
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp }
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp newNode = Y.Node.create(html);
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp node.append(newNode);
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp }
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp }
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp return newNode;
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp },
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp /**
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp * Get all elements inside a selection and wrap them with a new element and return a NodeList of all elements touched.
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp * @method wrapContent
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp * @param {String} tag The tag to wrap all selected items with.
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp * @return {NodeList} A NodeList of all items in the selection.
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp */
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp wrapContent: function(tag) {
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp tag = (tag) ? tag : Y.Selection.DEFAULT_TAG;
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp if (!this.isCollapsed) {
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp Y.log('Wrapping selection with: ' + tag, 'info', 'selection');
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp var items = this.getSelected(),
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp changed = [], range, last, first, range2;
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp items.each(function(n, k) {
a89ad754cce3cfc8aee71760e10217b54020360dTripp var t = n.get('tagName').toLowerCase();
a89ad754cce3cfc8aee71760e10217b54020360dTripp if (t === 'font') {
a89ad754cce3cfc8aee71760e10217b54020360dTripp changed.push(this._swap(items.item(k), tag));
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp } else {
a89ad754cce3cfc8aee71760e10217b54020360dTripp changed.push(this._wrap(items.item(k), tag));
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp }
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp }, this);
a89ad754cce3cfc8aee71760e10217b54020360dTripp
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp range = this.createRange();
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp first = changed[0];
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp last = changed[changed.length - 1];
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp if (this._selection.removeAllRanges) {
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp range.setStart(changed[0], 0);
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp range.setEnd(last, last.childNodes.length);
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp this._selection.removeAllRanges();
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp this._selection.addRange(range);
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp } else {
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp range.moveToElementText(Y.Node.getDOMNode(first));
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp range2 = this.createRange();
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp range2.moveToElementText(Y.Node.getDOMNode(last));
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp range.setEndPoint('EndToEnd', range2);
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp range.select();
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp }
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp changed = Y.all(changed);
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp Y.log('Returning NodeList with (' + changed.size() + ') item(s)' , 'info', 'selection');
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp return changed;
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp } else {
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp Y.log('Can not wrap a collapsed selection, use insertContent', 'error', 'selection');
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp return Y.all([]);
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp }
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp },
e0caea9528bfbb244d27129aa9dea5aebc07fc18Tripp /**
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp * Find and replace a string inside a text node and replace it with HTML focusing the node after
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp * to allow you to continue to type.
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp * @method replace
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp * @param {String} se The string to search for.
a89ad754cce3cfc8aee71760e10217b54020360dTripp * @param {String} re The string of HTML to replace it with.
a89ad754cce3cfc8aee71760e10217b54020360dTripp * @return {Node} The node inserted.
a89ad754cce3cfc8aee71760e10217b54020360dTripp */
a89ad754cce3cfc8aee71760e10217b54020360dTripp replace: function(se,re) {
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp Y.log('replacing (' + se + ') with (' + re + ')');
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp var range = this.createRange(), node, txt, index, newNode;
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp if (range.getBookmark) {
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp index = range.getBookmark();
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp txt = this.anchorNode.get('innerHTML').replace(se, re);
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp this.anchorNode.set('innerHTML', txt);
a89ad754cce3cfc8aee71760e10217b54020360dTripp range.moveToBookmark(index);
a89ad754cce3cfc8aee71760e10217b54020360dTripp newNode = Y.one(range.parentElement());
a89ad754cce3cfc8aee71760e10217b54020360dTripp } else {
a89ad754cce3cfc8aee71760e10217b54020360dTripp node = this.anchorTextNode;
a89ad754cce3cfc8aee71760e10217b54020360dTripp txt = node.get(textContent);
a89ad754cce3cfc8aee71760e10217b54020360dTripp index = txt.indexOf(se);
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp txt = txt.replace(se, '');
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp node.set(textContent, txt);
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp newNode = this.insertAtCursor(re, node, index, true);
a89ad754cce3cfc8aee71760e10217b54020360dTripp }
a89ad754cce3cfc8aee71760e10217b54020360dTripp return newNode;
a89ad754cce3cfc8aee71760e10217b54020360dTripp },
a89ad754cce3cfc8aee71760e10217b54020360dTripp /**
7947db4b7d8682ea81598e3a4283e659a8103be6Tripp * Destroy the range.
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp * @method remove
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp * @chainable
a89ad754cce3cfc8aee71760e10217b54020360dTripp * @return {Y.Selection}
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp */
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp remove: function() {
this._selection.removeAllRanges();
return this;
},
/**
* Wrapper for the different range creation methods.
* @method createRange
* @return {RangeObject}
*/
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 {Y.Selection}
*/
selectNode: function(node, collapse, end) {
end = end || 0;
node = Y.Node.getDOMNode(node);
var range = this.createRange();
if (range.selectNode) {
range.selectNode(node);
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() {
return this.insertContent(Y.Selection.CURSOR);
},
/**
* Get the placeholder in the DOM at the current cursor position.
* @method getCursor
* @return {Node}
*/
getCursor: function() {
return Y.one('#' + Y.Selection.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', '&nbsp;');
} 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) {
this.selectNode(cur, collapse, end);
}
},
/**
* Generic toString for logging.
* @method toString
* @return {String}
*/
toString: function() {
return 'Selection Object';
}
};
}, '@VERSION@' ,{skinnable:false, requires:['node']});