谷歌文档文本光标

2024-05-01

我需要创建一个类似于谷歌文档的应用程序。我发现 google 文档不使用任何文本区域,而是使用常规 div 来创建页面。但我不知道他们是如何获得文本光标的。是图像闪烁吗?因为当我尝试使用 Chrome 开发者工具查看网页代码时,我没有看到任何图像。他们是如何做到的呢?


Google Docs 使用独特的编辑方法。没有启用 contentEditable 的文本区域,但所有内容都是使用 DOM 渲染的。它监听击键并操作 DIV。

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

编辑器的代号为 Kix,您可以在此处查看其源代码:https://github.com/benjamn/kix-standalone https://github.com/benjamn/kix-standalone

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

谷歌文档文本光标 的相关文章

随机推荐