Contenteditable 删除第一个 <p> 标签答案

【问题标题】：Contenteditable deletes first <p> tagContenteditable 删除第一个 <p> 标签
【发布时间】：2015-10-27 13:09:17
【问题描述】：

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

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

<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> 我的 $text 是：<p>Some text...</p>

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

【问题讨论】：

标签： php html contenteditable

【解决方案1】：

这个怎么样？

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

【讨论】：

对不起，我没有说清楚，但我需要第一段中的文本可编辑，而标签本身不可删除。这就是为什么我将 contenteditable 放在 div 本身上。
@christopherlarsen 已更新。关键是不可删除的 p 的祖先都不能是 contenteditable，但其余的都可以。