google docs textcursor

Question

Мне нужно создать приложение, похожее на Google Docs. Я видел, что Google Docs не использует textarea, но регулярные div для создания страниц. Но я не знаю, как им удается получить текстовый курсор. Это изображение мигает? потому что я не видел изображения, когда пытался увидеть код веб-страницы с помощью инструментов разработчика Chrome. Как они это делают?

Answer 1

Google Docs использует уникальный метод редактирования.Там нет текстовых областей с contentEditable, но все отображается с использованием DOM.Он слушает нажатия клавиш и манипулирует DIV.

Курсор - это просто DIV с абсолютным позиционированием, который программно скрыт или показан.Найдите класс с именем "kix-cursor-caret".

Редактор имеет кодовое название Kix, и вы можете увидеть его исходные коды здесь: https://github.com/benjamn/kix-standalone