Posicion del cursor en un contenteditable

[0123]

Buenas compañeros,

¿Es posible obtener la posición del usuario en un div con contenteditable y considerar los tags incluidos en él?. Actualmente consigo el numero de letras hasta la posición del cursor, pero si existen "tags" no soy capaz de contarlos.

Es decir:

Ahora consigo: "hola" = 4 letras
Y quiero conseguir: "<b>hola</b>" = 11 letras

Uso la funcion:

Código Javascript:

function getCaretPosition(element) {
    var caretOffset = 0;
    var doc = element.ownerDocument || element.document;
    var win = doc.defaultView || doc.parentWindow;
    var sel;
    if (typeof win.getSelection != "undefined") {
        var range = win.getSelection().getRangeAt(0);
        var preCaretRange = range.cloneRange();
        preCaretRange.selectNodeContents(element);
        preCaretRange.setEnd(range.endContainer, range.endOffset);
        caretOffset = preCaretRange.toString().length;
    } else if ( (sel = doc.selection) && sel.type != "Control") {
        var textRange = sel.createRange();
        var preCaretTextRange = doc.body.createTextRange();
        preCaretTextRange.moveToElementText(element);
        preCaretTextRange.setEndPoint("EndToEnd", textRange);
        caretOffset = preCaretTextRange.text.length;
    }
    return caretOffset;
}
 

[Albuss]

No tengo ni zorra de que es contenteditable, pero para obtener las coordenadas del cursor, crea una funcion, llamala con un evento (el que sea), pásale como argumento el tipo "event" y dentro de la funcion usa event.clientY y event.clienX, esto te proporcionara las coordenadas del cursor.

[0123]

jeje Albuss... jeje. No tiene nada que ver con los eventos del raton, un contenteditable es un div editable, en plan editor, donde el cursor es donde el usuario se encuentra escribiendo.

jajaja