Zeichen-offset in einem Internet Explorer-TextRange

Soweit ich sagen kann, es ist keine einfache Art und Weise abrufen zu können, ein Zeichen offset von einem TextRange-Objekt in Internet Explorer. Das W3C Range-Objekt hat einen Knoten, und der offset in der text innerhalb des Knotens. IE scheint nur noch pixel-offsets. Es sind Methoden zum erstellen, erweitern und vergleichen Sie reicht, so würde es möglich sein zu schreiben Sie einen Algorithmus zur Berechnung der Zeichen-offset, aber ich glaube, ich muss etwas fehlen.

Also, was ist der einfachste Weg zur Berechnung der Zeichen-offset von dem start des Internet Explorer TextRange?

  • Wollen Sie die Anzahl der Zeichen auf der linken Seite des Bildschirms vor dem start die Reichweite?
InformationsquelleAutor |
  1. 5

    Ich würde vorschlagen,IERange, oder einfach nur die TextRange-zu-DOM Range Algorithmus aus.

    Update, 9. August 2011

    Ich würde jetzt vorschlagen, mit meinen eigenen Feingliedrig - Bibliothek, die ähnlich ist in der Idee IERange aber viel mehr vollständig realisiert und unterstützt.

    InformationsquelleAutor
  2. 8

    Verwende ich eine Methode basiert auf dieser position der Einfügemarke-trick:

    //Assume r is a range:
var offsetFromBody = Math.abs( r.moveEnd('character', -1000000) );

    Seit moveEnd gibt die Anzahl der Zeichen tatsächlich verschoben, der offset sollte nun der offset vom Anfang des Dokuments. Dies funktioniert gut für die Prüfung primitive Cursor-Bewegung, aber für erweiterte Selektionen und für immer die genaue Knoten, der hält die Palette verankern, müssen Sie etwas komplexer:

    //where paramter r is a range:
function getRangeOffsetIE( r ) {
  var end = Math.abs( r.duplicate().moveEnd('character', -1000000) );
  //find the anchor element's offset
  var range = r.duplicate();
  r.collapse( false );
  var parentElm = range.parentElement();
  var children = parentElm.getElementsByTagName('*');
  for (var i = children.length - 1; i >= 0; i--) {
    range.moveToElementText( children[i] );
    if ( range.inRange(r) ) {
      parentElm = children[i];
      break;
    }
  }
  range.moveToElementText( parentElm );
  return end - Math.abs( range.moveStart('character', -1000000) );
}

    Dieser sollte den richtigen text-caret-Zeichen offset. Natürlich, wenn Sie das Ziel kennen-Knoten bereits oder sind in der Lage, einen Kontext, dann können Sie überspringen die ganze looping-Suche Durcheinander.

    InformationsquelleAutor Borgar
  3. 2

    Habe ich eine etwas einfachere Lösung, die mit der offset-Werte von einem textRange:

    function getIECharOffset() {
  var offset = 0;

  //get the users selection - this handles empty selections
  var userSelection = document.selection.createRange();

  //get a selection from the contents of the parent element
  var parentSelection = userSelection.parentElement().createTextRange();

  //loop - moving the parent selection on a character at a time until the offsets match
  while (!offsetEqual(parentSelection, userSelection)) {
    parentSelection.move('character');
    offset++;
  }

  //return the number of char you have moved through
  return offset;
}

function offsetEqual(arg1, arg2) {
  if (arg1.offsetLeft == arg2.offsetLeft && arg1.offsetTop == arg2.offsetTop) {
    return true;
  }
  return false;
}
    InformationsquelleAutor
  4. 1

    Durchlaufen werden kann das body-element ist TextRange.text Eigenschaft mit String.substring() zu vergleichen, gegen die TextRange, für die Sie möchten, dass der Charakter ausgeglichen.

    function charOffset(textRange, parentTextRange)
 { var parentTxt = parentTextRange.text;
   var txt       = textRange.text;
   var parentLen = parentTxt.length;

   for(int i=0; i < parentLen ; ++i) 
    { if (parentTxt.substring(i, txt.length+i) == txt) 
       { var originalPosition = textRange.getBookmark();

         //moves back one and searches backwards for same text
         textRange.moveStart("character",-1);
         var foundOther = textRange.findText(textRange.text,-parentLen,1);

         //if no others were found return offset
         if (!foundOther) return i;

         //returns to original position to try next offset
         else textRange.moveToBookmark(originalPosition);
       }
    }

   return -1;
 }

    [Referenz für das findText()]

    • In diesem Fall sind Sie besser dran mit bodyTxt.indexOf(txt), und das war ja mein Erster Ansatz. Allerdings, wenn der text in die Reihe wiederholt sich überall, es werfe diese Zahl aus. Klar, es ist der offset innerhalb des Knotens mit der Auswahl bin ich daran interessiert, nicht in den ganzen Körper.
    • Ich aktualisiert meine Lösung zu akzeptieren, die übergeordneten Knoten und zu prüfen, wiederholt text.
    InformationsquelleAutor Mark Cidade
Schreibe einen Kommentar