Предотвратить редактирование некоторого контента в 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{
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>

Answer 2

Почему бы не сделать это так:

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