在contenteditable div的span开头添加内容

Question

我有一个内容可编辑的div，其中包含span个元素。

<div contenteditable="true">
<span>one </span>
<span>two </span>
</div>

无论何时我在第二个跨度的开头（两个开头）添加任何文本，它都会添加到第一个跨度的结尾（一个之后）。

如何将光标放在开头并添加内容

Answer 1

根据您的发言，这是我能想到的解决方案。这样，可以分别编辑两个60 EA 00 00元素。当前设置方式，两个span元素都正在一起编辑。其背后的原因是，当前两个元素都被span封装，而div可以进行编辑。

<div>
 <span contenteditable="true">one</span>
 <span contenteditable="true">two</span>
</div>