如何在包含文本的div / span上插入假插入符？

Question

Google文档使用一个很小的div作为插入符来编辑文本。如果我只有一个div，上面有一些不使用\z的文本，例如：

contenteditable

我如何在其上设置假插入符？

到目前为止，这是我的方法：

• 单击时，获取真实插入符的位置，然后将假插入符设置为该位置。这里的问题是，它不是可编辑的div，因此没有真正的插入符号，而且即使使用真正的插入符号，我也不认为这是可能的。
• 以某种方式找到最接近的文本节点，将文本节点的宽度确定到该位置，然后放置光标。这种解决方案完全是我如何解决的。