html - Google Docs 如何将鼠标坐标映射到文本偏移量(用于拖放)？

Question

我花了一些时间搜索 SO 以将鼠标坐标映射到文本偏移量(用于拖放)，但我遇到的唯一解决方案是将每个字符包装在其自己的范围内，以便您可以监视鼠标事件在那个跨度上，这不是一个可扩展的解决方案(对于大型文档)。

此外，Google 文档能够在鼠标光标四处拖动文本时跟踪鼠标光标(在鼠标所在的文本中绘制一个插入点)。从监视文本及其周围的 DOM 来看，它似乎没有使用字符跨度技术。有谁知道这是如何实现的？

Answer 1

很遗憾，我没有 Google 帐户，所以我无法查看 Google 使用什么来完成 Google Docs。但要获取选择源，您可能会对 this answer 感兴趣.

您还提到了拖放。 HTML5 支持一个名为“contenteditable”的属性。浏览器使它(顾名思义)可以为用户编辑。 Here is a nice example .

要了解如何使用 HTML 5 技术编写编辑器(例如 CKEditor 甚至 Google Docs)，请阅读 http://www.quackit.com/html/codes/contenteditable.cfm .