禁止在contenteditable td中编辑某些内容

Question

我在一个td的表中有一个contenteditable="true"。在td内部，有一个span，其中包含一些内容。除了此td，我想使span可编辑。我该怎么办？

<td colspan="4" contenteditable="true">
  <span class='notForEdit'><i class="fa fa-cog"></i><span>
</td>

Answer 1

为什么不这样做：

<td colspan="4">
  <span contenteditable="true">
    editable test
  </span >
  <span contenteditable="false"><i class="fa fa-cog"></i><span>
  <span contenteditable="true">
    more editable test
  </span >
</td>

Answer 2

您可以尝试做这样的事情。

td{
margin:0;
padding:0;
}
p{
float:left;
padding:0.1em;
}

<td>
<p contenteditable="true">
This is a paragraph annd is editable. 
</p>
<p>A solid text.</p>
<p contenteditable="true">
next stuff. 
</p>
</td>