Насколько я могу судить, нет простого способа получить смещение символов из объекта TextRange в Internet Explorer. Объект Range W3C имеет node и смещение в текст внутри этого node. Кажется, что у IE есть смещения пикселей. Существуют методы создания, расширения и сравнения диапазонов, поэтому можно было бы написать алгоритм для вычисления смещения символов, но я чувствую, что мне что-то не хватает.
Итак, что самый простой способ рассчитать смещение символов начала Internet Explorer TextRange?
Я предлагаю IERange или просто алгоритм TextRange -to- DOM Range.
Я бы предложил использовать мою собственную библиотеку Rangy, которая по идее аналогична идее IERange, но гораздо более полно реализована и поддерживается.
Я использую метод, основанный на этом трюке позиции каретки:
// Assume r is a range:
var offsetFromBody = Math.abs( r.moveEnd('character', -1000000) );
Так как moveEnd возвращает количество фактически перемещенных символов, смещение должно теперь быть смещением от начала документа. Это отлично подходит для тестирования примитивного движения каретки, но для расширенного выбора и для получения точного node, который содержит анкер диапазона, вам понадобится нечто более сложное:
// where paramter r is a range:
function getRangeOffsetIE( r ) {
var end = Math.abs( r.duplicate().moveEnd('character', -1000000) );
// find the anchor element 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) );
}
Это должно возвращать правильное смещение текста каретки. Конечно, если вы уже знаете цель node или можете предоставить контекст, то вы можете пропустить весь беспорядок поиска цикла.
Я использовал немного более простое решение, используя значения смещения 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;
}
Вы можете выполнить итерацию через свойство body TextRange.text с помощью String.substring() для сравнения с TextRange, для которого требуется смещение символа.
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;
}