Ver Mensaje Individual
  #1 (permalink)  
Antiguo 22/08/2013, 16:16
Avatar de 0123
0123
 
Fecha de Ingreso: noviembre-2012
Ubicación: Entre la consola, el coda y un poco de photoshop
Mensajes: 263
Antigüedad: 12 años, 1 mes
Puntos: 10
Posicion del cursor en un contenteditable

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:
Ver original
  1. function getCaretPosition(element) {
  2.     var caretOffset = 0;
  3.     var doc = element.ownerDocument || element.document;
  4.     var win = doc.defaultView || doc.parentWindow;
  5.     var sel;
  6.     if (typeof win.getSelection != "undefined") {
  7.         var range = win.getSelection().getRangeAt(0);
  8.         var preCaretRange = range.cloneRange();
  9.         preCaretRange.selectNodeContents(element);
  10.         preCaretRange.setEnd(range.endContainer, range.endOffset);
  11.         caretOffset = preCaretRange.toString().length;
  12.     } else if ( (sel = doc.selection) && sel.type != "Control") {
  13.         var textRange = sel.createRange();
  14.         var preCaretTextRange = doc.body.createTextRange();
  15.         preCaretTextRange.moveToElementText(element);
  16.         preCaretTextRange.setEndPoint("EndToEnd", textRange);
  17.         caretOffset = preCaretTextRange.text.length;
  18.     }
  19.     return caretOffset;
  20. }