Javascript 限制contenteditable元素删除最后一个子节点

我在一个示例中实现了

contenteditable

我的结构如下：

// parent with contenteditable
<div contenteditable>
// the user inserted text should sit within child <p> elements
<p></p>
</div>

//具有可编辑内容的父级
//用户插入的文本应该位于子元素中

它工作正常，直到用户删除内容，在这种情况下，插入符号删除最后一个“para”元素，并开始直接在父div节点中插入用户插入的文本