如何在Handsontable单元格编辑器中选择div

时间:2015-08-03 15:35:05

标签: dojo handsontable summernote

我正在尝试将第三方文本编辑器Summernote(http://summernote.org)集成到Handsontable(v0.13)的单元格编辑器中。

不幸的是,我无法关注Summernote用作输入的div,因为Handsontable并不认为它是输入。

经过多次测试后,我确信Handsontable正在搞乱点击事件,但我没有成功阻止在Handsontable中传播此事件。任何想法将不胜感激:D

1 个答案:

答案 0 :(得分:0)

我终于通过将以下代码添加到Handsontable配置找到了我对这个问题的答案,该配置允许不在内部单击关闭我的单元格编辑器:

Handsontable.Dom.addEvent(myGridContainer, 'mousedown', function(event){                  
     //If I click on container of my Text editor or children
     if($(event.target).is('.GridWidgetHTMLLEditor *, .GridWidgetHTMLLEditor')) {
                //The tricky Handsontable propagation stop
                Handsontable.Dom.enableImmediatePropagation(event);
                event.stopImmediatePropagation();
     }
});

我还必须使用一些解决方法,因为它还不够(我有一个Handsontable处理程序,我无法阻止)。我需要将选项“fragmentSelection:true”添加到Handson设置中,并将创建的单元格编辑器容器附加到Handson的主体中(来自.htContainer的第一个子体)

这是一个小小的hack,允许声明summernote div输入是一个输入(Handsontable没有将div定义为输入)。

如果您要求,我可以添加我需要解决的Handson代码以便更好地理解!

因为它正常工作:<(“<)(>”)><(“<)(>”)> O /