ContentTools의 ContentEdit.Static 요소를 제거하는 방법

Question

정적 테이블을 추가하는 ContentTools에 새로운 도구를 만들었습니다. (편집하고 싶지 않습니다.)

하지만 정적 요소가 되어도 포커스가 유지되지 않고 제거 버튼을 클릭하면 제거 할 수 없습니다.

테이블을 편집 할 수 없지만이를 클릭하면 제거 할 수 있습니까?

new ContentEdit.Static('div', {'data-ce-moveable': true}, '<table><thead><tr><th>Foo head</th></tr></thead><tbody><tr><td>Foo body</td></tr></tbody></table>') 

감사합니다 :

그건 내가 요소를 생성하는 방법입니다!

Answer 1

정적 요소는 대부분 상호 작용할 수 없습니다 (다른 요소는 그 주위로 드래그 할 수 있지만 그게 전부입니다). ContentEdit/Tools를 사용하면 요소에 대한 일부 동작을 제한 할 수 있지만 텍스트 요소의 내용을 수정할 수는 없습니다 (지금까지는 추가 할 가치가 있다고 생각하지만).

그러나 그 순간에이 작업을 수행하는 정해진 방법은 없습니다 동안 여기에 당신이 (내가 당신을 얼마나 알려주 할) 당신이 설명하는 동작을 제공해야 그것을 사용할 수있는 접근 방식 :

ContentEdit.Root.get().bind('mount', function(element) { 
    // We only care about `TableCell` elements 
    if (element.type() != 'TableCell') { 
     return; 
    } 

    // We only want to make the element read-only if the parent table has 
    // the `data-read-only` attribute. 
    var table = element.closest(function(node) { 
     return node.type() == 'Table'; 
    }); 

    if (table.attr('data-read-only') !== undefined) { 
     // Disable text editing for the table cell 
     element.tableCellText()._onKeyDown = function(ev) { 
      ev.preventDefault(); 
     } 
    } 

    // Disable dragging of the table rows 
    var tableRow = element.closest(function(node) { 
     return node.type() == 'TableRow'; 
    }); 

    tableRow.can('drag', false); 
    tableRow.can('drop', false); 
});