0

tinymce で順序なしリストを作成してタブ キーを押すと、作成されるコードは次のようになります。

<ul>
<li><span style="white-space: pre;"> </span>list item 1</li>
</ul>

ただし、エディタのツールバーのインデント ボタン (タブ キーではなく) をクリックすると、次のコードが作成されます。

<ul>
<li>list item 1
<ul>
<li>list item 1.1</li>
</ul>
</li>
</ul>

タブキーを押したときに同じことが起こることを望みます。単なる空白ではなく、ネストされたリストが必要です。これを達成する方法はありますか?ありがとう!

4

1 に答える 1

1

はいあります。必要なのは、次のいずれかのイベントのハンドラーを追加することだけです: onKey(Down または Pressed)。多かれ少なかれ次のようになります。

ed.onKeyUp.add(function(ed, evt) {

// keyCode == 9 means TAB
if (evt.keyCode == 9 && !evt.ctrlKey && !evt.shiftKey && !evt.altKey) {

  // this is how you get the actual node in your editor's iframe
  actual_node_in_dom = ed.selection.getNode();

  // here you need some js-code to manipulate the dom according to your wishes

}
于 2010-08-23T06:36:34.193 に答える