Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I need to create an application which is similar to google docs. I have seen that google docs doesn’t use any textarea but regular divs to create pages. But what I don’t know is how they manage to get a text cursor. Is it an image blinking? cause I didn’t see any image when i tried to see the webpage code with chrome developer tools. How do they do it?
Google Docs uses unique editing method. There is no text ares with contentEditable on, but everything is rendered using DOM. It listens for keystrokes and manipulates DIVs.
Cursor is just absolute positioned DIV which is programatically hidden or shown. Search for class named “kix-cursor-caret”.
Editor is codenamed Kix and you can see it’s source codes here: https://github.com/benjamn/kix-standalone