最近，我遇到了几种情况，最终我都使用CSS hacks，以便用户可以将光标放置在可进行内容编辑的div中以前用于文本编辑的位置。我的具体情况接近this codepen中的情况。
我的猜测是，问题在于该段中没有可选的内联元素，因此浏览器（我使用的是Chrome）不允许用户将光标放在此处。在段落中的<br/>标记上设置显示样式可以解决此问题，但是感觉有些古怪。这个解决方案对于我们的目的来说是很好的，但是作为将来的参考，我想知道是否有任何规范可以确定在contenteditable div中什么是有效的文本输入位置。我做了一些谷歌搜索，但没发现太多，尽管有可能我只是不知道该问题的正确措词。
在您共享的代码中，看不到跨度。
这些情况：1.选择跨度，它不起作用。2.选择跨度的br，它确实起作用。
问题出在隐藏元素上，我猜想是欺骗浏览器以为隐藏元素无法编辑。