javascript - 防止某些内容在 contenteditable td 中被编辑

Question

我的表中有一个 td，其内容为 contenteditable="true"。在 td 内，我有一个包含一些内容的 span 。我想让除此 span 之外的 td 可编辑。我怎样才能做到这一点？

<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>