');
}
});
}
};
$keyboard.getEditableCaret = function(container) {
container = $(container)[0];
if (!container.isContentEditable) { return {}; }
var end, text,
options = ($(container).data('keyboard') || {}).options,
doc = container.ownerDocument,
range = doc.getSelection().getRangeAt(0),
result = pathToNode(range.startContainer, range.startOffset),
start = result.position;
if (options.wrapBRs !== false) {
$keyboard.wrapBRs(container);
}
function pathToNode(endNode, offset) {
var node, adjust,
txt = '',
done = false,
position = 0,
nodes = $.makeArray(container.childNodes);
function checkBlock(val) {
if (val) {
position += val;
txt += options && options.replaceCR || '\n';
}
}
while (!done && nodes.length) {
node = nodes.shift();
if (node === endNode) {
done = true;
}
// Add one if previous sibling was a block node (div, p, etc)
adjust = $keyboard.isBlock(container, node.previousSibling);
checkBlock(adjust);
if ($keyboard.isTextNode(node)) {
position += done ? offset : node.length;
txt += node.textContent;
if (done) {
return {position: position, text: txt};
}
} else if (!done && node.childNodes) {
nodes = $.makeArray(node.childNodes).concat(nodes);
}
// Add one if we're inside a block node (div, p, etc)
// and previous sibling was a text node
adjust = $keyboard.isTextNode(node.previousSibling) && $keyboard.isBlock(container, node);
checkBlock(adjust);
}
return {position: position, text: txt};
}
// check of start and end are the same
if (range.endContainer === range.startContainer && range.endOffset === range.startOffset) {
end = start;
text = '';
} else {
result = pathToNode(range.endContainer, range.endOffset);
end = result.position;
text = result.text.substring(start, end);
}
return {
start: start,
end: end,
text: text
};
};
$keyboard.getEditableLength = function(container) {
var result = $keyboard.setEditableCaret(container, 'getMax');
// if not a number, the container is not a contenteditable element
return typeof result === 'number' ? result : null;
};
$keyboard.setEditableCaret = function(container, start, end) {
container = $(container)[0];
if (!container.isContentEditable) { return {}; }
var doc = container.ownerDocument,
range = doc.createRange(),
sel = doc.getSelection(),
options = ($(container).data('keyboard') || {}).options,
s = start,
e = end,
text = '',
result = findNode(start === 'getMax' ? 'end' : start);
function findNode(offset) {
if (offset === 'end') {
// Set some value > content length; but return max
offset = container.innerHTML.length;
} else if (offset < 0) {
offset = 0;
}
var node, check,
txt = '',
done = false,
position = 0,
last = 0,
max = 0,
nodes = $.makeArray(container.childNodes);
function updateText(val) {
txt += val ? options && options.replaceCR || '\n' : '';
return val > 0;
}
function checkDone(adj) {
var val = position + adj;
last = max;
max += adj;
if (offset - val >= 0) {
position = val;
return offset - position <= 0;
}
return offset - val <= 0;
}
while (!done && nodes.length) {
node = nodes.shift();
// Add one if the previous sibling was a block node (div, p, etc)
check = $keyboard.isBlock(container, node.previousSibling);
if (updateText(check) && checkDone(check)) {
done = true;
}
// Add one if we're inside a block node (div, p, etc)
check = $keyboard.isTextNode(node.previousSibling) && $keyboard.isBlock(container, node);
if (updateText(check) && checkDone(check)) {
done = true;
}
if ($keyboard.isTextNode(node)) {
txt += node.textContent;
if (checkDone(node.length)) {
check = offset - position === 0 && position - last >= 1 ? node.length : offset - position;
return {
node: node,
offset: check,
position: offset,
text: txt
};
}
} else if (!done && node.childNodes) {
nodes = $.makeArray(node.childNodes).concat(nodes);
}
}
return nodes.length ?
{node: node, offset: offset - position, position: offset, text: txt} :
// Offset is larger than content, return max
{node: node, offset: node && node.length || 0, position: max, text: txt};
}
if (result.node) {
s = result.position; // Adjust if start > content length
if (start === 'getMax') {
return s;
}
range.setStart(result.node, result.offset);
// Only find end if > start and is defined... this allows passing
// setEditableCaret(el, 'end') or setEditableCaret(el, 10, 'end');
if (typeof end !== 'undefined' && end !== start) {
result = findNode(end);
}
if (result.node) {
e = result.position; // Adjust if end > content length
range.setEnd(result.node, result.offset);
text = s === e ? '' : result.text.substring(s, e);
}
sel.removeAllRanges();
sel.addRange(range);
}
return {
start: s,
end: e,
text: text
};
};
$keyboard.replaceContent = function (el, param) {
el = $(el)[0];
var node, i, str,
type = typeof param,
caret = $keyboard.getEditableCaret(el).start,
charIndex = 0,
nodeStack = [el];
while ((node = nodeStack.pop())) {
if ($keyboard.isTextNode(node)) {
if (type === 'function') {
if (caret >= charIndex && caret <= charIndex + node.length) {
node.textContent = param(node.textContent);
}
} else if (type === 'string') {
// maybe not the best method, but it works for simple changes
str = param.substring(charIndex, charIndex + node.length);
if (str !== node.textContent) {
node.textContent = str;
}
}
charIndex += node.length;
} else if (node && node.childNodes) {
i = node.childNodes.length;
while (i--) {
nodeStack.push(node.childNodes[i]);
}
}
}
i = $keyboard.getEditableCaret(el);
$keyboard.setEditableCaret(el, i.start, i.start);
};
$.fn.keyboard = function (options) {
return this.each(function () {
if (!$(this).data('keyboard')) {
/*jshint nonew:false */
(new $.keyboard(this, options));
}
});
};
$.fn.getkeyboard = function () {
return this.data('keyboard');
};
/* Copyright (c) 2010 C. F., Wong (
Cloudgen Examplet Store)
* Licensed under the MIT License:
* http://www.opensource.org/licenses/mit-license.php
* Highly modified from the original
*/
$.fn.caret = function (start, end, noFocus) {
if (
typeof this[0] === 'undefined' ||
this.is(':hidden') ||
this.css('visibility') === 'hidden' ||
!/(INPUT|TEXTAREA)/.test(this[0].nodeName)
) {
return this;
}
var selRange, range, stored_range, txt, val,
$el = this,
el = $el[0],
selection = el.ownerDocument.selection,
sTop = el.scrollTop,
ss = false,
supportCaret = true;
try {
ss = 'selectionStart' in el;
} catch (err) {
supportCaret = false;
}
if (supportCaret && typeof start !== 'undefined') {
if (!/(email|number)/i.test(el.type)) {
if (ss) {
el.selectionStart = start;
el.selectionEnd = end;
} else {
selRange = el.createTextRange();
selRange.collapse(true);
selRange.moveStart('character', start);
selRange.moveEnd('character', end - start);
selRange.select();
}
}
// must be visible or IE8 crashes; IE9 in compatibility mode works fine - issue #56
if (!noFocus && ($el.is(':visible') || $el.css('visibility') !== 'hidden')) {
el.focus();
}
el.scrollTop = sTop;
return this;
}
if (/(email|number)/i.test(el.type)) {
// fix suggested by raduanastase (https://github.com/Mottie/Keyboard/issues/105#issuecomment-40456535)
start = end = $el.val().length;
} else if (ss) {
start = el.selectionStart;
end = el.selectionEnd;
} else if (selection) {
if (el.nodeName === 'TEXTAREA') {
val = $el.val();
range = selection.createRange();
stored_range = range.duplicate();
stored_range.moveToElementText(el);
stored_range.setEndPoint('EndToEnd', range);
// thanks to the awesome comments in the rangy plugin
start = stored_range.text.replace(/\r/g, '\n').length;
end = start + range.text.replace(/\r/g, '\n').length;
} else {
val = $el.val().replace(/\r/g, '\n');
range = selection.createRange().duplicate();
range.moveEnd('character', val.length);
start = (range.text === '' ? val.length : val.lastIndexOf(range.text));
range = selection.createRange().duplicate();
range.moveStart('character', -val.length);
end = range.text.length;
}
} else {
// caret positioning not supported
start = end = (el.value || '').length;
}
txt = (el.value || '');
return {
start: start,
end: end,
text: txt.substring(start, end),
replace: function (str) {
return txt.substring(0, start) + str + txt.substring(end, txt.length);
}
};
};
return $keyboard;
}));