javascript - 防止某些内容在 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>

标签： javascriptjqueryhtmlcontenteditable

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>