编辑html表格单元格

Question

我在td中使用contenteditable。它工作正常，但它也会影响默认隐藏的内部内容。例如：

<td contenteditable >
  name
  <p contenteditable="false" style="display:none;">12</p>
  <a contenteditable="false"  href="#" >
    <img src="image.png" class="imgspace"/>
  </a>
</td>

如果我要删除名称文字，则还会删除可编辑为false的<p>和<a>标记以及默认情况下display:none。

有什么建议吗？