Как на javascript реализовать «плавающий» вводимый текст как в MS Office 2013?

Question

[Антон]

Сразу оговорюсь:
- я не требую тут кода
- мне нужна только экспертная оценка и советы

Ищу решение как реализовать плавный ввод текста и реакцию каретки (? не знаю как называется мигающий символ следующий за текстом). Чтобы решение было достаточно производительным (не перерисовывалось по миллион раз) и кроссбраузерным (IE8+). Такое вообще возможно, но чтобы не терялась функциональность (выделение и копирование текста, работа с текстом через третьи расширения на сайте вроде WYSIWYG).

Такое вообще возможно в контексте стандартных нативных методов (и форм)? Хотя бы для современных браузеров?

Answer 1

[AngReload]

Можно задать диву свойство редактируемости и оборачивать последний вводимый символ в спан с шириной изменяемой скриптом.