ОБНОВИТЬ

Я написал более простую версию, которая также работает в IE ‹9:

https://stackoverflow.com/a/4812022/96100

Старый ответ

На самом деле это более полезный результат, чем смещение символа в тексте всего документа: свойство startOffset диапазона DOM (которое возвращает window.getSelection().getRangeAt()) является смещением относительно его свойства startContainer (которое не обязательно всегда является текстом узел, кстати). Однако, если вам действительно нужно смещение символа, вот функция, которая сделает это.

Вот живой пример: http://jsfiddle.net/timdown/2YcaX/

Вот функция:

function getCharacterOffsetWithin(range, node) {
    var treeWalker = document.createTreeWalker(
        node,
        NodeFilter.SHOW_TEXT,
        function(node) {
            var nodeRange = document.createRange();
            nodeRange.selectNode(node);
            return nodeRange.compareBoundaryPoints(Range.END_TO_END, range) < 1 ?
                NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT;
        },
        false
    );

    var charCount = 0;
    while (treeWalker.nextNode()) {
        charCount += treeWalker.currentNode.length;
    }
    if (range.startContainer.nodeType == 3) {
        charCount += range.startOffset;
    }
    return charCount;
}

Это очень старый пост, но он все еще один из первых результатов поиска в Google, так что, возможно, он все еще полезен. Это работает для меня, чтобы получить правильную позицию, учитывая теги html и символы новой строки (проверено в Firefox):

function getCaretPosition (node) {
    var range = window.getSelection().getRangeAt(0),
        preCaretRange = range.cloneRange(),
        caretPosition,
        tmp = document.createElement("div");

    preCaretRange.selectNodeContents(node);
    preCaretRange.setEnd(range.endContainer, range.endOffset);
    tmp.appendChild(preCaretRange.cloneContents());
    caretPosition = tmp.innerHTML.length;
    return caretPosition;
}

Он использует функциональность cloneContents для получения фактического html и добавляет фрагмент документа во временный div, чтобы получить длину html.

Если вы хотите вставить элемент, вы можете попробовать сделать что-то вроде этого:

// Get range
var range = document.caretRangeFromPoint(event.clientX, event.clientY);
if (range)
  range.insertNode(elementWhichYouWantToAddToContentEditable);