Google文檔如何將鼠標座標映射到文本偏移（用於拖放）？

Question

我已經花了一些時間搜索所以將鼠標座標映射到文本偏移量（用於拖放），但我遇到的唯一解決方案是將每個字符包裝在自己的跨度中，以便您可以監視鼠標事件該跨度，這不是一個可擴展的解決方案（適用於大型文檔）。

但是，Google Docs能夠跟蹤鼠標光標，因爲它會拖動文本（在鼠標所在文本中繪製插入點）。通過監視文本中和文本週圍的DOM，它似乎沒有使用字符跨度技術。有誰知道這是如何完成的？

Answer 1

很抱歉，我沒有Google帳戶，因此我無法查看Google用於完成Google文檔的內容。但爲了獲得選擇來源，您可能對this answer感興趣。

你也提到了拖放。 HTML5支持一個名爲「contenteditable」的屬性。瀏覽器使用戶可以編輯它（如名稱所示）。 Here is a nice example。

要了解一個編輯器（例如CKEditor的或者甚至是谷歌文檔），可以用HTML 5技術來寫入，讀取http://www.quackit.com/html/codes/contenteditable.cfm。