プラグインのカーソルから「最近接」TDにクラスを追加します。

Question

テーブルセルにプリセットスタイルを追加するためのプラグインを作成しようとしています。

ステップバイステップ：セル内

1. ユーザー]をクリックします。ツールバー
2. の私のプラグインボタンを
3. ユーザーのクリックは
4. クラス属性は、最も近いTD

私は4日時点での苦労を抱えているに追加されたスタイルを選択します。カーソルがどこにあるのかをどのように知ることができますか？最も近いTDを選択するにはどうしたらいいですか？カーソルは、<td> </td>の間でなければなりません。何も起こらないTDがない場合。

カーソルは、<td>である限り、任意の<Tag>の間にすることができます。

Answer 1

// nearest element that surrounds your cursor 
var el = editor.getSelection().getStartElement(); 

while (el) { 
    // if element is <td>, set class attribute and break loop 
    if (el.getName() == 'td') { 
     el.setAttribute('class', 'myClass'); 
     break; 
    } 
    // otherwise, continue with parent element 
    // until you find <td> or there are no more elements 
    el = el.getParent(); 
}