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

Question

我在 table 和 contenteditable="true" 中有一个 td。在 td 里面我有一个 span 有一些内容。除了这个 span，我想制作 td editable。我该怎么做？

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

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

Prevent some content from being edited in contenteditable td

html

javascript

jquery

contenteditable