Contenteditable도 필드의 아이콘을 삭제하고 편집합니다

Question

내 테이블에 contenteditable을 사용하고 있으며 자바 스크립트를 사용하여 만든 각 td는 contenteditable="true"으로 설정되어 있습니다.

'TOTAL'이라는 입력란에 ICON을 추가하고 사용자가 데이터를 변경할 수 있지만 contenteditable을 사용하여 아이콘을 편집/삭제할 수있게하는 것이 문제입니다.

아이콘을 그대로두고 편집하거나 변경하지 않으려합니다. JavaScript 또는 CSS를 사용하여 편집 가능한 범위 또는 아이콘을 수정하는 방법이 있습니까?

예 :

<table> 
 
<thead> 
 
    <tr> 
 
    <th>TOTAL</th> 
 
    </tr> 
 
</thead> 
 
<tbody> 
 
    <tr> 
 
    <td contenteditable="true"><span>$</span>887</td> 
 
    </tr> 
 
</tbody>

Answer 1

이동에게 이미지를 포함하지 않는 다른 기간에의 contentEditable :

<table> 
 
<thead> 
 
    <tr> 
 
    <th>TOTAL</th> 
 
    </tr> 
 
</thead> 
 
<tbody> 
 
    <tr> 
 
    <td>$<span contenteditable="true">887</span></td> 
 
    </tr> 
 
</tbody>