Contenteditable删除第一个<p>标记

Question

所以我有一个div，里面有一个段落和一些可编辑的文本。

当你点击输入时，它会创建一个新段落，这就是我希望它工作的方式。当你删除文本然后到达结尾时，它会删除段落标记，但我需要它不删除第一个，这样当你再次开始输入时它仍然包含在段落标记中。

<div contenteditable="true">
  <p>This tag cannot be deleted but text is editable</p>
  <p>This tag can be deleted</p>
</div>

目前我有这个：<div contenteditable="true"> <?php echo $text; ?> </div> 我的$文字是：<p>Some text...</p>

希望我想要实现的目标是有意义的。先谢谢！

Answer 1

这个怎么样？

<div>
  <p contenteditable="true">This paragraph cannot be deleted</p>
  <div contenteditable="true">
    <p>This paragraph can be deleted</p>
  </div>
</div>