contentEditable div中的自動完成文本

Question

我在contentEditable div上需要一種自動完成機制。 因此，當鍵入“ s”時，將在彈出選擇后將其更改為“ Set”（非常類似於VS中的Intellisense作品），所以我需要兩件事：

1. 刪除原始鍵入的字符串（我將分別對此進行跟蹤）
2. 在此特定位置插入新文本

我認為，如果我可以在div innerHTML中獲得插入符號的位置，那么這將很容易，這樣我就可以執行文本邏輯，然后將html放回div中。 但到目前為止，我還沒有找到如何實現這一目標的方法。

Answer 1

看起來您需要使用文本選擇功能，但是跨瀏覽器兼容性通常很差，使用起來可能非常令人沮喪。 值得研究使用Rangy（ https://code.google.com/p/rangy/ ）之類的庫對此進行標准化。

那里的文檔還應該為尋找如何選擇光標周圍的文本以及替換所選內容的文本提供一個良好的起點。

Answer 2

https://github.com/yuku-t/jquery-textcomplete/可與contentEditable一起使用，並讓您在尋找匹配項時運行即可。