谷歌文档textcursor

时间:2011-10-24 14:31:49

标签: javascript html web-applications google-docs

我需要创建一个类似于谷歌文档的应用程序。我已经看到谷歌文档不使用任何textarea而是使用常规div来创建页面。但我不知道他们是如何设法获得文本光标的。这是一个闪烁的图像吗?因为当我试图使用chrome开发人员工具查看网页代码时,我没有看到任何图像。他们是怎么做到的?

1 个答案:

答案 0 :(得分:2)

Google文档使用独特的编辑方法。没有包含contentEditable的文本,但是所有内容都是使用DOM呈现的。它会侦听击键并操纵DIV。

光标只是绝对定位的DIV,以编程方式隐藏或显示。搜索名为“kix-cursor-caret”的类。

编辑器代号为Kix,你可以在这里看到它的源代码:https://github.com/benjamn/kix-standalone