1

contenteditable がありdivます。このリンクに関して、内部に「分数」スパンを入れました。これが私の現在のコードです（スパン内の数字は単なるダミーの数字です）：

<span style="display:inline-block; vertical-align:middle;" contenteditable="false">
  <span style="display:block; min-width: 20px;border-bottom:1px solid black; text-align: center; outline: none;" contenteditable>6</span>
  <span style="display:block; min-width: 20px;text-align: center;outline: none;" contenteditable>7</span>
</span>

私の問題は、この「分数」スパン (外側のスパンであり、これは数学 WYSIWYG プログラムであるため、削除可能である必要があります) を削除しようとすると、2 つの内側の contenteditable スパンのコンテンツが削除されることです。それを削除しようとすると (明らかに外側のスパンの外側から contenteditable div の内側から)、3 つの要素すべてを削除したいと考えています。外側のスパンがまだ残っているのは望ましくありません。

解決策はありますか？

更新:これを行う方法がない場合、ユーザーが大きな分数スパンの横にある削除キーを押したときに、そのスパン要素全体とその内容を選択する方法はありますか?

4

1 に答える 1

3

トップスパンにIDを指定するだけです。

<span id="editfraction" 
      style="display:inline-block; vertical-align:middle;" 
      contenteditable="false">

これを使用して削除します。

$('#editfraction').remove();

ユーザーが削除ボタンを押したときにスパンを削除する場合は、contentEditableスパンのデータ属性と組み合わせてIDを使用します。

<span ... data-ondeleteId="#editx" contenteditable>6</span>

例については、このjsfiddleを参照してください

于 2012-08-29T07:19:03.650 に答える