javascript - 自动完成 contentEditable div 中的文本

Question

我需要在 contentEditable div 上有一种自动完成机制。因此，当输入“s”时，弹出选择后它将更改为“Set”(非常类似于VS中的Intellisense工作)，所以我需要两件事:

1. 删除原始输入的字符串(我单独跟踪它)
2. 在此特定位置插入新文本

我认为，如果我能够获取 div insideHTML 中的插入符位置，那么这将很容易，以便我可以执行文本逻辑，然后将 html 设置回 div 中。但到目前为止我还没有找到如何实现这一目标。

Answer 1

看起来您需要使用文本选择功能，但这往往具有相当差的跨浏览器兼容性，并且使用起来非常令人沮丧。值得考虑使用诸如 Rangy ( https://code.google.com/p/rangy/ ) 之类的库来标准化这一点。

那里的文档还应该为了解如何选择光标周围的文本以及如何替换所选内容的文本内容提供一个良好的起点。