С этим можно что-то сделать, но это очень сложно.
- В вашем текстовом поле, например, привязать событие к нажатию клавиши.
- Каждый напечатанный символ сдвигает
<img> над текстовой областью.
- Если пользователь щелкает текстовую область, обновлять позицию, получая X и Y от нажатия.
Obs: шрифт должен быть моноширинным. Пример: если каждый шрифт имеет 20 пикселей и пользователь нажимает клавишу Backspace, вы перемещаете этот рисунок влево на 20 пикселей.
EDIT
Я только что сделал привет, в jsfiddle .
Конечно, это пример, но попробуйте набрать текст, используйте клавишу Backspace и введите, чтобы увидеть, как курсор возвращается назад и вперед.
В этом примере исправляется множество ошибок, например:
Использование <backspace> для очистки всей линии
Использование стрелок в полях textarea переполнения
Использование мыши должно обновить позицию каретки ...