У меня есть div с "contenteditable = true".
Например: <div id="editableDiv" contenteditable="true">
<br/>fggggdf
</div>
Как получить смещение символа (например, смещение символа 'd'
) в отношении div "editableDiv".
заранее спасибо
Готов поспорить, этот ответ поможет вам.
Я думал о подобном подходе к представленному здесь. В принципе, вам нужно будет сделать что-то вроде этого:
Он в основном копирует весь текст из текстового поля в div того же размера. Я установил некоторый CSS, чтобы гарантировать, что в каждом браузере текстовое поле и div упаковывают их содержимое точно так же.
Проверь это. Вы можете найти смещение, на которое нажата мышь, чтобы отобразить окно подсказки.
$('#editableDiv').click(function(e){
var x = e.pageX;
var y = e.pageY;
x -= $(this).offset().left;
y -= $(this).offset().top;
alert(x+' '+y)
});