Javascript 键入时将跨距插入contenteditable div

我试图将元素注入到用户在contenteditable中键入的文本中。输入事件DOMCharacterDataModified定期触发对服务的请求，该服务标识文本中的某些实体，我想相应地更新它。比如说,

《纽约时报》是一家美国报纸 在纽约市具有全球影响力和 读者群。 变成

《纽约时报》是一家 总部设在纽约的美国报纸 具有全球影响力和影响力的纽约市 读者群。

---

是否有任何方法可以在不替换内容的情况下插入元素，从而保留用户的文本光标位置？

我不知道它是否会保留文本光标位置，但无论它是否位于内容可编辑的内容中，简单的方法都应该有效

---

我不知道它是否会保留文本光标的位置，但不管它是否在可编辑的内容中，一个简单的方法应该可以工作

---

不幸的是，这无法保留文本光标位置。请尝试先查看并可能保存该位置，然后应用跨度，然后将光标放回？我已尽力保存并恢复光标位置，但我还没能想出一个防弹的解决方案——特别是异步服务请求。不幸的是，这并不能保留文本光标的位置。请尝试先查看并可能保存位置，然后应用跨度，然后再将光标放回？我已尽力保存和恢复光标位置，但我还没能想出一个防弹的解决方案——特别是异步服务请求。。看一看，你是在建议键控键控吗？我知道有人反对，但我认为输入是正确的。是的，链接方式是正确的。看一看，你是在建议键控键控吗？我知道有人反对，但我认为输入是正确的。是的，链接方式是正确的

str.replace("New York Times", "<span>New York Times</span>")