Javascript 富文本编辑器-光标停留在最新添加的div中

我正在尝试实现一个简单的RTE，我已经允许用户添加元素。但是当我添加第一个div时，我似乎无法单击一个区域，在该区域中我可以将另一个div添加到我想要的位置

每个元素的contenteditable都设置为true，那么为什么我不能选择我单击的占位符呢

Im还使用IFRAME允许RTE工作

HTML结构

根据我的经验，编写自己的RTE真的不值得，因为有很多免费的RTE，从重到极轻不等-weight@roryok，我明白你的观点，但这是我想调查的事情。由于我工作的地方，我们已经实施了TinyMCE，但为了更多的定制，我被要求承担这个项目

 <div class="content" contenteditable="true">
       <div class="menuitem" contenteditable="true">
       </div>
 </div>