플러그인에서 내 커서에서 '가장 가까운'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(); 
}