Contenteditableは、フィールド内のアイコンも削除して編集します

Question

私は自分のテーブルにcontenteditableを使用しています.Javascriptを使用して作成された各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>