Как получить смещение персонажа из div

0

У меня есть div с "contenteditable = true".
Например:
<div id="editableDiv" contenteditable="true">
<br/>fggggdf
</div>

Как получить смещение символа (например, смещение символа 'd') в отношении div "editableDiv".

заранее спасибо

  • 0
    Вы хотите фактическое смещение (в пикселях) символа ...?
  • 0
    @gncl <- Да. В этом месте появляется своего рода предложение div. Спасибо
Показать ещё 3 комментария
Теги:
contenteditable
contentoffset

2 ответа

1
Лучший ответ

Готов поспорить, этот ответ поможет вам.

Я думал о подобном подходе к представленному здесь. В принципе, вам нужно будет сделать что-то вроде этого:

Он в основном копирует весь текст из текстового поля в div того же размера. Я установил некоторый CSS, чтобы гарантировать, что в каждом браузере текстовое поле и div упаковывают их содержимое точно так же.

  • 1
    Выглядит многообещающе. Позвольте мне работать над этим. Спасибо
0

Проверь это. Вы можете найти смещение, на которое нажата мышь, чтобы отобразить окно подсказки.

http://jsfiddle.net/8dZBT/2/

$('#editableDiv').click(function(e){
    var x = e.pageX;
    var y = e.pageY;
    x -= $(this).offset().left;
    y -= $(this).offset().top;
    alert(x+' '+y)

});
  • 0
    Позвольте мне попробовать с некоторыми изменениями. Спасибо

Ещё вопросы

Сообщество Overcoder
Наверх
Меню