無法獲取單元格以專注於內容可編輯腳本

Question

我有一個html表，有些列是contenteditable，有些不是。我的HTML包括文件：https://github.com/mindmup/editable-table/blob/master/mindmup-editabletable.js

如果我喊一聲：

$('#detail').editableTableWidget(); 

它的偉大工程，我可以從小區到小區，從箭頭鍵移動和細胞突出顯示選擇，

但唯一的問題是每一列都是可以理解的，我不想那樣做。如果我打電話

$('#detail').editableTableWidget().find('[contenteditable]'); 

箭頭鍵的運動工作，但不是亮點，它似乎沒有工作。我如何才能在我的contenteditable列上調用它？

http://jsfiddle.net/2u3mhom8/是的jsfiddle我創建顯示我的問題，

感謝你的幫助

Answer 1

我一直在尋找相同的解決方案。我發現他們的問題頁面上GitHub上的東西，可能會爲你工作：

https://github.com/mindmup/editable-table/issues/6

我還沒有嘗試過解決辦法，但它看起來優雅，它們指向可直接到達的代碼行，你需要改變才能使其發揮作用。

基本上，你只需要使用這些：

element.find("td:not([data-editable='no'])").on('click keypress dblclick', showEditor)

和

element.find("td:not([data-editable='no'])").prop('tabindex', 1);

以取代 「mindmup-editabletable.js」 對應的行，其在管線92和113（截至寫這篇文章的時候......不知道他們是否還在同一個地方）。

我還發現我目前在我自己的項目中使用的一種輕微的解決方法，因爲它非常簡單並且不需要代碼來實現（儘管您可能必須使用CSS做更多的工作才能使單元格看起來正確）。而不是使用你的單元格，使用它會使單元格不可編輯。