Как сделать чтобы один объект создавался на textarea рядом с кареткой?

Question

[saalaus]

В общем, я хочу узнать как узнать местоположение каретки в textarea, а затем создать поверх него другой объект div

Answer 1

[Stalker_RED]

Заменить textarea на div contenteditable=true
Получить позицию курсора по selection.getRange
Вставить в эту позицию спан с zero-width space
Получить координаты спана

Сорри, что без ссылок, пишу с телефона. Но каждая из этих штук легко гуглится.

UPD: Как-то так:


(там есть глюк, куда-то пробелы пропадают, но мне лень разбираться)